Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
Resimli anlatım

Adobe Dreamweaver programını çalıştırıyoruz. resmimizi programa yükleyerek tag menüsünden sayfaya ortalıyoruz.
Site hazırlayabilmek için Adobe Photoshop programında ana sayfa iletişim vs ihtiyacımıza göre butonlar hazırlıyoruz. (flash buton için aynı butonu farklı görünümlerde hazırlıyoruz.)








Adobe Dreamweaver programında alt resimde gösterilen menüden rollover image'ı tıklıyoruz.

Flash buton hazırlayabilmek için; önceden hazırlamış olduğumuz buton resimlerini yüklüyoruz.
Original image: Orjinal resim
Rollover image: Üzerine gidilince değişecek olan resim
Go to URL: Tıklanınca gideceği url adresi

hazırlamış olduğumuz anasayfamız.

anasayfa butonunun üzerine gidilince almış olduğu yeni görünümü

iletişim butonu

biz kimiz butonu

referans butonu

örnek olarak anasayfa butonuna google.com'a yönlendirmiştik. diğer butonlarıda istenilen sitelere url'leri verilerek yönlendirilebilir.

Kaynak: ali iletir 12-BT
Yorumunuzu Ekleyin