dr.site tanimlama
Dreamweaver'da Site Tanımlama
Web sitemizde değişiklik yapabilmek için ve yaptığımız değişikliklerin sorunsuz çalışması için sitemizi Dreamweaver'de tanımlamamız gerekiyor. Bu derste sitemizi nasıl Dreamweaver'e tanıtacağımızı ve bunun ne gibi faydaları olacağını öğreneceğiz.
Dreamweaver'i açıp en üstteki menüden Site>New Site... butonlarına tıklayalım. Yeni bir pencere açılacak ve buradan sitemizi seçebileceğiz.
Yukarıdaki resimde gördüğünüz gibi ilk olarak pencerenin üstündeki Advanced sekmesine tıklıyoruz (1). Site name bölümüne web sitemiz için bir isim yazıyoruz (2), Local root folder bölümüne sitemizin kök klasörünün olduğu yeri yazıyoruz. (Bu işlemi 3 numaralı klasör simgesine tıklayarak ve sitemizin kök klasörü açıp Select butonuna tıklayarak yapabilirsiniz.) Sitemizin resim klasörünü tanımlamak için 4 nolu klasör simgesine tıklayarak şablonumuzun resim klasörünü seçiyoruz. Ben bu örnekte img klasörünü seçtim. Son olarak OK butonuna tıklıyoruz ve şablonumuzun dosyaları Files Panel'de (dosyalar panelinde) gösteriliyor. Dosya panelinden index.html sayfasına çift tıklayarak sayfayı açıyoruz.
Türkçe Karakter Ayarı
Şimdi sitemizdeki ç,ş,ğ,ö gibi Türkçe karakterlerin düzgün çalışması için gerekli ayarları yapalım. En üstteki menüden Edit>Preferences>New Document>Default Encoding>Türkçe(windows) seçip Ok butonuna tıklayalım.
Şimdi site tanımlamanın ne gibi faydaları olduğuna kısaca değinelim. Web sayfaları html kodlardan oluşur. Bu kodlar sayfanın nasıl görüneceğini belirler. Sayfamıza bir resim eklediğimizde veya sitemizin dosyalarında değişiklik yaptığımızda, Dreamweaver gerekli kodları sayfalara ekler veya gerekli kodlarda değişiklik yapar. Mesela şablonumuzda kullanılan companylogo yazan logo için sayfaya aşağıdakine benzer bir kod eklenmiş.
<img src="img/templogo.jpg" width="587" height="123">
Bu kod, logonun img klasöründe olduğunu ve yüksekliği ile genişliğini belirtiyor. Eğer img klasörünün adını resimler olarak değiştirirsek bu kodda da değişiklik yapmamız gerekir. Kodun aşağıdaki gibi olması gerekir.
<img src="resimler/templogo.jpg" width="587" height="123">
Eğer img klasörünün adını resimler olarak değiştirirsek ve kodda değişiklik yapmazsak, img adında bir klasör olmadığı için resim bulunamaz, bulunamadığı için de resim gösterilmez. Sitemizi Dreamweaver'e tanıtırsak, dosya isimlerini değiştirdiğimizde bu tür kod değişiklikleri otomatik olarak yapılır ve sitemizdeki resimler sorunsuz bir şekilde gösterilir. Şimdi img klasörünün adını resimler olarak değiştirelim. Dosyalar panelinden img klasörü üzerine bir kere tıklayıp F2'ye basarak veya img klasörüne sağ tıklayıp Edit>Rename seçeneklerine tıklayalım ve klasörün yeni adını yazalım.
Klasör adını değiştirdiğimizde Dreamweaver gerekli kodlarda değişiklik yapıp yapmayacağını soracak. Update butonuna tıklayarak kodlarda gerekli değişikliğin yapılmasını onaylayabilirsiniz.