14 Mayıs 2012, PAZARTESİ

3-Sütun Web Düzeni Üstbilgi Ve Altbilgi

Olması, bu üç sütunda hangi sayfa düzeni üzerinde çalışma Ralph ve özledim video biz sadece bir ayak bir başlık ile iki sütun düzeni yaptım ya da öyle caz it up a var biraz daha Benim html gidip bana bir teknik olduğunu söylüyorlar bana dosyayı yapalım görelim Sadece üç altına dosyasını onların farklı olarak belirlenmiş ve CSS başvurusunu değiştirin Bir füze yatırması orada olacak bakın benim CSS yaptım dosyayı değiştirmek 3 CSS orada biz onların bu halledilir kadar gidin ve ben şimdi bir sütun istiyorum olsun kenar çubuğu hizmet ne var Jess, bu kadar biraz olsun zaman en Ben yarısında olduğumu s

öylüyorlar üç şey, üç sütun düzeni özetleyici Kimlik kenar çubuğunu eşittir Şarap genç ve ben bu olsa biraz yeniden istiyorum benim ana içerik alanı var canlarım çıkacağını İki kenar çubuğunu sonra Biz gitmek burada bakım bu y

üzden kenar tane var ve ben bu bir kenar çubuğu arayacağım Daha sonra ve benim sütun 1 var şimdi var canavar üç kritik parçalar Bütün bu dizinin benim ana içerik alanı içinde önemli bir türüdür Ben diğer tarafı a

“CSS ve HTML5 üstbilgi ve altbilgi öğelerini kullanarak bir 3-sütun sabit veya esnek bir web sayfası düzeni oluşturun....”
Ralph Phillips

lacaksın tek kenar çubuğu alıp Seni sola akış ediyorum bar yıktığı benim ana kolonlarda hakkı otomatik olarak gitmek arasında sağ slayt onları bu yüzden CSS ve şeyler üzerinde bu kadar düzeltmek izin Ben yeni kimliği var akılda tutmak burada 12 var çeşit benim main bakın Orada tutmak aynı sorun değilim o lanet olası olduğunu görürüz olmayacak bir arka plan rengi var yüksekliği ortalama ve ben taşma yaptım: sen ne zaman biraz yardımcı gizli olan Bloğun iç el

3-Sütun Web Düzeni Üstbilgi Ve Altbilgi Resim 1 3-Sütun Web Düzeni Üstbilgi Ve Altbilgi Resim 2 3-Sütun Web Düzeni Üstbilgi Ve Altbilgi Resim 3 3-Sütun Web Düzeni Üstbilgi Ve Altbilgi Resim 4

emanları kayan Ben bir sütun 1 var ama ben Şimdi tabii ki de ben kenar çubuğu onun kenar çubuğu tek yani bir sidebar en bir dakika değişiklikleri üzerinde görelim kopyalayın ve en bir kenar çubuğu yapalım içinde burada sütun biri üzerinde bulunur biz gidiş var ettik ne görelim mavi arka plan rengini ve 690 ile vardır Ben 490 ila aşağı vurmak edeceğim ve bakalım edebilirsiniz ve ben istiyorum ki olacak çünkü artık benim sütun 1 yüzen olmayın orta Senin için biraz daha mantıklı sadece bu yüzden bana bir aşk bu kapmak b

