Dreamweaver Çalışma Notları

Dreamweaver’ın kullanım alanları:

• ·       Web sitelerinin oluşturmasını,
•       Web sitelerinin yönetilmesini,
• ·       Web sitelerinin bakımını ve devamlılığını sağlar.

Not:  En büyük özelliği ise “görselliğe” sahip bir web editörüdür.

Kod bilmeyen biri basit bir web sayfası oluşturabilir ve değişikliklerini yapabilir.

Açılış Ekranı

Dreamweaver’ı açtığımızda karşımıza açılış ekranı gelmektedir.            

Open a Recent Item (Son öğelerden birini aç) bölümü son yaptığımız çalışmaları listeler. 

Create  New (Yeni Oluştur) bölümü yeni dosya oluşturmamızı sağlar. Çeşitli çalışma dosyaları açabilir “more” (daha fazla seçeneği ile daha fazla seçeneği ile çok daha ayrıntılı şekilde dosyaları görerek yeni belgemizi açabiliriz. Top Features (videos) (En popüler) seçeneği ise adobe’un internet sitesine bağlanarak video eğitimlerine bağlanabiliriz. Başlarken seçeneğinin alt bölümünde yer alan Getting Started (Başlarken) , New features (Yeni özellikler), Resources (Kaynaklar), Dreamweaver Exchange (Dreamweaver Exchange)  bu alanlar konusunda adoe sitesine bağlanarak bilgi almamızı sağlar. Bir daha gösterme seçeneğini tıkladığımız da ise dreamweaver programını açtığımızda gelen açılış ekranının iptal edilmesini sağlayacaktır.

Örnek olarak “html” bir yeni dosya açtık, help(yardım) kısmında yer alan Layout ikonuna tıklayarak ekranımızdan Code (Kod), Split code (Bölünmüş kod), Design (Tasarım), Code and Design (Kod ve Tasarım) kısımlarını seçerek ekranımızı nasıl kullanmak istediğimizi seçebiliriz.

Window / Application Bar kısmından bu layout iconu ve yanındaki iconları aktif ederek gösterebilir, pasif ederek iptal edebiliriz.

Ekranımızın üst kısmında dosyamızın adı yer almaktadır. Burada yıldız varsa dosyamızı kaydetmedik demektir.

Ekranımızın alt kısmında Özellikler, Ara gibi menülerimiz bulunmaktadır. Sağ üst köşede yer alan Designer bölümü yer alır. Açılır menüden çalışma alanı seçebiliriz. Kendi kullanım alanımıza göre panellerin yerini değiştirerek kendimize kişisel bir çalışma alanı seçebiliriz.

Kendi Çalışma Alanımızı oluşturmak

Panellerin yerini kendimize göre ayarlıyoruz. Panelleri isminden tutup sürükleyerek istediğimiz yere taşıyabiliriz. Panelimizin kenarlarından tutup genişletebiliriz. Paneli kapatmak için başlık kısmına sağ tıklayarak kapat menüsünü seçiyoruz. Yada panelin sağ üst kısmındaki ikona (düz çizgilerin yanındaki ok tuşu) basarak açılan pencerede close (kapat) seçeneğini seçiyoruz. Ya da kapattığımız panelleri geri getirmek için Window (Pencere) menüsünden o panel adını seçiyoruz. Kendimize göre düzeni yaptıktan sonra Designer bölümünde (sağ üst köşede) New work space (Yeni çalışma alanı) menüsünü seçip açılan pencereye isim girip tamam butonuna basarak çalışma alanımızı oluşturabiliriz. Diyelim ki düzenlediğimiz alan o veya bu şekilde bozuldu ilk yaptığımız ve kaydettiğimiz çalışma alanına geri getirmek istiyoruz.  Designer açılır penceresinde Reset çalışma adı (çalışma adı ögesini sıfırla) bölümünü tıklayarak çalışma alanını 0layabiliriz. Designer’daki Manage Workspace (Çalışma Alanlarını Yönet ) seçeneğine tıkladığınızda açılan pencereden oluşturduğunuz çalışma alanlarınızı yeniden adlandırabilir veya silebiliriz.

Designer bölümünün yanındaki arama ekranı adobe yardıma girerek arama yapmamızı sağlar.

Paneller:

·       Window/Insert (Pencere/Ekle):

Common (Ortak) Bölümü:En çok kullandığımız seçenekler vardır.

Layout (Mizanpaj) Bölümü: Sayfa görünümü yapısı ile ilgili olan alandır.

Forms (Formlar) Bölümü: Form oluşturulabilen seçeneklerin bulunduğu alandır.

Data (Data) Bölümü: Veri aktarımı sağlayan alandır.

Spry (spry) Bölümü: Spry nesneleri oluşturabilecek araç ve ayarları oluşturmamızı sağlayan alandır.

Jquery Mobile (Jquery Mobile ) Bölümü: Mobil uygulamalar geliştirilecek alandır.

InContext Editing(InContext Editing) Bölümü: Düzenlenebilir bölgeler oluşturmamızı sağlayan bir alandır.

Text (Metin) Bölümü: Metin bölümünde kullanılacak seçenekleri belirlememizi sağlar.

Favorites (Sık Kullanılanlar) Bölümü: Sağ tıklayarak sık kullanılan alanımızı özelleştirebiliriz. Açılan pencere add separator (ayırıcı ekle) menüler arasına düz siyah bir çizgi ekler.