Dreamweaver’da haber bandı yapımı

          Dreamweaver’da yapılmış aşağıdaki haber bandında, haberler üzerine gelince yandaki resmin değiştiği görülmekte.Bu özellik dreamweaver bünyesinde bulunan script bir özellik.

İşlem adımları . . .

➡ Dreamweaver programını açınız.

➡ Ekle araç çubuğundan tablo ekle düğmesi tıklayınız.

➡ Aşağıdaki özelliklerde tablo oluşturunuz.

➡ Tabloyu özellikler panelinden ortaya hizalayınız.

➡ 350×250 ‘lik en son haberler resmini tablonun sağındaki hücreye ekleyiniz.

➡ Resmin üzerine tıklayıp seçiniz.Resim seçiliyken özellikler panelinden resme isim veriniz.(“ana_resim”)

➡ Soldaki hücrede olduğu gibi 8 adet haber yazınız.

➡ Haberleri üste hizalamak için , hücre içerisinde bir yere tıklayınız . Özellikler panelinden dikey–>üst yapınız.

➡ Birinci haberi farenin sol tuşuyla seçiniz.

➡ Birinci haber seçiliyken ekle panelinden köprü/link düğmesini tıklayınız.

➡ Birinci habere boş link vermek için ; Bağ kısmına # (kare) yapıp , tamam butonunu tıklayınız.

Birinci haber seçiliyken ” davranışlar ” (Behaviours) panelinden “+” Düğmesine tıklayınız . Açılan menüden “Görüntüyü değiştir” (swap image) seçiniz.

➡ En son haberler resmine “ana_resim” adını vermiştik. “Lenovo bükülebilir telefonunu tanıttı.” (birinci haber) yazısının üzerine gelince buradaki resim değişecek.”Gözat” butonuna tıklayınız.

➡ Birinci habere ait resim seçiniz.Ve tamam butonuna tıklayınız.

➡ Belgeyi kaydedip , tarayıcıyla açınız.Birinci haberin üzerine gelince resmin değiştiğini gözlemleyebiliriz.

➡ Birinci haber için yapılan işlemleri , diğer 7 haber için de aynı şekilde yapınız.

➡ Linklerle ilgili ayarları yapalım.Özellikler panelinden “sayfa” butonuna tıklayınız.

➡ Bağlar kategorisini seçip , aşağıdaki ayarları yapalım.(Linklerin altı çizili olmasın.Rengi siyah olsun.Üzerine gelince kırmızı olsun.Daha önceden tıklanmışsa rengi değişmesin yine siyah olsun.)

Paylaş:

Bir cevap yazın

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