1
1 EĞİTİMDE BİLİŞİM TEKNOLOJİLERİ KONU : DREAMWEAVER
2
2 TASARIMA NASIL BAŞLANMALI Web sitesinin tasarımına başlamadan ö nce site i ç erisinde kullanacağınız dok ü manları oluşturmanız gerekir. Web sayfaları i ç erisinde kullanacağınız ses, resim, film ve metin dosyalarını ö nceden hazırlamanız, hatta hangi dosyayı hangi sayfada kullanacağınızı kağıt ü zerinde tasarlamanız, sitenin oluşturulması esnasında size ışık tutacaktır. Ziyaret ç i kitlesini ve bu kitleye yapacağınız hitap metinlerini de uygun bir şekilde hazırlamanız, sitenin ziyaret ç i oranını arttıracaktır.
3
DREAMWEAVER İlk olarak macromedia şirketinin ürettiği daha sonra adobe şirketinin macromediayı satın almasından dolayı adı Adobe Dreamweaver olarak değişen bir web sayfası geliştirme,kodlama yazılımıdır. Bir ağ sayfası geliştirme aracıdır. Özellikle kodları renklendirmesi ile kullanıcıya, kendini geliştirmesi açısından hayli yardımcı olmaktadır. Dreamweaver özellikle sağladığı özelliklerle çoğu tasarımcı tarafından yeğlenmektedir. 3
4
NE İŞE YARAR? Dreamweaver bir web sayfası tasarlanması ve kodlanmasına yarayan bir programdır. Dreamweaver ile ; Web sayfaları Web uygulamaları Çeşitli programlar hakkında dosyaları vb. birçok uygulama düzenleyebilirsiniz. Dreamweaver ile yaratılabilecek dosya türleri;PHP,ASP,XML,HTML,JavaScript vb. 4
5
Çalışma Alanı Listede olmayan bir belgeyi açmak için aç düğmesine tıklamamız gerekmektedir. Buradan istediğimiz belgeyi açarak işlemimizi yapabiliriz. 2.Yeni dosya oluşturma seçenekleri görüntülenmektedir. 3.Web tasarım editörünün yeni özellikleri ile ilgili eğitim videoları bulunmaktadır.
6
Araç Çubukları ve Paneller Web tasarım editörü çalışma alanı belgeleri ve nesne özelliklerini görüntülememize olanak verir. Çalışma alanı, araç çubuklarına birçok özellik yerleştirerek daha hızlı çalışmamızı sağlar. A.Uygulama çubuğu B.Belge penceresi C.Belge araç çubuğu D.Çalışma alanı değiştiricisi E.Panel grupları F.CS Live G.Etiket seçici H.Özellik denetçisi I.Dosyalar paneli
7
Tablolar Tablolar, web sayfalarını satırlara/sütunlara bölmek amacıyla ya da resimlerin veya grafiklerin sayfada sabit bir noktada durması amacıyla kullanabileceğimiz en önemli araçlardan biridir. Kısacası sayfa içindeki elemanların yerleşimi konusunda söz sahibi olmamızın en kolay yoludur. Tablolar satır (row) ve sütunlardan (column) oluşmaktadır. Satır ve sütunların kesiştiği nokta ise hücre (cell) olarak adlandırılmıştır. Tablo eklemek için Ekle menüsünden Tablo seçeneği seçilir. Açılan pencereden gerekli düzenlemeler yapılır. Satırlar: Tablonun kaç satırdan oluşacağını belirlenir. Sütunlar: Tablomuzun kaç sütundan oluşacağını belirlenir. Tablo genişliği: Tablonun boyutunu pixel ya da yüzde cinsinden belirlenir. Kenarlık kalınlığı: Tablonun kenar çizgisinin kalınlığı belirlenir. Hücre dolgusu: Hücrelerin boyutu belirlenir. Hücre boşluğu: Hücrelerin birbirinden ve tablo kenarlığından uzaklığı belirlenir. Üstbilgi: Tablo başlığının nerede olacağı seçilir. Resim yazısı: Tabloya başlık bilgisi eklenir. Özet: Tablo içeriği hakkında açıklama yazsısı eklenir.