Dreamweaver Dersleri ( Baslangic Seviyesi )

[Ağır_Seviyorum]

Dreamweaver MX 2004

[Ağır_Seviyorum]

Dreamweaver Versiyon MX 2004

Hazirladigimiz sayfalara tablo eklemek istiyoruz peki ne yapacagiz?

Hemen üst seceneklerden Instert>Table tikliyoruz yada Ctrl+Alt+T

http://img20.imageshack.us/img20/9413/tabloticarichatwy2.png

Rows: Satir sayisini belirtir
Columns: Sutun sayisini
Table widht: Tablomuzun genisligini düzenler
Border thickness: Tablomuzun dıs kenarlarinin kalinligini belirtir
Cell padding: Hücrelerin büyüklügü düzenler
Cell spacing: Cizgilerin birbirlerine olan uzakliginiz düzenler

[Ağır_Seviyorum]

Dreamweaver MX 2004 Hotspot

Bir resim acalim ve bu resmin istedigimiz kismina link verecegiz
Öncelikle resmi ekleyelim...
Insert > Image resmimizi ekleyelim

Properties (Özellikler) Paneline gecelim panelini aktif hale getirelim.
Eger paneli goremiyorsaniz CTRL + F3 'e basip aktif edin.

http://img176.imageshack.us/img176/4393/hotspottu5.png

Cember , kare , dikdortgen yada cokgen secimi yaparak resmin istedigimiz yerine hotspot ekleyebiliriz.

İstedigimizi sectikten sonra resmin üstünde link vermek istedigimiz yeri fare yardimi ile belirliyoruz.
Ben örnek amacli absürt bir sekil sectim


Alt: Mouse resmin üzerine gelince yazacak yaziyi belirliyoruz

Link: Tiklandiginde acilmasini istedigimiz site yada baglanmasini istediniz bir adresi yaziyoruz

Class: Eger bir CSS dosyasi kullaniyorsak bu islemde de gecerli olmasini istiyorsaniz bu menüden secebiliyoruz.

Target: Linkimizin hedefi

[Ağır_Seviyorum]

Frameler hazirladigimiz sayfalari parcalara bölmek icin kullanilir.
Insert > HTML > Frames > Right


http://img45.imageshack.us/img45/7051/frameeekg9.png

Frame cubugunu tiklayalim özelliklerine girelim

http://img164.imageshack.us/img164/8913/frameeeee2lb8.png
Borders: Sayfayı ayiran frame cizgisinin görünmesini istiyorsaniz Yes, istemiyorsak No'yu tiklayin.
Border Width: Frame cubugunun kalinligi
Border Color: Frame cubugunun rengi
Column: Units bölümünden iki sayfanın birbirine oranla görüneceği miktarı yazacağız.
Pixel secili ise sol frame'in kaç pixel görünecegini, Percent secili ise sol tarafın yüzde kac görünecegini belirler.
RowColSelection: Hangi frame'in özelligini degistirmek istiyorsan o frame'i secebiliriz.

*Frame'de herhangi bir link tıklandığında neresi aktif olacak sorusunun cevabi
_blank: Link verilen sayfa yeni pencerede
_parent: Tüm sayfayı kaplayacak şekilde
_self: Sol taraftaki frame
_top: Ortada açılır.
mainFrame: Sağ taraftaki framede
leftFrame: Sol taraftaki framede

[Ağır_Seviyorum]

Dreamweaver 'da hazirladigimiz sayfaya Flash Dosyasi yada Flash button ekleyelim.

Öncelikle hazirladigimiz sayfayi kayit edelim ardindan , yukarda ki menü'den

Insert > Media > Flash Button (yada Flash) seciyoruz.

http://img71.imageshack.us/img71/4220/ticaridwmx9zw6.png



Sample: Bu pencerede örnek butonları görüryoruz.
Style: Örnek butonlarin bulundugu pencere.
Button Text: Butonumuzun üzerinde yazacak olan yazıyı buradan yaziyorz.
Font: Butonun üzerine yazmış olduğumuz yazinin fontunu buradan ayarlıyoruz.
Size: Fontumuzun boyutu, puntosunu buradan ayarlıyoruz.
Link: Butonumuza verecegimiz link.
Target: Link hedefi.
Bg Color: Butonumuzun arkaplan rengini belirliyoruz.
Save As: Butonumuza isim veriyoruz,browse' butonuna basarak butonu kaydetmek istedigimiz yolu belirliyoruz.