Webmasterlerin çoğu, site yapımı için Dreamweaver'i tercih eder. Bunun sebebi çok özelliği olması, tek başına yapabileceği çok şey olması ve diğer html düzenleyicilerin coğunda bulunan eksikliklerin Dreamweaver'de olmamasıdır. Bu, Dreamweaver'in rakiplerine oranla daha çok tercih edilmesini sağlar ancak bu kadar çok özelliği ve yeteneği olan bir program bir çok ayar gerektirdiğinden ve araç içerdiğinden çoğu kullanıcıya göre kullanımı zor veya karmaşık gelmektedir. Ben de ilk başta frontpage ile başladığım site yapımına tavsiyeler üzerine Dreamweaver ile devam etmeye karar verdim ve öğrenmeye başladığım sıralardaki yaşadığım zorlukların artık hiç birini yaşamıyorum. Ben de size Dreamweaver kullanmanızı tavsiye ederim. Lafı uzatmadan Dreamweaver ile sitemizi nasıl oluşturacağız beraber bakalım. :)

Bedava site açmak için bir tane hazır site şablonu seçtim. Şimdi bu şablonu kullanarak sitemi hazırlayacağım. (Sayfanın sağındaki şablonlar bağlantısını kullanarak yüzlerce şablon içerisinden seçtiğim hazır site şablonlarını indirebilir, beğendiğiniz bir tanesini kullanarak sitenizi oluşturabilirsiniz.) Şablonun içerisinde olduğu klasörü kopyalayıp C diskine yapıştırıyorum ve klasöre "Site" adını veriyorum. Bu klasör "kök klasör" olarak adlandırılır. Kök klasörün içinde index.html dosyası ve images klasörü bulunur. Sitemizi oluşturup yeni sayfalar oluşturdukça bu sayfaları kök klasöre, sitemizde kullanacağımız resimleri de images klasörüne koyacağız.

Şimdi Dreamweaver'in Türkçe karakterleri göstermesi için gereken ayarları yapmak için şu yolu izleyelim.

Edit>Preferences>New Document>Default Encoding>Türkçe(windows)

Sıra sitemizi Dreamweaver'e tanıtmaya geldi. Site>New Site>Advanced yolunu izleyelim ve aşağıdaki resimde gördüğünüz gibi ilk satıra sitenizin adını, ikinci satıra da sitenizin kök klasörünü, son olarak üçüncü satıra ise kök klasörünüzün içinde bulunan images klasörünü yazın ve Ok'a basın. Böylece sitemizi Dreamweaver'e tanıtmış olduk.

File>Open yolunu izleyelim ve index.html dosyasını açalım. index.html dosyasını anasayfanız olarak tasarlayın. Çünkü bir siteye girdiğinizde, tarayıcınız size o sitenin index.html sayfasını gösterir. Örneğin Internet Explorer'de www.siteadi.com yazarsanız tarayıcınız www.siteadi.com/index.html adresini açar. Daha sonra oluşturacağınız sayfalarınız için farklı isimler yazacaksınız örneğin: sayfaadi.html gibi... Oluşturduğunuz sayfalara isim verirken veya site içerisinde kullandığınız resimlerin adlarında Türkçe karakter veya boşluk kullanmamaya dikkat edin. Örneğin ödev.html isimli bir sayfa yaparsanız bu sayfa görüntülenemez.

Gerekli görmediğim bölümleri hazır site şablonundan cıkardım... Şimdi açmak istediğim siteye göre içeriğini oluşturacağım ve File>Save yolu ile çalışmamı kaydedeceğim... (Resmi orjinal boyutunda gormek için üzerine tıklayın)

Anasayfamızı oluşturduk... Şimdi farklı sayfalar oluşturarak bunları birbirine bağlayalım. Fıkralar, Resimler ve Animasyonlar ekleyeceğimiz sayfalar oluşturalım. index.html dosyası açıkken File>Save as.. yolunu izleyerek fikralar.html yazıp Save butonuna basalım. Şimdi görünümü index.html ile aynı ancak adı fikralar.html olan ikinci bir sayfa elde ettik. Şimdi fikralar.html sayfasını açalım ve anasayfamız için yazdıklarımızı silip yerine yayınlayacağımız fıkraları ekleyip kaydedelim. Böylece sayfayı baştan inşa etmek yerine index.html dosyasında birkaç değişiklik yaparak Fıkralar sayfasını oluşturmuş olduk. Aynı işlemi diğer sayfalar içinde uygulayarak sayfalarınızı oluşturabilirsiniz. Şimdi sayfalarımızı birbirine bağlayalım. index.html yi açıp soldaki link menüsüne sayfa isimlerimizi yazıp link ekleyelim.

1.Soldaki menüden link vermek istediğiniz sayfanın adını seçin
2.Kırmızı kutu içine aldığım klasör simgesine tıklayın.
3.Link vermek istediğiniz sayfayı seçin.
4.Ok'a basın ve çalışmanızı kaydedin. Bu işlemi diğer sayfalar için de gerçekleştirerek sayfalarınızı birbirine bağlayabilirsiniz.

Bunlara ek olarak Insert>Image yolunu kullanarak resim veya Insert>Media yolunu kullanarak flash veya videoları sitenize ekleyebilirsiniz. Tabiki Dreamweaver'in yapabilecekleri bunlarla sınırlı değil. Programın içinde yüzlerce sayfalık yardım kitabı var ancak tamamına burada veya başka bir sitede değinilmesi mümkün değil. Zamanla programların yeteneklerini keşfederek veya kullanmayı bilenlerden yardım alarak seviyenizi ilerletebilir daha iyi siteler kurabilirsiniz.

Artık site açmak için yapmamız gereken tek şey sitemizi internetteki bir sunucuya göndermek. Bedava hosting veren firmalardan birine üye olalım ve sitemizi yollayalım...Bedava Hosting