10 Mayıs 2011, Salı

2 Sütunlu Web Sayfa Düzeni - Bölüm 1 (Başlık İle)

Web sayfası için sütun düzenleri hey bu bir video İstiyorum Ralph aşırı gitmek onlar çok çok yaygın olduğunu paletli efendim herhangi bir web sitesi multi-sütun kullanmak değildir rastlamak zor düzeni bu yüzden demek Eğer biz sadece yanına gitti hakkında eğer ben seitz olduğum ürüne gidebilirsiniz Microsoft nokta com burada biz gitmek orada biraz yavaş bu yüzden gibi görünmüyor olsa bile bir hemşire oldukça açıktır ama onlar var Bir ana sütun burada in ana parçasında sayfasını alarak benziyor dar sütun reklam marka tanıtım üstünde iyi başlığında oranı olmak Amazon üzerinde Biz üstünde bir başlık

var yapabilirim aşağı doğru burada kendi navigasyon ile solda boyunca diğer sütun o dersten terfi için buraya ana bölüme lazım ve bu yüzden çok çok tipik tür bir şey yapmak burada başlamak şey iyi olsun ben bir randevu

Sayfa Yapısı var koli bandı tanımı getting başlık karakter kodlaması ile seks yaptık barış ve stilleri hepsi sadece bir an günahkârları olmak Vücut bölümü benim sayfalarında boşluklar go ahead ve oluşturmak olduğunu

“Bir başlık ve altbilgi ile iki sütunlu bir web sayfası düzeni oluşturmak için HTML5 bölüm etiketi ve CSS kullanın. Sabit ya da esnek düzen....”
Ralph Phillips

Yapılacak ilk şey sezgisel kimlik insanların konteyner Bir kapanış koymak sayıda size bildiğiniz bir kapanış / vücut için buraya aşağı vermek Yorum koyabilirsiniz kabın ucu sadece emin çok çok açık hale getirmek için yani benim bütün web sayfaları olacak bu konteyner gerçekten yararlı içinde yer alet Ne yapmak istiyorsun ve ne zaman size esneklik bir sürü vereceğiz farklı düzenler ve sabit bir düzen yapmak istiyorsanız ne demek olduğunu o olduğu bir es

2 Sütunlu Web Sayfa Düzeni - Bölüm 1 (Başlık İle) Resim 1 2 Sütunlu Web Sayfa Düzeni - Bölüm 1 (Başlık İle) Resim 2 2 Sütunlu Web Sayfa Düzeni - Bölüm 1 (Başlık İle) Resim 3 2 Sütunlu Web Sayfa Düzeni - Bölüm 1 (Başlık İle) Resim 4

nek düzen esneklik, esnek ve böylece sabit Ben bu içinde artık sadece bir an tüm bu açılayacağız içinde Konteyner Ben go ahead ve 3 kritik bölümler oluşturmak ediyorum tamam ve ben kapalı bir başlangıç ​​bir bölüm vergisi kullanacak bölüm kimliği üst bar eşittir Bu olacağım benim üst bar bölümü ve beni let Ben de başka bir bölüm paketlenmiş olan edeceğim görelim sadece çift kopyalama ve yapıştırma burada sadece hızlı bir küçük gitmek yapmak Bir üst bar kararlıydı sahiptir ana barda sol çubuğu K tamam bu yüzden yeni bir bölüm kullanıyo