iz şeyleri göründükleri sırayla konum şimdi buraya pop temel ama benim ana karma hatırlamak kenar çubuğu sütuna bir kenar çubuğu alamadım 1 sütuna 1 kenar çubuğu, bir kenar çubuğu hedefe Kenar çubuğu, bir ve Zebur set 350 asgari Heights görür X bu burada organize ve ben almak ve marj oranı var ama bu ne zaman orada olacak bu yüzden orada tam oran sayısı kenar çubuğu 1 Burada kritik bir adım ben sola doğru yüzer edeceğim var ve olacak 200 piksel ile bir olması Kenar çubuğu, bir olacak 200 piksel genişliğinde Scooby içinde sol tarafta olacak için kenar çubuğu kendi sereceğim sağa olacak Flip 200 piksel genişliğinde olacak şimdi zaman sizinkine 990 ile uğraşan toplam hatırladı Ben anlamına gelir dan dört almak kendini uzayda beş doksan kalmadı Sütun 1, aslında bir olması gerekmez Bunun üzerine set tamam o kadar hiç gerek yok gerek yok dk merhaba ben 350 oturup bu yüzden hepimiz aynı bu yüzden biraz ben burada gidiş var şeyden recapping var Kenar çubuğu biri ağaran olduğunu yükseklik margin-hakkına sahiptir: Pek çok marj yağmur var kurtulmak vardır bile olması gerekmez Kenar çubuğu, bir sola yüzen 200 piksel genişliğinde kaya kenar çubuğu için Neden senin sütununda bu Tamam yani aslında bu marjları okuyamaz için kenar çubuğu da ama biz değiştirirseniz ne kadar büyük küçük değişiklik bu dışarı 21 onun tür çirkin sarı orada bir şey öylesine sidebar vardır o oranı yüzen minimum yüksekliği 200 piksel genişliğinde Sütun 1 mavi yani asgari yüksekliği vardır Sütun 1 margin-left: 200 piksel olacak olacak marj oranı olacak 200 piksel olacak Bu genişlikleri kadar kenar çubuğunu çünkü ve ben bu numaraları alıyorum Birisi üç sayfalık benim düzenleri gitmek gerekir tarayıcı üzerinde tasarruf vurdu Üç sütun düzeni artık akılda yakınında bu sabit düzeni numara 990 piksel genişliğinde lastik konteynerler olabilir böylece ateşli boyutu bu ders her 990 kalır iki yüz bayat benim sütun ve varsayılan bu tarafından 590 benim mavi sütun Eğer daraltmak için unutmak biliyorum önce aşağıdaki kaydırma kursu birleşik onların biz kesinlikle bu esneyebilir, böylece bir şey akılda tutmak için Ben sadece 990 piksel yapmak yerine benim konteyner giderseniz belki doksan gitmek yüzde bu yüzden şimdi o yüzde doksan olduğunu ve sadece küçük bir değişiklik olduğunu yaparak devam gerçekten tüm yapmam gerekiyor Ben yenilemek geri tarayıcısına gitmek Bu seyretmek Ben Afganistan esnek yardım bu tarayıcıyı yeniden boyutlandırmak Şimdi benim yan çubuklar benim yan çubuklar hala 200 piksel genişliğinde olan sabit ama burada benim ana sütun benim ana içerik alanı genişleyen ve yolu kullanarak değil müteahhitlik olduğunu bunu yapmak istiyorum Çok nadiren kenar çubuğunu genişletmek ne ve sözleşme genellikle çünkü onlar gezinme menüleri ve malzeme gibi şeyler içerebilir Senin bu iki reforme hücreyi almak istemiyorum Bir değil olsa bile bir kenar çubuğu üzerinde sabit kullanarak Genel esnek düzeni hala çok çok olduğunu Ortak iyi yapılacak şey ve benim ana içeriği anten Bir sözleşme XP şimdi tabii bu iki sütun tutmak zorunda değilsiniz sırları eşit kolaylıkla bu dışarı değiştirmek yüzden üzerinden geri atlama olabilir benim CSS sözdizimi hata oranı bir kenar çubuğu olacak 250 piksel genişliğinde olacak kolu Bizim kalecinin 200 ama benim sütun istiyorum değiştirmek de kenar çubuğu margin-left: 252 uyum onların Geri tarayıcı üzerinden kendi ego yenilemek ve esnek bir yıl artık kendinizi var Yapmanız daha geniş sol kenar iki sütun düzeni Hiç doğru kenar çubuğu gerekir ama şimdi temel var başlık ve altbilgi ile üç sütun düzeni Ben özel üzerinde biraz gördüm bu şimdi başka bir ortak bir varyasyon Onları Onlar sidebars var burada çok bir blok hala ve ikisi de konum böylece tamam aynı tarafta giderek başka bir yolu ve biz kesinlikle karşılamak için biraz değiştirebilir onların olacak benim CSS gidiyorum bunu Ametek benim sütun 1 ve ben de üstündeki buraya koymak değilim Bazı K uzak sol sonra tüm kenar çubuğu tek sütun bir tane var K kenar çubuğu burada sadece biraz değiştirildi ve ben anneme üzerine başkanlık edecek aslında daha iyi bir yolu nedir bu konuda gitmek ile çift yollarını olduğunu iyi bir çift bir sütun sürebilir burada yaklaşımlar var 1 Florida'da bir sol sol almak kenar çubuğuna süzülüyor Bu size kenar çubuğu alacak tüm güzel ve temiz aslında bize alacağı bizim bak Eğer korumak istiyorsanız ama bu bir düzen ile sabit ideal bir yol olacağını o yüzden bazı yüzden burada tutmak yapmak gidelim benim HD-posta sütun, bir kenar çubuğu bulunuyor tek kenar çubuğu için Benim CSS iyi kaydetmek cevapsız ve ben bir 990 geri değilim piksel ve sadece bu yüzden biz güvendeyiz aynı sırayla bu koymak Onlar HTML sütununda 1 olarak en Seni burada ikinci için bu marjları götürmek olduğumu görelim Sütun biri olacak dalgalanmaya: sol ve üzerinde birlikte koyacaktır Bir 590 kadar at ile bizi Ben 590 px yazım olabilir bilmek bir de olacak şamandıra olduğu kenar çubuğu bakım: left Metal 200 piksel geniş kenar çubuğu olacak teknik olarak bir float ihtiyacım yok ama ben geri tutacağım onların Krom yenileme grubuna üzerinde geri sıçradı Onların akış o sol sıvı akışı bu son yan bar altı var bu yüzden sol alana olması bizim üç sütun düzeni biz geri olduğunu hatırlıyorum Sabit düzeni bu yüzden aşağı küçültmek başlar nerede ve bir nokta olacak Tabii ki yatay kaydırma eylem var ama bu aynı tarafta iki kenar çubuğunu ile üç sütun düzeni şimdi bunu dikkat çekici bir yolu yani gitmek için kötü bir yol değil evet evet şimdi Ben bu yüzden ne o esnek yapısını korumak istedim Benim IM olacak başını ben bu denemek Seni yerine 990 piksel işe geri dönmek yüzde doksan ve şimdi yenileme ne olur izle Kathy sabit genişlikleri de herhangi bir üye Eğer ben bunu beş doksan iki yüz 200 olduğunu düşünebiliriz olsun ettik biliyorum bu yüzden hepsi bu tür henüz söz konusu alan uzlaşmacı değil garabeti oluyor böylece biraz sorunlu bir şey vermek zorunda olur şimdi biz var ki esnek düzen en biraz yeniden gelelim bunun gibi Şimdi benim HT yapmak almaya gidiyorum ve ben de en sonunda burada benim sütun şarap koymak yaşıyorum bu yüzden şimdi kenar çubuğu sidebar geri döndüm Kolon bir ve ben hala istiyorum Sun ile sabit do oranı uçakla iyi değilim Benim daha önceki tavsiyem hala geçerlidir sidebars olabilir sidebars şimdi bu Sir iyi sabit menüler ve şeyler var bu yüzden benim html yeniden kenar sütun 1 tek kenar çubuğu var K olacak satın CSS vardır olacak bu alacak ve burada mantıklı yüzden sadece burada bir yere koymak olmaz Kenar çubuğu, bir beyne akmaya devam ediyor Bu 200 piksel geniş kenar çubuğu olacak sağa olacak şamandıra ve bu da 200 piksel genişliğinde Kolon 10 kol Bir dakika take in Fort ile batacak değilim şimdi biz dışarı aktı ne görmek Şimdi bu kontrol edelim şimdi bizi test Bunu kaydetmek cevapsız Tarayıcı yenileme sından ve şimdi bizim üç sütun düzeni var ama şunu izle tıklayın döngüler gereken yanlış haksız menüsü krom öğrendi Ben bu yeniden boyutlandırmak onların ego fark Benim yan çubuklar sabit kalıyorum olan hücre ama benim ana sütun genişleyen ve kullanıcının uyacak şekilde sözleşme nedir tarayıcı penceresi yani kapalı iki kenar çubuğunu başka üç sütun düzeni var taraf Esnek bir yönde bu eğlenin.

Açıklama

CSS ve HTML5 üstbilgi ve altbilgi öğelerini kullanarak bir 3-sütun sabit veya esnek bir web sayfası düzeni oluşturun.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



9.4/10

  • 102
    Olumlu
  • 6
    Olumsuz
  • 20
    Yorum
  • 20525
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • ★ByScrapi★ Designs

    ★ByScrapi

    27 AĞUSTOS 2013
  • Ben Schoon

    Ben Schoon

    23 Kasım 2012
  • Trevor Eckhart

    Trevor Eckha

    19 Aralık 2009

ANKET



Bu sayfa işinize yaradı mı?