Bir Umuttur Yaşamak...: 1- Adobe Dreamweaver

WEB TASARIM EDİTÖRÜ – ADOBE DREAMWEAVER CS5

Web sayfasını kodlar ile oluşturabileceğimiz gibi web tasarım editörleri ile de oluşturabiliriz. Editör kullanmak zamandan çok büyük tasarruf sağlayacaktır. Kullanacağımız program en çok kullanılan web tasarım editörlerinden biridir.

1. TEMEL İŞLEMLER

Bu bölümde web tasarımı editörünün ara yüzünü inceleyerek site tanımlama işlemlerini öğreneceğiz.

Çalışma Alanı

Bilgisayarımıza yüklediğimiz programı çalıştırmak için Başlat menüsündeki Programlar bölümünden kurduğumuz web tasarım editörüne tıklamamız gerekmektedir.

Editör Ara yüzü

Şekil 1.1: Web tasarımı editörü karşılama ekranı

Web Tasarımı Editörünü açtığımız zaman ilk olarak karşımıza Şekil 1.1’de gördüğümüz karşılama ekranı gelir. Burada inceleyeceğimiz 5 bölüm bulunmaktadır.

1. Son açılan belgeler listelenir. Web tasarım editörünü ilk defa çalıştırıyorsanız bu bölüm boş gelir. Listede olmayan bir belgeyi açmak için aç düğmesine tıklamamız gerekmektedir.

2. Yeni dosya oluşturma seçenekleri görüntülenmektedir. Bu kısımda daha önce öğrendiğimiz HTML ile çalışacağız.

3. Web tasarım editörünün yeni özellikleri ile ilgili eğitim videoları bulunmaktadır.

4. Web tasarım editörü ile ilgili hazırlanmış ayrıntılı yardım içeriğine ulaşabilirsiniz. Programı başlattığınızda karşılama ekranı yerine çalışma ekranının gelmesini istiyorsanız bir daha gösterme seçeneğini etkinleştiriniz.

Karşılama ekranını geri getirmek için düzen menüsündeki tercihler seçeneğini tıklayınız. Daha sonra genel kategorisindeki karşılama ekranını göster seçeneğini işaretleyiniz.

5. Web tasarımı editörü güncellemelerine, yeni video yayınlarına, makalelere ve yeni ip uçlarına ulaşmak için bu bölüm kullanılır.

Çalışma Ekranları

Web tasarım editöründe kodlarla ya da tasarımla çalışabiliriz. Bunun için uygulama araç çubuğunda yer alan mizanpaj sekmesi tıklanır. Karşımıza aşağıdaki menü gelir.