Video: Dreamweaver - Template, Şablon oluşturma 2024
Dreamweaver'da, başka bir sayfa türünü oluşturmak için kullandığınız Yeni Belge iletişim kutusunu kullanarak yeni bir şablon oluşturursunuz. Bir Dreamweaver şablonu oluşturmak için şu adımları izleyin:
-
Dosya → Yeni'yi seçin.
Yeni Belge iletişim kutusu açılır.
-
Soldaki listeden Boş Sayfa seçeneğini tıklayın.
-
Sayfa Türü listesinde HTML Şablonu'nu seçin.
-
Mizanpaj alanında boş bir sayfa oluşturmayı veya önceden tasarlanmış bir CSS düzenini seçin.
Dreamweaver'ın birçok CSS mizanpajı seçeneği, yeni bir sayfa tasarımı oluşturmak için büyük bir başlangıç sağlar.
-
Oluştur düğmesini tıklayın.
Yeni bir boş şablon oluşturulur ve ana çalışma alanında açılır ve Yeni Belge iletişim kutusu kapanır.
-
Dosya → Kaydet öğesini seçin.
Şablonun herhangi bir düzenlenebilir bölgeye sahip olmadığını ve gerçekten kaydetmek isteyip istemediğinizi soran bir uyarı alırsınız (devre dışı bırakmadıysanız). Uyarı iletişim kutusunu kapatmak ve devam etmek için Tamam'ı tıklayın. Düzenlenebilir bölgelere sahip olmayan bir şablonun yararlı olmadığı Dreamweaver size bu uyarıyı verir. 9. Adımda düzenlenebilir bölgeler oluşturma talimatlarını bulabilirsiniz.
-
Sayfayı şimdilik olduğu gibi kaydetmek için Tamam'ı tıklayın.
Şablonlar klasörü açıkken Şablon Olarak Kaydet penceresi görüntülenir. Yerel site klasörünüzde Şablonlar adlı bir klasöre sahip değilseniz, ilk şablonunuzu oluşturup kaydettiğinizde Dreamweaver sizin için bir şablon oluşturacaktır.
Dreamweaver şablonları düzgün çalışabilmeleri için Dosyalar panelinde görünen yerel sitenizdeki Şablonlar (sermaye T olan) adlı bir klasöre kaydedilmelidir. Klasör adını değiştirirseniz veya Şablonlar klasörünü bir alt klasöre taşırsanız şablonlarınız artık düzgün çalışmaz.
-
Başka bir Dreamweaver dosyasında olduğu gibi resim, metin ve diğer öğeler ekleyerek sayfa için bir tasarım oluşturun.
Başka bir web sayfasındaki gibi bir şablonda bir sayfa tasarımı oluşturduğunuzu unutmayın. Şablondan oluşturulan sayfalarda değiştirilecek görüntüleri ve metinleri dahil edin veya bir sayfanın iskeletini oluşturun yalnızca size kalır.
-
Düzenlenebilir bir bölge oluşturmak için:
-
Herhangi bir resmi, metin bloğu veya içerik alanını seçin.
Genellikle en iyi seçenek, o bölümdeki her şeyin düzenlenebilir hale gelmesi için sayfanın tüm alanını seçmektir. Sayfalarınızı etiketler ve CSS ile tasarladıysanız, mainContent sınıf stiliyle biçimlendirilmiş etiket gibi tüm bir bölümü etiketi seçmek iyi bir seçenektir.
Bir etiketi çevreleyen bir bölümü seçmenin kullanışlı bir yolu, imlecinizi sayfanın o alanının herhangi bir yerine yerleştirmek ve ardından etiketi seçmek için çalışma alanının altındaki etiket seçiciyi kullanmaktır.
-
Ekle → Şablon → Düzenlenebilir Bölge'yi seçin.
Yeni Düzenlenebilir Bölge iletişim kutusu açılır.
-
Yeni düzenlenebilir bölgeye bir ad verin.
başlık veya ana içerik gibi içerik türünü tanımlayan bir şeyler seçin. Düzenlenebilir olarak tanımladığınız bölge, şablondan oluşturulan herhangi bir sayfada değiştirilebilen bir alan olur. Bir şablonda birden fazla düzenlenebilir bölüme sahip olabilirsiniz. Her düzenlenebilir bölge farklı bir ada sahip olmalıdır; adlar boşlukları veya özel karakterleri kullanamaz, ancak alt çizgiler ve kısa çizgiler iyi.
-
Tamam'ı tıklayın.
Düzenlenebilir bölgeyi, aqua blue kutusu (kutunun sol üst kısmında bir mavi sekme ile birlikte) çevreler. Yeni Düzenlenebilir Bölge iletişim kutusuna girdiğiniz ad sekmesinde görünür.
-
-
Sayfayı tasarlamayı bitirdiğinizde ve istediğiniz tüm düzenlenebilir bölgeyi eklediğinizde, şablonunuzu kaydetmek için Dosya → Kaydet'i seçin.
Yeni bir şablon sayfası kaydettiğinizde veya varolan bir sayfayı şablon olarak kaydettiğinizde, Dreamweaver otomatik olarak ekler. dwt uzantılı dosyayı kaydeder ve dosyayı Şablonlar klasörüne kaydeder.
Düzenlenebilir herhangi bir bölge belirlemeden önce bir şablon kaydederseniz, şablonlar düzenlenebilir bölgeler olmadan kullanışlı olmadığı için Dreamweaver size bir uyarı verir. Bir şablonu kaydetmeden önce düzenlenebilir bölgeler oluşturmanız gerekmez, ancak bir veya daha fazla düzenlenebilir bölge oluşturuncaya kadar bir şablondan oluşturulan sayfalardan herhangi bir değişiklik yapamazsınız. Her zaman geri dönebilir ve daha sonra düzenlenebilir bölgeler ekleyebilirsiniz.
Adobe, Dreamweaver CC'ye yeni bir Şablon Ekleme paneli ekledi. Şablonlarla çalışırken menü öğeleri yerine bu yeni paneli kullanabilirsiniz. Özellikler aynı şekilde çalışır: Şablon Ekle panelinde, Düzenlenebilir Bölge simgesi gibi karşılık gelen simgeyi tıklamanız yeterlidir.