Kapat
Dreamweaver ile Sayfa Oluşturma Adımları
Web Tasarım 0

Dreamweaver ile Sayfa Oluşturma

Dreamweaver dersleri serimize devam ediyoruz. Konumuz Dreamweaver ile sayfa oluşturma. Önceki derslerimizde site oluşturma ve şablon oluşturma adımlarını anlatmıştık. Şimdide şablona bağlı sayfa ekleme adımlarını anlatacağız.

Şablon dosyamızda düzenlenebilir bölge olarak işaretlediğimiz alana karşılık gelen içerik sayfalarında yapacağımız işlemler kısıtlıdır. Yani sadece düzenlenebilir bölge içerisinde değişiklikler yapabiliriz. Bunun dışında bir değişiklik yapmak gerektiğinde bu değişikliği şablon dosyasından yapabiliriz. Bu tutarlı bir tasarım için gereklidir.

Dreamweaver ile Sayfa Oluşturma

Şablon dosyamızı oluştururken içerik kısmının kodlarını kesip bir not defterine kaydetmiştik. Sayfa oluşturma işlemi için bu HTML kodlarını kullanacağız.

Öncelikle “Dosya / Yeni” menüsünü açıp “Site Şablonları” sekmesinden mevcut sitemizi ve bu sitemizdeki şablon dosyamızı seçerek “Oluştur” dediğimizde şablona bağlı bir sayfa oluşturmuş olacağız. Bundan sonra ilk yapmamız gereken bu dosyamızı bir isim vererek kaydetmektir. Burada yapılması gerekenler aşağıdaki görselde işaretlenmiştir.

Dreamweaver ile Sayfa Oluşturma Adımları

Dreamweaver ile Sayfa Oluşturma Adımları

Yeni bir sayfa oluşturduğumuzda kodların gri renkte ve düzenlenmez olduğunu göreceksiniz. Sayfamızda sadece içerik kısmını düzenlememiz gerektiğini daha önce de söylemiştik. Yeni eklediğimiz sayfaya içeriği ekleyeceğimiz yeri aşağıdaki örnekte görebilirsiniz. Bu etiketler arasına sayfamızda görünecek olan nesnelerin kodları yazıyoruz (yapıştırıyoruz).

<!-- InstanceBeginEditable name="icerikAlani" --> İçeriğimiz bu iki etiketin arasında olacak <!-- InstanceEndEditable -->

Yeni sayfa ekleme adımlarını tekrar ederek projenizde ihtiyaç duyacağınız tüm sayfaları şablona bağlı olarak ekleyebilirsiniz. Oluşturduğunuz sayfa isimlerinde Türkçe karakter kullanmamaya dikkat edin.

Temel olarak sayfa oluşturma işlemi bu kadar. İsterseniz şablon tasarımında değişikliklere gidebilirsiniz. Örneğin menüdeki seçenekleri değiştirip, bağlantı adreslerini (href) düzenleyerek eklediğiniz diğer sayfalara bağlantı verebilirsiniz.

Bu adımdan sonra şablonda bir değişiklik yapıp kaydetmek istediğinizde aşağıdaki uyarı penceresi ile karşılaşacaksınız. Bu şablonda yaptığınız değişikliklerin sayfalara da yansıması için gereklidir.  Dolayısı ile “Güncelleştir” seçeneğini seçmelisiniz.

Şablon Dosyalarını Güncelleştir?

Şablon Dosyalarını Güncelleştir?

Bu işlemden “Dosya / Tümünü Kaydet” seçeneği ile sayfalarınızdaki değişiklikleri de kaydetmeniz gerek.

Dreamweaver ile bir site, bu siteye bağlı şablon ve şablona bağlı bir sayfa ekleme işlemlerini adım adım gösterdik. Bu işlemler tutarlı ve yönetilebilir bir web sitesi için gerekli gördüğümüz işlemlerdir. Konu hakkında sormak istediklerinizi yada karşılaştığınız sorunları aşağıdaki yorum bölümünden iletebilirsiniz.

Yücel KARACA {TeknologWeb}

Mobil ve web tasarıma meraklı. Yazılımcı. Böteci. Blogcu. İçerik Kral’dır diyenlerden.
#böte #bilişim #teknolog #dotnet #asp.net #programlama

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir