WEB YAYINCILIĞI ARAÇLARI

“Design” eti­ketli sekme, web içeriğinin doğrudan görüntü­lendiği tasarım görünümünü sunarken, “Code” etiketli sekme, web sayfasını oluşturan HTML, CSS ve JavaScript gibi kodların görüntülenmesi­ni sağlar. “Split” etiketli sekme ise, paneli ikiye bölerek tasarım görünümü ile kod görünümünü birlikte sunar.

Sayfa 156'yı inceleyiniz.

Sayfa 160'ı inceleyiniz.

Varsayılan arayüzün sağ üst kısmında görüntü­lenen “Toolbox” ve “Snippets” başlıklı iki sekme­yi içeren panel, düzenlenen web içeriğine hızlıca öğe ve işlev eklenmesini sağlar. “Toolbox” etiketli panelde, sık kullanılan etiketler, form ve medya öğelerinin yanı sıra ASP kontrolleri de bulunabilir.

Tablo oluşturmak için menü çubuğu üzerindeki “Table” menüsünde bulunan “Insert Table” komutu veril­melidir.

EXE, COM çalıştırılabilir programlar. DOC Word dosyası, XLS Excel dosyası, PPT powerpoint dosyası, GIF  ve JPG resim dosyası. Dreamweaver CC ile HTML, CSS, PHP, JavaScript, LESS, SASS, PHP, XML, ColdFusion, SQL, ASP, VTML, Text dosyaları türündeki belgeler açılabilir ve düzenlenebilir.

Yazılım, Dreamweaver projeleri için yapılandırma dosyaları, taslaklar ve kütüphane dosyalarının açılmasını da desteklemektedir. Bootstrap entegrasyonu ile boyutu, ekran çözünürlüğü ve sayfa yönlendirmesinden bağımsız olarak herhangi bir tarayıcıya uyarlanabilir tepkisel (responsive) web siteleri tasarlanabilir. Dreamweaver Adobe Creative Cloud sisteminin bir parçası olduğundan, en son güncellemelere uygun olduğu anda erişilebilmektedir.

Adobe ID sayfasından kaydolmak için ad, soyad, e-posta, şifre, ülke, doğrum tarihi bilgilerinin girilmesi gerekmektedir.

Dreamweaver yazılımı çalışma alanı gösterilmiştir. Burada numaralandırılmış bölümler sırasıyla;

-Uygulama çubuğu,

- Belge araç çubuğu,

- Belge penceresi,

- Çalışma alanı değiştiricisi,

- Paneller,

- Kod görünümü,

- Durum çubuğu,

- Etiket seçici,

- Canlı görünüm

- Araç çubuğu şeklindedir.

Yerel Klasör: Çalışma dizinidir ve genellikle sabit sürücüdeki bir klasördür. Dreamweaver, bu klasörü yerel site kökü olarak ifade eder. Uzak Klasör: Dosyaların, web sunucusunu çalıştıran bilgisayarda depolandığı yerdir. Web sunucusu, genellikle (ancak her zaman değil) siteyi web üzerinde kullanıma açan bilgisayardır. Test Klasörü: Dreamweaver’ın dinamik sayfaları işlediği klasördür. Dinamik formlar ve PHP içeriği varsa test klasörü oluşturulabilir.

Details (Detaylar): Yazılımın sürüm bilgilerini ve desteklediği arayüz dillerine ilişkin bilgiler içerir. System Requirements (Sistem Gereksinimleri): Yazılımın çalışmak için gerek duyduğu donanım ve yazılımlara ilişkin bilgiler içerir.  Install Instructions (Kurulum Yönergesi): Yazılımın kurulumuna ilişkin yönergeler içerir.  Related Resources (İlgili Kaynaklar): Yazılımla ilgili bilgi edinilebilecek kaynaklara yönlendiren URL’ler içerir.

Site (Site): Web içeriğinin yayınlanmasını sağlayacak site tanımlarının oluşturulmasını ve düzenlenmesini sağlar. Data View (Veri Görünümü): Web sitesini besleyen veri kaynaklarının oluşturulmasını ve düzenlenmesini sağlar. Panels (Paneller): Arayüzde yer alan panellerin görünüm özelliklerinin düzenlenmesini sağlar. Window (Pencere): Microsoft Expression Web’in içinde yer alan çalışma pencerelerinin düzenlenmesini sağlar. Help (Yardım): Microsoft Expression Web’in kendisine ve kullanımına ilişkin bilgilere ulaştırır.

Size (Boyut): Tablonun boyutlandırılmasıyla ilgili form öğelerini içerir. Rows (Satırlar): Tablonun kaç satırdan oluşacağını belirler. Columns (Sütunlar): Tablonun kaç sütundan oluşacağını belirler. Layout (Düzen): Tablonun hizalandırılması, boyutlandırılması ve boşluklandırılmasıyla ilgili form öğelerini içerir - Alingment (Hizalama): Tablonun sağa, ortaya ya da sola hizalanmasını sağlar. - Cell padding (Hücre aralıklandırma): Hücrelerarası boşluğu piksel cinsinden belirler. - Cell spacing (Hücre boşluklandırma): Hücre içeriği ile hücre kenarı arasında kalan boşluğu piksel cinsinden belirler. - Specify width (Genişliği tanımla): İşaretlenmesi halinde tablo genişliği piksel ya da oran bazında belirlenir. Borders (Kenarlıklar): Tablo kenarlıklarının biçimlendirilmesiyle ilgili form elemanlarını içerir. - Size (Boyut): Tablo kenarlığının kalınlığını piksel cinsinden belirler. - Color (Renk): Tablo kenarlığının rengini belirler. - Collapse table border (Tablo kenarlığını yanaştır): İşaretlemesi halinde hücreleri ayıran kenarlıkların arasındaki mesafe yok edilir. Background (Arka plan): Tablonun arka plan görünümünün düzenlenmesiyle ilgili öğeleri içerir. - Color (Renk): Tablonun arkaplan rengini belirler. - Use background picture (Arka plan resmi kullan): Tablonun arka planında görüntülenmek üzere bir görsel seçilmesini sağlar.

Size (Boyut): Tablonun boyutlandırılmasıyla ilgili form öğelerini içerir. Layout (Düzen): Tablonun hizalandırılması, boyutlandırılması ve boşluklandırılmasıyla ilgili form öğelerini içerir. Borders (Kenarlıklar): Tablo kenarlıklarının biçimlendirilmesiyle ilgili form elemanlarını içerir. Background (Arka plan): Tablonun arka plan görünümünün düzenlenmesiyle ilgili öğeleri içerir.

File (Dosya): Oluşturulan projelerin kaydedilmesi, açılması ve yazdırılması gibi işlevleri barındırır. Edit (Düzenle): Kopyalama, yapıştırma ve geri alma gibi içerik düzenleme işlevlerinin yanı sıra içerik arama ve değiştirme işlevlerini barındırır. View (Görünüm): Web geliştirme arayüzünün görünümünü ve işlevselliğini düzenlemek için gereken işlevleri barındırır. Insert (Ekle): Düzenlenen web içeriğine kodarın ve çeşitli formatlardaki içeriklerin eklenmesini sağlar. Format (Biçim): Düzenlenen web içeriğinin stil, çerçeve, maddeleme gibi biçimsel özelliklerinin düzenlenmesini sağlayan işlevleri barındırır.