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