Web Page Layout nedir?

Layout ’u kelime olarak açıklamak gerekir ise; düzen, tasarım ve yerleşim planı olarak açıklayabiliriz. Buradan yola çıkarak Web page layout' u ise, web sayfası düzeni olarak açıklamak doğru bir tanımlama olacaktır.

Web sayfası düzeni, kullanıcı deneyimlerinin önem verildiği, iyi oluşturulmuş, buna göre yapılandırılmış ve semantik açıdan zengin web siteleri oluşturmanın önemli bir parçasıdır.

Nedir bu semantik diye soracak olursanız da, en temel haliyle daha anlamlı html etiketleri diyebiliriz. Eskiden bir web sayfasını oluştururken

etiketi kullanıp, onlara id/class verip, sayfayı bölümlere ayırırdık. Html5 ile birlikte gelen semantik elementlerle ise, bu bölümler direk etiketlere dönüştürülmüş oldu.

Mesela sayfanın en tepesine bir header eklerken önceden

   < div id=”header”>...< /div>

şeklinde kod yazarken, şimdi

   < header>..< /header>

içerikleri arasına kodu eklememiz yeterli oluyor. 

Bu etiketlerden bazıları header, footer, nav, section, article, aside gibidir.  

Bu bilgileri Leo Panel üzerinden inceleyebiliriz;

Sayfayı ilk açtığımızda karşımıza genel olarak 2 kolon çıkıyor.

Burada soldaki mavi olan kısım, menünün bulunduğu alan navigation anlamına gelen < nav>  etiketine karşılık geliyor. Geri kalan s ağ kısımda genel content’imizi barındırıyor.