Bu sayfada web sitesi şablonunda değişiklikler yaparak sitemizi oluşturmak için website şablonunu nasıl hazırlayacağımızı ve statik web siteleri hakkında genel bilgileri öğreneceğiz.

Öncelikle zip halindeki web şablonunu zip dosyası içerisinden çıkarıp C diskinde açtığımız bir klasörün içine kopyalıyoruz. Bu klasörün adını Websitem olarak değiştiriyoruz. Aşağıdaki resimde gördüğünüz gibi şablon dosyalarını C diskindeki Websitem klasörüne kopyaladım.

Buradaki Websitem klasörü kök klasör olarak adlandırılır. Diğer bir ifadeyle web sitemizin dosyalarını barındıran en üst seviyedeki klasöre kök klasör veya kök dizin denir. Web sitemiz için kullanacağımız resimler, videolar, müzikler ve diğer dosyalar kök klasör içinde olmalıdır. Eğer sayfalarımıza kök klasör içinde olmayan bir resmi eklersek, sitemizi yayınladığımız zaman düzgün çalışmaz. Çünkü sunucuya sadece kök klasörü göndereceğiz. Şimdi şablondaki dosyalar hakkında kısa bilgiler verelim.

index.html (veya index.htm) dosyası, .html uzantısı olduğu için web sayfasıdır. Bu web sayfasını yapacağımız sitenin ana sayfası olarak kullanacağız. Çünkü bir siteyi ziyaret ettiğimizde, tarayıcımız (Internet Explorer, Firefox gibi) bize o sitenin index.html sayfasını gösterir. Örneğin bedavasiteyapmak.com adresini ziyaret ettiğinizde bedavasiteyapmak.com/index.html sayfasını ziyaret etmiş olursunuz. O nedenle bu sayfanın adını ve yerini kesinlikle değiştirmeyeceğiz. Sitemizin ana sayfasının sorunsuz açılması için kök dizinde mutlaka bir tane index.html olmalı.

img: Bu websitesi şablonunu hazırlayan kişi, img klasörünü varsayılan resim klasörü olarak kullanılmış. Şablonda kullandığı resimleri bu klasöre eklemiş. Biz de sitemize ekleyeceğimiz resimleri önce bu klasöre, daha sonra web sayfamıza ekleyeceğiz. İlerleyen derslerde bu klasörün adını resimler olarak değiştireceğiz ama önce sitemizi Dreamweaver'e tanıtmamız gerekiyor. Nedenini ilerleyen derslerde açıklayacağız.

Source: Bu klasör, şablonda kullanılan logonun yazısız olanını içeriyor. Bu logoyu kullanarak ve üzerine kendi sitemizin adını ve sloganını yazarak web sitemiz için logo oluşturabileceğiz.

style.css: Bu dosya sitedeki yazı stillerini düzenlemek için kullanılıyor. Biz bu dosyada değişiklik yapmayacağız, bu dosyayı kullanmayacağız. Ancak şablonu hazırlayan kişi bu dosyayı kullanmış olabilir. O nedenle bu dosyayı silmeyeceğiz.

Bu sayfada web sitesi şablonunda değişiklikler yaparak sitemizi oluşturmak için website şablonunu nasıl hazırlayacağımızı ve statik web siteleri hakkında genel bilgileri öğreneceğiz.

Öncelikle zip halindeki web şablonunu zip dosyası içerisinden çıkarıp C diskinde açtığımız bir klasörün içine kopyalıyoruz. Bu klasörün adını Websitem olarak değiştiriyoruz. Aşağıdaki resimde gördüğünüz gibi şablon dosyalarını C diskindeki Websitem klasörüne kopyaladım.

Buradaki Websitem klasörü kök klasör olarak adlandırılır. Diğer bir ifadeyle web sitemizin dosyalarını barındıran en üst seviyedeki klasöre kök klasör veya kök dizin denir. Web sitemiz için kullanacağımız resimler, videolar, müzikler ve diğer dosyalar kök klasör içinde olmalıdır. Eğer sayfalarımıza kök klasör içinde olmayan bir resmi eklersek, sitemizi yayınladığımız zaman düzgün çalışmaz. Çünkü sunucuya sadece kök klasörü göndereceğiz. Şimdi şablondaki dosyalar hakkında kısa bilgiler verelim.

index.html (veya index.htm) dosyası, .html uzantısı olduğu için web sayfasıdır. Bu web sayfasını yapacağımız sitenin ana sayfası olarak kullanacağız. Çünkü bir siteyi ziyaret ettiğimizde, tarayıcımız (Internet Explorer, Firefox gibi) bize o sitenin index.html sayfasını gösterir. Örneğin bedavasiteyapmak.com adresini ziyaret ettiğinizde bedavasiteyapmak.com/index.html sayfasını ziyaret etmiş olursunuz. O nedenle bu sayfanın adını ve yerini kesinlikle değiştirmeyeceğiz. Sitemizin ana sayfasının sorunsuz açılması için kök dizinde mutlaka bir tane index.html olmalı.

img: Bu websitesi şablonunu hazırlayan kişi, img klasörünü varsayılan resim klasörü olarak kullanılmış. Şablonda kullandığı resimleri bu klasöre eklemiş. Biz de sitemize ekleyeceğimiz resimleri önce bu klasöre, daha sonra web sayfamıza ekleyeceğiz. İlerleyen derslerde bu klasörün adını resimler olarak değiştireceğiz ama önce sitemizi Dreamweaver'e tanıtmamız gerekiyor. Nedenini ilerleyen derslerde açıklayacağız.

Source: Bu klasör, şablonda kullanılan logonun yazısız olanını içeriyor. Bu logoyu kullanarak ve üzerine kendi sitemizin adını ve sloganını yazarak web sitemiz için logo oluşturabileceğiz.

style.css: Bu dosya sitedeki yazı stillerini düzenlemek için kullanılıyor. Biz bu dosyada değişiklik yapmayacağız, bu dosyayı kullanmayacağız. Ancak şablonu hazırlayan kişi bu dosyayı kullanmış olabilir. O nedenle bu dosyayı silmeyeceğiz.