Dreamweaver’da rollover buton oluşturma.

    Dreamweaver’da üzerine geldiğinde değişen (rollover) butonu aşağıda uygulama olarak veriliyor . Bu uygulamayı  dreamweaver’da yapalım . Tablolu tasarımda unutulmaması gereken ,  eklenen bütün tabloların hücre aralığı (cellpadding) , hücre boşluğu (cellspacing) , kenarlık (border) değerleri 0(sıfır) olmasıydı .

İşlem adımları

➡ Banner için aşağıdaki özelliklerde tablo eklenir.

➡ Resim ekle düğmesi tıklanarak banner eklenir..

Not:Bannerı eklerken tabloya tam oturmayabilir.Bu sorun tablo seçiliyken ,  aşağıdaki iki düğmeye tıklayarak çözülür.Düğmelerin görevi tabloyu içerisine koyulan nesnenin boyutuna getirmektir.

➡ Menü için aşağıdaki özellikte tablo eklenir.

:arrow:Aşağıdaki seçeneklerden , üzerine geldiğinde değişen (rollover) buton eklenir.

➡ 1 numaralı alandan “Gözat tıklanarak ” orjinal resim (a1.png) seçilir.2 numaralı alandan “Gözat tıklanarak ” değişen resim (a2.png) seçilir.4 numaralı alandan resme link verlilir.Alternatif metin alanı ise resmin üzerine gelindiğinde çıkacak açıklama içindir.

➡ Anasayfa için yapılan bu işlem diğer butonlar içinde yapılarak işlem sonlandırılır.

➡ Gerekli düzenlemeler yapılarak tasarıma devam edilir.

Paylaş:

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir