Web sitenizdeki sayfaların tasarımı için  hazır Dreamweaver şablonlarından yararlanabilirsiniz. Hazır şablon kullanmak size , web sitenizdeki tüm sayfarlarda görsel bütünlüğü sağlayacaktır.

 

 
 

  1. File > New
  2. Page Type > HTML template
  3. Layout kısmından , hazır sayfa yerleşim düzenlerininden birini seçin ve ‘Create’ butonuna basın.

 

   Bundan sonra seçtiğiniz sayfa düzeni ile ilgili değişikliklerinizi  File -> Save As.. Kayıt Türü : .dwt olarak kayıt ederseniz , Siteniz içerisinde , ‘Templates’  klasörü oluşturulacak ve sayfa şablonunuz kayıt olacaktır.

Şablon kullanmak size şu faydaları sağlayacaktır.

  • Bu şablonu seçerek açtığınız her sayfa aynı sayfa düzeninde olacağı için , sitenizin genelinde görsellik açısından  bir bütünlük sağlanır.
  • Şablonda yaptığınız her değişiklik bir seferde tüm sayfalarda otomatik olarak etkili olacaktır.

 

 Sayfa Düzeni İfadeleri : 

column: sütun

fixed : Piksel  cinsinden  sütun genişliği sabit olarak belirlenmiştir. Browser’ların metin ayarı değiştiğinde  sütun yeniden boyutlandırılamaz.

elastic: Sütun genişliği em cinsinden metin boyutuna göre göreceli olarak tanımlanmıştır. Kullanıcı Browser metin boyutu ayarlarını değiştirdiğinde , sütün genişlikleri ona göre değişecektir.

liquid: Sütun genişlikleri yüzdeli olarak tanımlanmıştır. Kullanıcın kullandığı Browser çözünürlüğüne göre değişecektir.

hybrid: fixed - elastic - liquid yapılarının özelliklerini taşıyan bölümlerden oluşan bir yapıdadır. Örneğin, sol sidebar liquid - orta bölüm elastic yapıda olabilir.

centered : sayfa browser’da ortalanmış

header and footer: üstbilgi ve altbilgi alanlarına sahip

sidebar: yanmenü alanı

 

     Ders 03 –>