Dreamweaver: Kod yazmadan Web sayfası tasarımı yapabilen program.
Dreamweaver ‘da kodsuz web tasarımının yanı sıra yine kod yazmadan JavaScript eklentileri, özel butonlar, FTP olayını yapma olayları da mevcuttur.

Dreamweaver ekranını tanıyalım




Şekil 1 : Dreamweaver
Ana Görünüm


Dreamweaver da görünüm ayarları

Izgara ( GRID ) görmek için
VİEW > GRİD bölümünden
1- Izgaraların görünmesini
2- Izgaralara Kenetleme
3- Izgara ayarları yapılır
Cetvel ( RULERS ) çıkartmak için
Bu alanda Dreamweaver ın üstünde ve sol tarafında cetvel belirir.
VİEW > RULERS bölümünden
1- Görünmesini
2- Orjin noktasını sıfırlama
3- Birim değer ayarları yapılır.

Dreamweaver da HTML kod alanını görmek için F10 tuşuna veya Window menüsünden Code Inspector dan gösterilebilir.

Properties Paneli
Bu panel ayar paneli olduğunda her komutta özellikleri değişen bir paneldir. Bu paneli görmek için Ctrl+F3 veya Window menüsünden Properties kısmından çıkartabilirsiniz.


Şekil 2 : Properties Paneli

Sayfa Özelliklerinin Ayarları

1- Sayfa Başlığı
2- Taban’a resim koymak için
3- Taban’a sadece renk atamak için
4- Sayfadaki yazı ve link renkleri
5- Sayfa marj (boşluk) ayarları
6- Tabana tra transparan resim koymak istediğinizde kullanılır

YAZIYLA ÇALIŞMAK

Yazınızı Dreamweaver normal word de yazar gibi yazabilirsiniz. Fakat boyutlarını, renklerini, link vermeyi properties penceresinden veya üst menüde bulunan TEXT menüsünden yapabiliriz.
Kolay ve çabuk olması açısından properties penceresinden anlatacağız.

Yazı yazmaya başladığınızda properties paneli bu hale gelir.
Biçimlendirmek istediğiniz harfi veya kelimeyi seçiniz

ÖZEL KARAKTER EKLEMEK İÇİN
Klavyeden giremediğiniz özel karakterle eklemek için
INSERT > CHARACTERS kısmından ekleyebilirsiniz. Bunlarında boyut, renk gibi ayarlarını yapabilirsiniz.

MADDE İMLERİ YERLEŞTİRMEK
TEXT > LIST > ..... kısmından ekleyebilirsiniz.
Otomatik olarak yazdığımız yazının başına sırsı ile rakam veya madde imleri koyar.

BUL ve DEĞİŞTİR
Dreamweaver da bir kelimeyi başka kelimeye dönüştürmek istiyorsanız.
EDIT > FIND AND REPLACE kısmından yapabilirsiniz.

RESİMLERLE ÇALIŞMAK

Resim yerleştirmek
Dreamweaver da sayfamıza iki yerden image (resim) çağırabiliriz.
• INSERT > IMAGE
• Object panelinden

Çağırdığınız resme link atama gibi ayarları kolaylıkla yapabiliriz.
Çağırdığınız resmi seçin (üzerini 1 kez tıklayın ) ve properties panelinin değiştiğini göreceksiniz. Properties panelini inceleyelim.

Resim ismi > Objeye isim vermek içim kullanılır
Boyutları > Resmin Genişlik ( W ) ve Yükseklik ( H ) ayarları yapılır.
Resim Yeri > Çağırdığını resmin diskinizde bulunduğu yeri gösterir.
Link > Çağırdığınız resme link vermek
Hizalama > Resmi sayfanıza hizalamak için kullanılır.
Alt yazı > Mouse resmin üzerine geldiğinde çıkan yazı

Target > Target ayarını yapmak için kullanılır.
Border > Resim dış kalınlığı
Edit > Resmi düzenlemek için
Reset size > Boyutlarıyla oynadığınız resmin orijinal boyutuna getirir.
Resim kenar boşlukları > Üstten ( V ) ve Sol taraftan ( H ) boşluk ayarlarını yapar.
Image Map >
Bu özellik bir resim üzerinde 1 den fazla link vermek için kullanılır.

Linkleri verdikten sonra mavi alanlar tarayıcıda (ie & nn & opera ) görünmez.
Map olayını yaparken properties paneli değişecektir.

Link vermek
Target ayarı
Alt yazı ekleme yapılır.
JPEG & GIF : Farkı nedir?
Jpeg: sayısallaştırılmış renkli fotoğraflar için tasarlanmıştır. Milyonlarca renk desteği vardır.
Gif : Hızlı resim alışverişlerde kullanılır. 256 renk desteği vardır.
Not: Bir resimde ne kadar sıkıştırma olursa o kadar bozulur.

Diğer resim ve hareket uzantı karşılaştırması
( * ) Diğerlerini bu uzantılara karşılaştırarak alınacaktır
Yani : 1 mb BMP uzantı --- 70 kb GIF e eşittir.