Web sitelerini daha verimli oluşturabilmek için çoğu programın temeli olan araçlar ve arayüzleri tanımaya başlayacağız. Tasarım ve kodlama işleminin büyük bir kısmı belge penceresinde yapılacağı için bu alanı yakından tanımamızda yarar var. Belge penceresi gövde olarak bilinir ekleme,silme,düzenleme işlemleri temel olarak bu alanda yapılır.Yine bu alanda web sitemizin görüntülenmesi hakkında yaklaşık bilgiler alabiliriz. Yaklaşık dememizin sebebi ise tarayıcıyla tam olarak örtüşmeyen sayfa yorumlama şeklidir ..


Yukarıda da göreceğimiz gibi dosya ismimiz bir çubuk üzerinde belirtilmiştir.Hiç bir değişiklilik yapılmaması durumunda untitled document başlığı alınır.Burada gördüğümüz araç çubuklarını Görünüm>Araç Çubukları seçimi ile görünür veya gizli hale getirmek mümkündür.Ayrıca aşağıdaki resimde işaretlediğim alandan mouse ile sürükleme yaparak araç çubuğu pencere haline getirilebilir..


Dreamweaver programına ait 3 farklı görüntüleme mevcuttur. Tasarım,Kod ,Split yani bölme . Programın yukarısındaki tuşları kullanarak farklı görünüm modlarını elde edebilirsiniz.
Sırasıyla :

1- Kod Penceresi Görünümü

2-Bölme (Split) Görünümü
 3-Tasarım Görünümü
Şu an için bir nesne veya kod eklemediğimiz için tasarım görünümü alanını beyaz görmekteyiz.
İlerleyen yazılarda sık sık ekleme işlemi yapacağımız için Insert (Ekle) menüsünü karıştırarak nesne ekleme işlemi yapabilirsiniz..