Fotoğraf Albümü Oluşturalım

Dreamweaver içinde fotoğraflarımızı web sayfası şeklinde yayınlamaya yarar bir menü barındırır

Fotoğraf Albümü OluşturalımMx ten önceki versiyonlarda bunu kullanmak için Fireworks programının yüklü olması gerekiyor. Menüye Commands > create web photo album ile giriyoruz.

Photo album title:Sayfaların pencere başlığı
Subheading info:Sayfa içindeki başlık
other info:açıklamalar ekler.
Source images folder:resimlerin bulunduğu klasör
Destination folder:resimlerin yükleneceği yeni klasör
Thumbnail size: resimlerin önizleme boyutları
show filenames:resimlerin dosya isimlerini gösterir.
Columns: Resimleri yatay şekilde yerleştirilecek hücre sayısı
Thumbnail format:önizleme resimleri kalitesi
photo format:orjinal resimlerin kalitesi
Create navigation...: Tüm resimlerin önizlemesini bir ana sayfada oluşturmayı sağlar.

2-Hazır renk temaları

Yeni bir sayfa dizayn ederken eğer arkaplan, yazı ve link renkleri hakkında kararsız olursanız dreamweaver içindeki hazır renk paletleri işinize yarayabilir. Commands > set color scheme command ile bu menüye erişebiliririz.

Background:arkaplan rengi
Text and links:normal yazı ve link renkleri

3-Format table (tablo düzenleme)

Bazen verileri tablolar ile listelerken alt alta çok yakın olan hücreler sayfada çok karışık gözükebilir. Bu yüzden satır hücrelerinin renklerini elle düzeltmek zorunda kalırız. İşte burada da dreamweaver bu işi bizim için otomatik yapıyor. Herhangi bir tablo içinde commands > format table seçiyoruz;

Burada hazır şablonlardan birini seçebiliririz.
Row colors:first:ilk yatay hücrelerin rengi
second:ikinci yatay hücrelerin rengi
Alternate:kaç yatay hücrede renk değişimi olacağını belirtiyoruz.
Top row:en üst hücrenin hizası ve rengi
left col:en sol hücrenin hizası ve rengi

4-Raporlama (results menüsü)

Bu menü sayesinde sayfamızın her türlü detayını inceleyebiliriz. Results penceresini window > results veya F7 ye basarak aktif edebiliriz.

Search:sayfada arama yapmak.
Validation:Hataları araştırır.
Target browsing check:belirtilen tarayıcıda hata kontrolü yapar.
Link checker:Kırık linkleri bulur.
Site reports:sitenin her türlü raporunu tutar.

Validation sekmesinde play simgesine benzeyen şekle tıklayıp açılan menüde; validate current document de mevcut sayfayı kontrol ettirebiliriz. Varsa hatalar satır numarası ve açıklamalarıyla listelenirler. Listeleme sonucu sol taraftaki disket simgesine tıklayarak kaydedebilir, dünya simgesine tıklayarak bir html sayfası şeklinde görüntüleyebiliriz.

Target browser check sekmesi ile sayfayı hedef tarayıcıda test ettirebiliriz. Check target browsers ile kontrol işlemini yapabiliriz. Settings sekmesinde kontrol edilecek hedef tarayıcıları seçebiliriz.

Link checker sekmesinde check links in current document ile sayfamızda kırık link var mı yok mu bakabiliriz.

5-Tag temizleme (Clean up HTML menüsü)

Bir diğer yaralı araç ise sayfadaki boş veya gereksiz tagları silmeye yarayan clean up html menüsü. Buraya commands > cleand up HTML ile giriyoruz;

Emty container tags:Boş tagları siler.
Redundant nested tags:Gereksiz veya fazla tagları siler.
Non-Dreamweaver...:Dreamweaverın kullanmadığı tagları siler.
Spesific tags:Belirleyeceğimiz özel tagları siler.

6-Geçmiş işlemler (History menüsü)

Her yaptığımız işlemi kaydeden bu özellik sayesinde istediğimiz yere geri dönebilir, hatta bunları kaydedip sonra kullanabiliriz. History menüsünü window > history veya klavyeden Shift+F10 ile aktif edebilirsiniz.

Burada 50 işleme kadar geri alabiliriz. Daha fazlası için Edit > preferences > General > maximum number of history steps sekmesinde arttırabilirsiniz.

7- Hazır kitapçıklar (reference menüsü)

Belli kişilerin yazdığı HTML,ASP,CSS,Javascript,ASP.net gibi diller hakkında yardım alabileceğimiz bir kaynak dreamweaver içinde bulunuyor. reference menüsüne window > reference ile ulaşabiliriz.

8- Tag inspector özelliği

Tag inspector ile sayfa içinde kullanılan bütün tagları görebilir ve düzenleyebiliriz.Bu özellikle kod kısmında çalışırken büyük kolaylık sağlar. Window > Tag inspector penceresi;

Ekranda tüm tagları görebiliriz. Alt kısımda ise taga ait mevcut veya eklenebilecek parametreleri ayarlayabiliriz.

9-Snippets özelliği

Snippets(ufak bilgiler); Dreamweaver mx te kullanmak üzere hazırlanmış hazır taslaklardır.Bunlar pencereyi kapatma scripti, dropmenü elemanları, meta tagları ve çeşitli Javascript programcıklarıdır. Bu özellikleri ile Behavior ile benzeşir.Fakat Snippets ile kendi scriptlerimizi oluşturabiliriz. Snippetsleri window > Snippets penceresinden görebiliriz.

Burada çeşitli kategorilere ayrılmış snippetsler var. Kullanmak istedimiz snippetsi penceredeki insert tuşu ile ekleyebiliriz.

Şimdi bir örnek deneyelim. Snippets penceresinden Javascript > browser functions > disable Right Click seçelim. Bu script bize sayfada mouse sağ tuşunu kilitlemeyi sağlar .Kod ekranına geçip <head>...</head> tagları arasında bir yere <script language="JavaScript" type="text/JavaScript"></script> kodunu ve bu kodların arasına da snippetsden scripti ekleyelim. Bu şekilde yapmamızın sebebi; snippetsdeki scriptler Javascript olduğu için sayfaya <script>...</script> tagları arasında eklememiz gerektiğidir. Bunu her scripti eklediğimizde yapmalıyız ki script yazdığımız belli olsun. Sonuç olarak <head>....</head> arasına eklediğimiz toplam kod şu olmalıdır;

<script language="JavaScript" type="text/JavaScript">

function disableRightClick(e)
{
var message = "Right click disabled";

if(!document.rightClickDisabled) // initialize
{
if(document.layers)
{
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = disableRightClick;
}
else document.oncontextmenu = disableRightClick;
return document.rightClickDisabled = true;
}
if(document.layers || (document.getElementById && !document.all))
{
if (e.which==2||e.which==3)
{
alert(message);
return false;
}
}
else
{
alert(message);
return false;
}
}
disableRightClick();
</script>

Kendi hazırladığımız ufak taslakları kaydetmek için snippets kategorisi altında sağ tıklayıp new snippets demeliyiz. Örneğin hazırladığımız bi tabloyu seçip bir snippets şeklinde kaydedebiliriz.

Yorumunuzu Ekleyin
Fotoğraf Albümü Oluşturalım Yorumları +1 Yorum
  • Emre Akkaya
    1
    Emre Akkaya
    This command requires that Fireworks 4 or later be installed on your machi hatası veriyor?
    20 Eylül 2012 18:41:52, Perşembe


Yükleniyor...
    Yükleniyor...