Website Şablonu ve Hazırlanması
Dreamweaver ile boş bir sayfadan başlayarak kendi web sitenizin tasarımını yapabilir veya hazır site şablonlarını kullanarak sitenizi inşa edebilirsiniz. Ben tasarım konusunda yetenekli olmadığım için hazır website şablonu kullanıyorum. Dreamweaver ile site yapımını anlatırken de hazır bir web sitesi şablonu kullanacağım. Profesyonel web tasarımcıların yeteneklerinden yararlanabilmeniz için hazır web sitesi şablonları kullanmanızı tavsiye ederim.
Bu sayfada bir web sitesi şablonunun site yapımı için nasıl hazırlanacağını, web siteleri ve site dosyaları hakkında genel bilgileri paylaşacağım. Anlatımı hazırlamak için aşağıdaki şablonu kullanacağım. (Aynı şablonu Website Şablonları sayfasından indirebilirsiniz).
Şablon dosyalarını hazırlamak için dosyayı indirdim, rar dosyası içerisinden çıkardım ve çıkan dosyaları Websitem isimli bir klasör içerisine kopyaladım. Aşağıdaki resimlerde kullanacağım şablonun nasıl göründüğünü ve şablon dosyalarının nasıl olması gerektiğini görebilirsiniz.
Yukarıdaki şablon site yapımının anlatılacağı bir site için uygun değil ama bazı küçük değişikliklerle uygun hale getirilebiliyor. Ben yukarıdaki şablonun logosunu değiştirerek ve sol tarafa menü ekleyerek kendi sitemi oluşturdum. Şimdi kısaca kök klasör ve içindekilerin ne olduğunu ve ne işe yaradığını açıklayayım.
Kök Klasör: Site dosyalarının tamamını içinde barındıran klasöre kök klasör denir. Sitede kullanılacak tüm resim, fotoğraf, video ve diğer dökümanların tamamının bu klasör içinde olması gerekir. Örneğin sitenize bir resim ekleyecekseniz önce resmi kök klasör içine kopyalamalı, sonra sayfanıza eklemelisiniz. Aksi halde sayfalara eklenen resimler ve diğer dökümanlar, sitenizi yayınladıktan sonra gösterilmez. Yukarıdaki resimde gösterilen Websitem klasörü hazırlayacağım sitenin kök klasörüdür.
index.html: Bu dosya bir web sayfasıdır ve anasayfa olarak kullanılır. Web tarayıcınıza bir adres yazdığınızda size index.html sayfası gösterilir. Örneğin bedavasiteyapmak.com sayfasına girdiğinizde tarayıcınız size index.html sayfasını gösterir. Bu nedenle bu dosyanın adını ve konumunu değiştirmememiz gerekiyor.
images klasörü: Bu klasör şablonumuzun kullandığı varsayılan resimler dosyasıdır. Site dosyalarının daha düzenli olması için bu klasör resimler klasörü olarak kullanılır. Bazı şablonlarda bu klasörün adı farklı olabilir.
Css klasörü: Bu klasör sayfa görünümünü ve yazı ayarlarını düzenleyen dosyaları içerir. Bu klasörü kullanmayacağız ancak sayfa tasarımında, düzeninde bir probleme neden olmaması için silmeyeceğiz.
templatemo_style dosyası: Bu dosya da bazı css kodları içerir. Bu dosyayı da kullanmayacağız ve silmeyeceğiz.