rum Şimdi olanlar için eleman ya zaten olabilir HTML5 ile deneyler Ayrıca var olduğunu biliyoruz biz Kelimenin tam anlamıyla bir başlık etiketi ve çarpıntı etiketi var yani başlık etiketi ve ben tutarlılık için çoğunlukla bu video bu bugün kullanmaktan kaçınmak için gidiyorum Bölümlerin sınırlı sayıda olması üzerine ben gerçekten istiyorum odak bu yüzden biz o muhtemelen aslında oldukça başarılı olduğunu kullanılabileceğini hak ediyor kullanabilirsiniz hala en yaygın yolu gitmek Ben çünkü benim dış kabı erteleme kullanılan bu yüzden ama burada bölümleri kullanabilir Gitmek için en mantıklı yol gibi görünüyordu ama benim web sayfası olacak kritik bölümleri okumak zorunda olduğunu üst bar o ana bölümde sol çubuğu Bunun için bölüm etiketi kullanmak neden bu kadar karşı Daha fazla üstbilgi altbilgi evet ben ama benim en iyi barlar bir başlık kullanıyorum hak bu yüzden bu yüzden rolü bu üç bölüm benzersiz tespit var olmak Benim konteyner içinde rolü bu yüzden yapacağım ne kadar hareket çivi yapmak benim stil sayfası alanı Size bir bakanı bazı arka plan renkleri ve% ah bazı koymak Böyle kum yükseklikleri ve şeyler gerçekten nerede bu şeyleri görebilirsiniz bazıları benim tarzı yukarı taşımak bir sürü iş yapmadan benim sayfada gösteren ilk şey ben bir İslam yaratmak yapacağım Kuralı reset Ben bu söz son video temelde bir sıfırlama kuralı kullanın Bir sıfırlama kuralları her zaman benim tarzım en benim ilk kural olacak her zaman temelde tüm her şeyi ayarlar elemanlar 20 marj sıfır doldurma ve tutarlı bir oyun alanı üzerinde koymak her şey bir harika yardımcı olur yol tasarımları ve tüm üst tarayıcıları ile uyumlu hale getirmek için K yüzden kural sıfırlamak ve en Yapmam gereken bir kap var görelim lazım ve şimdi ben sadece devam edin ve bu bir sınır vereceğim Bizim için ayağa sadece bu yüzden edeceğim beş piksel etrafında bir sınır yapmak siyah-siyah katı İngiltere sopa buna da uygun bir bahane Olgu ve kapsayıcı ben birkaç bölüm var ki bir kap ve içeriden var olacak bölüm üst bar ve ben devam edecek ve tüm arka plan rengi Avram set hayvanlar şimdi sadece bu yüzden görselleştirmek için bir yüksekliği yaklaşık 100 piksel batacak Bu biraz daha kolay O tam yukarıya alacağım kol olsa ben razı gerekmez Elimizdeki mevcut Aslında ben sadece kopya bu gidecek tat ve yapıştırma bu yüzden benim sol küçesine ve birkaç farklı renklere emir benim ana bar o ses urs inşaatı bahane zorunda Bu adamın bir yeşil üzerine ofisimde ve sol çubuk ana bar dışında sadece Orada biz bunu değiştireceğiz, bu about üzerinde kahramanlık kulüpler gitmek 300 piksel ve 300 piksel yapmak tamam bazı iyi ve benim tarayıcıya geri üzerinden bu atlayışı kaydetmek hayır yenilemek Michael McGowan sıyrılıyor burada benim sayfası Mükemmel San Şimdi tabii ki benim ana bölümden bu unsurları görmeye başlayabilirsiniz Burada ekran ama benim üst bar var benim sol bölüm var gerçekten zor yeşil benim ana bölümden mavi görmek ama aslında do you Benim konteynere görünür benim konteynerler siyah sınırında olduğunu Biz ikinci ve benim konteyner için buraya atlamak go ahead ve gerçekten duramaz sarı bu ses ff0000 yapmak üzerine İşte bir yılan okudum ve sarı benim kapları görmek ve içerdiği fantastik benim web sayfasında üç ana bölümden da bu olacak o olacak, çünkü harika olacak fevkalade kolay olacak Ben o kadar olmak istiyorum nerede üst bar zaten Benim en iyi bar gerçekten ilk üstündeki doğal benim konteyner birimlerinde eleman blok onlar üzerinde durulması gereken tek şey soldaki sol çubuk olsun nasıl olduğunu Şuna sağa benim ana bar Yukarıdan aşağıya doğal pozisyonunda orada şu anda bar yaptı çocuklar gibi blok elemanları bölümler onlar tam makale almak are onlara sunulan Tam genişlikte yakın eseri olsa ben aşkım bölüm istiyorum yaz benim stilleri benim sol bara gitmek ve ben de go ahead ve 280 piksel ile koyacağım Peki bunu benim tarayıcıya gidip yenileme kaydetmek ve şimdi benim sol görebilirsiniz bölümü daha dar 180 piksel ile ben bar sabit bıraktı bazı olmak istiyor ne daha Şimdi sırayla hemen yanındaki o sol sürgülü benim ana bölümü almak Bölüm Ben sadece ben de değilim benim sol bara gidersiniz yapmak çok kolay bir float yapacak oranı yukarı kaydırmak için çalışacağız aşağıdaki olursa olsun bir şey yüzer çünkü ne zaman yanındaki Saunders tarayıcıya geri Kaydet'i tıklatın gidiyor iyi yenilemek işler gayet iyi görünüyor ama oranı benim sol çubuklar iyi bir tesadüftü yaptım Şu anda akmaya Bir flüt doğru yüzer yapabilirsiniz, böylece sol: böylece akım hızında barged sol sol dalgalanmaya: kaydetmek sol Bir iki sütun düzeni yapmak için yeterince kolay yani solda var şimdi yenilemek Şimdi buraya bu sabit bıraktı Tom mavi çubuk olsun bu kadar 180 piksel genişliğinde Benim ana bölümde benim üst bar olacak genişletmek ve sözleşme yüzden bu check out Benim tarayıcı penceresi boyutlandırır eğer benim yeşil alanlar okuma fark daha küçük olsun ama benim sol bar sabit kalır Ben tecavüz geri o sol çubuğu koyarsanız ve bu arada bu da olur yıl önce mavi çubuk Benim en iyi bölüm benim ana bölümü hala 280 piksel ama genişletiyoruz ve taahhüt yüzden bu esnek olacağını web sayfası düzeni amigo girişi olduğunu geri solda sol çubuk orada ve en Leah ile sabitlenmiş bir gerçekten kolay olacak deneyelim Ben sadece benim kaba var ve biz benim web sayfası olmak isteyeceksiniz demek Ben bir olmak üzere bir dizi bu kabı değilim Deneyeceğim 760 piksel neden ben çok kaza altı vurmak numarasından alıyorum 760 piksel bazıları benim tarayıcıya bu geri say yani yenilemek şimdi bu kabı var bu 760 piksel bulunuyor ve ben sadece bir sabit içine benim esnek bir web sayfası düzeni dönüştürülen görüşmek kardeşim o 760 daha küçük gitmek için gitti, web sayfası düzeni bu yüzden fark piksel Ben yatay kaydırma istediğin okul savaşları edeceksin yoksa olsun Bu kaçınıyorum bu yüzden çoğu web tasarımcıları pic bir düzen ile sabit genellikle en yaygın tarayıcı ile biraz daha küçüktür bu yüzden en yaygın göz çözünürlüklü geniş 1024 diyelim 99 canım 980 veya 970 var gibi onlar var olan bir şey seçebilirsiniz şimdi onları dar bu yüzden biraz tarayıcınızda çoğu Ben sadece örnek amaçlı olsa 760 de mayın tutmak bu yüzden bu Seni düzeni devam edin ve benim kapları merkezi var ki Liderler, sol ve sağdaki boşluk eşit ben tüm yapmanız gereken yapmak oldukça kolay marjı gidin üstüne bir en az 20 piksel marjı ve alt uzayda sol oranına otomatik marjları Ben iyiyim ve bu tasarruf Tarayıcı yenileme şimdi benim konteyner düzeni ile ortasında sabit sayfa Bu serin hücre, bir iki sütun düzeni şimdi bir şey var yapmak yoludur Muhtemelen ben gerçek hayatta kullanabileceğiniz biliyorum burada önce bahsetmeliyiz Aslında o kadar da kötü değil üst barlar için yükseklik nefret var benim ana bara için belirlenen benim sol bar ve yükseklik için belirlenen yarım yükseklik Eğer henüz hiçbir şey içinde benim web sayfasında onu görebiliyordum ki ben sadece o yaptım Orada Gerçek hayatta yapacaksın bu yüksek özellikleri kullanarak değiliz I love kıta bölümü gidiyor çünkü dışarı germek için Böylece metin ve resim ve köprüler bir demet halinde olurdu görüntüler ve düzenleme videoları onlarla tüm içeriğinizi sıkı cinsel grev bu yüzden sadece vermek için burada kullanılan benim Sayfayı biraz daha gerçekçi bir görünüm.

Açıklama

Bir başlık ve altbilgi ile iki sütunlu bir web sayfası düzeni oluşturmak için HTML5 bölüm etiketi ve CSS kullanın. Sabit ya da esnek düzen.

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



10/10

  • 41
    Olumlu
  • 0
    Olumsuz
  • 5
    Yorum
  • 7092
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Joseph Hayhoe

    Joseph Hayho

    20 Mayıs 2010
  • kndx

    kndx

    11 Mart 2006
  • Microsoft Research

    Microsoft Re

    24 EKİM 2008

ANKET



Bu sayfa işinize yaradı mı?