Konular

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

Veri giriş formu yapmak

Bu işlem için DW'da iki seçeneğimiz var; bunlardan ilki formlarımızı kendimiz tasarlayıp daha sonra bu formun hangi veritabanı tablosuna hangi bilgiyi gireceğini belirtmek. İkinci seçenek ise DW'ın içerisindeki bir sihirbaz aracı ile bu form yaratma işlemini de DW'ın üzerine yıkmak. Ben ilk yöntemi yani el ile kayıt girme formları nasıl yapılıyor onun üzerinde duracağım. Diğerinin bundan çok da bir farkı yok zaten. Evet başlıyoruz;

44,145 Okunma Henüz yorum yapılmamış 31/08/2007 03:20:54

Dreamweaver ile Üyelik Sistemi - Şifre Hatırlatma Sayfası

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Son olarak şifrelerini unutan üyelerimize nasıl bir hatırlatma mesajı yollatacağımızı inceleyeceğiz

38,113 Okunma Henüz yorum yapılmamış 31/08/2007 14:11:37

Dreamweaver ile Üyelik Sistemi - Üye Kaydı

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. İlk olarak üye kaydı sayfasını yaparak işe başlıyoruz

30,696 Okunma Henüz yorum yapılmamış 31/08/2007 13:48:25

Dreamweaver ile Üyelik Sistemi - Üyelere Özel Sayfa ve İfadeler

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Üyelere özel sayfaları veya sadece üyelerin görebileceği bir objeyi nasıl giriş yapmamış kullanıcılardan gizleyeceğimizi bu makalede inceleyeceğiz

29,629 Okunma 6 Yorum 31/08/2007 13:57:39

Dreamweaver ile Üyelik Sistemi - Üye bilgileri güncelleme sayfası

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Üyelerimizin üye olurken verdiği bazı bilgileri değiştirebileceği ve profillerini güncelleyebilecekleri sayfaları nasıl yapacağımızı bu makalede göreceğiz

23,244 Okunma 3 Yorum 31/08/2007 14:08:21

Map Özelliği

Map özelliği çağrı kasapoğlu

22,240 Okunma Henüz yorum yapılmamış 13/03/2008 14:20:52

Show-hide Elements

Show hide elements ile dreamweaver içerisinde kompleks uygulamalar yapmak oldukça kolay, şimdi bunu nasıl yapacağımızı göreceğiz;

19,673 Okunma 2 Yorum 07/08/2007 14:26:47

Hotspot Eklemek

17,780 Okunma Henüz yorum yapılmamış 27/07/2007 15:01:18

Map Ve İç Pencere Açmak

Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama. Daha büyük resim yeni web sayfası açılmadan gözükmektedir.

17,407 Okunma Henüz yorum yapılmamış 01/05/2008 09:59:41

Image Map

Image map

15,672 Okunma Henüz yorum yapılmamış 13/03/2008 14:20:41

Yükleniyor...