Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
Resimli anlatım
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_0.jpg?68)
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.)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_1.jpg?37)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_5.jpg?41)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_2.jpg?96)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_6.jpg?29)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_3.jpg?99)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_7.jpg?95)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_4.jpg?91)
![Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği](/rs/ic/gi_937_8.jpg?66)
Adobe Dreamweaver programında alt resimde gösterilen menüden rollover image'ı tıklıyoruz.
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_9.jpg?82)
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
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_10.jpg?7)
hazırlamış olduğumuz anasayfamız.
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_11.jpg?72)
anasayfa butonunun üzerine gidilince almış olduğu yeni görünümü
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_12.jpg?92)
iletişim butonu
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_13.jpg?41)
biz kimiz butonu
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_14.jpg?10)
referans butonu
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_15.jpg?54)
örnek olarak anasayfa butonuna google.com'a yönlendirmiştik. diğer butonlarıda istenilen sitelere url'leri verilerek yönlendirilebilir.
![Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği](/rs/ic/gi_937_16.jpg?71)
Kaynak: ali iletir 12-BT
Yorumunuzu Ekleyin