İçindekiler:
Video: 2 Saatte Sıfırdan Web Sitesi Nasıl Tasarlanır? 2024
Birçok Web tasarım programı, HTML şablonlarıyla övünmekte. Gerçekten neyi kastediyorlar ki, bunlar programla bazı hazır sayfa tasarımları içeriyor. Dreamweaver, bir sayfanın temel tasarımını oluşturup sonra da hangi bölümlerin değiştirilebileceğini ve değiştirilemeyeceğini belirleyen şablon tasarım özelliklerini sunarak bu konsepte bir adım ileriye taşıyor. Değişik beceri seviyelerine sahip geliştiricilerden oluşan bir ekiple çalışıyorsanız, bu değerli bir özelliktir. Örneğin, bir emlak şirketi için bir site oluşturuyorsanız ve çalışanların satış dizinlerini sayfanın tasarımını bozmadan malların güncellemesine izin vermek istiyorsanız, şablon mükemmel bir çözüm olabilir.
Şablonlar, arka plan rengi veya gezinme öğeleri gibi bazı özellikleri paylaşan birkaç sayfa oluştururken en iyi kullanılır. Her yeni sayfa için doğru özellikleri ayarlamaktan veya sayfadan sonra aynı değişiklikleri yapmak yerine, aynı anda birden fazla sayfada değişiklik yapmak için bir şablon kullanabilirsiniz.
Şablonunuza gerçek kalma
Dreamweaver şablon özelliğini kullanmanın en büyük avantajlarından biri şablonun hangi alanlarında değiştirilebileceğini belirleyebilmenizdir. HTML'de çeşitli beceri düzeylerine sahip insanlarla çalışıyorsanız ve daha az deneyimli bir kişinin daha sonra karışamayacağı bir sayfa oluşturmak için daha gelişmiş bir tasarımcı istiyorsanız bu, özellikle yararlıdır. Bu amacı göz önünde bulundurarak, bir şablonun düzenlenebilir bölgeleri ve kilitli (düzenlenemez) bölgeleri bulunur. Bir ürün açıklaması gibi değişen içerik için düzenlenebilir bölgeleri kullanın. Kilitli bölgeleri, logo veya site gezinme öğeleri gibi statik, değişmeyen içeriği kullanın.
Bir şablonu belgeler oluşturmak için kullandıktan sonra bile değiştirebilirsiniz. Ardından, şablonu kullanan dokümanları güncellediğinizde, dokümanların düzenlenemeyen bölümleri, şablonda yaptığınız değişikliklerle eşleşecek şekilde güncellenir.
Şablonun kendisini düzenlerken, dosyanın herhangi bir bölümünde, yani düzenlenebilir veya kilitli bölgeler olarak değişiklikler yapabilirsiniz. Ancak bir şablondan yapılan bir belgeyi düzenlerken yalnızca belgenin düzenlenebilir bölgeleri üzerinde değişiklik yapabilirsiniz. Geri döndüğünüzde ve bir şablon oluşturulduktan sonra değiştirirseniz, Dreamweaver size bu değişiklikleri bu şablonla oluşturduğunuz tüm sayfalara veya yalnızca şu anda düzenlemekte olduğunuz sayfaya yansıtmanıza olanak tanır.
Şablon oluşturma
Aşağıdaki adımlarda görebileceğiniz gibi bir şablon oluşturma Dreamweaver'da başka bir dosya oluşturmak kadar kolaydır. Varolan bir HTML belgesiyle başlayabilir ve ihtiyaçlarınıza uyacak şekilde değiştirebilir veya tamamen yeni bir belge oluşturabilirsiniz.Bir dosyayı şablon olarak kaydettiğinizde, dosya Web sitesinin ana klasörünün Şablonlar klasörüne otomatik olarak kaydedilir. Dreamweaver'daki otomatik özelliklerin düzgün çalışabilmesi için şablonlar bu ortak klasöre kaydedilmelidir. Web sitenize Şablonlar klasörü henüz yoksa, Dreamweaver ilk şablonunuzu depolarken otomatik olarak bir Şablon oluşturur.
Şablon özellikleri yalnızca Web sitenizi Dreamweaver'da tanımladıysanız çalışır
Şablondaki tüm öğeler, etiketlerle gösterilen doküman başlığı bölümü hariç varsayılan olarak kilitli durumdadır. (Belge başlığı bölümü kilitli değil Dreamweaver 4'te bir gelişmedir - Dreamweaver 3'te başlık alanını düzenlenebilir hale getiremezsiniz.). Şablonun yeni sayfalar oluşturmak için kullanılabilmesi için, sayfanın diğer bölümlerini de düzenlenebilir hale getirmelisiniz. Şablona her zaman geri dönebileceğinizi ve daha fazla alanı düzenlenebilir yapabileceğinizi veya daha sonra belirli alanları düzenleme imkânını kaldırabileceğinizi unutmayın.
Düzenlenebilir bölgelere sahip bir şablon oluşturmak için şu adımları izleyin:
1. Pencere -> Şablonlar'ı seçin.
2. Şablonlar panelinde, sağ üst köşedeki oku tıklayın ve açılacak açılır menüden Yeni Şablon'u seçin.
Yeni, başlıksız bir şablon paneldeki şablonların listesine eklenir.
3. Şablon hala seçili iken, bir Mac'te Bulucu'da veya bir PC'de Explorer'da herhangi bir dosyayı adlandırmak istediğiniz gibi, şablon için bir ad yazın.
Yeni şablon Site İçin Şablonlar listesine eklenir.
4. Yeni şablona ad verdikten sonra açmak için adı çift tıklatın.
Dosya adı uzantıyla bittiği halde, şablon sayfası Dreamweaver'da diğer HTML sayfalarının yaptığı gibi açılır. dwt.
Artık bu sayfayı görüntü, metin, tablo vb. Ekleyerek başka bir HTML sayfasında olduğu gibi düzenleyebilirsiniz.
5. Arka plan, metin ve bağlantı renklerini belirlemek için Değiştir -> Sayfa Özellikleri'ni seçin.
Sonra, gelecekte değiştirmek isteyebileceğiniz bazı bilgilerinizi yer tutucuları olarak sayfaya yerleştirirsiniz.
6. Bir görüntü veya metin alanını düzenlenebilir yapmak için görüntüyü veya metni seçin ve sonra Değiştir -> Şablonlar -> Yeni Düzenlenebilir Bölge'yi seçin. (Düzenlenebilir olarak seçtiğiniz resim veya metin, şablonla oluşturulan herhangi bir sayfada değiştirilebilen bir alan olur. Düzenlenebilir olarak işaretlemediğiniz alanlar sabitlenir ve yalnızca şablonun kendisini değiştirirseniz değiştirilebilir.)
Yeni Düzenlenebilir Bölge iletişim kutusu açılır.
7. Ad metin kutusuna düzenlenebilir bölge için bir ad girin.
Metin veya resim şablonda vurgulanarak düzenlenebilir olduğunu belirtir. Bölgeyi istediğiniz herhangi bir şey olarak adlandırabilirsiniz, ancak bölgede koyacağınız bilgi türüne karşılık gelen bir şey seçerek hatırlamanız kolaylaşır.
8. Diğer görüntüleri veya metin alanlarını düzenlenebilir yapmak için, 6. ve 7. Adımları tekrarlayın.
9. İşiniz bittiğinde şablonunuzu kaydedin ve dosyayı kapatın.
Tüm tabloyu veya ayrı bir tablo hücresini düzenlenebilir yapabilirsiniz, ancak önce birleştirmediyseniz, birden fazla hücrenin tümünü bir kerede düzenlenebilir hale getiremezsiniz.Tablodaki hücrelerin bir kısmını düzenlenebilir halde yapmak istiyorsanız, her seferinde bir hücre seçmeniz gerekir; diğer hücreleri düzenlemeyebilirsiniz. Katmanlar ve katman içeriği ayrıca ayrı öğeler olarak ele alınır, ancak ya düzenlenebilir olarak işaretlenebilir. Bir katmanı düzenlenebilir yapmak, o katmanın konumunu değiştirmenize olanak tanır. Katman içeriğini düzenlenebilir hale getirmek, katmandaki metin veya resim gibi katmanın içeriğini değiştirebileceğiniz anlamına gelir.
