Geniş Ekran Modu Otomatik Ekran Boyutu Font Boyutunu Azalt Font Boyutunu Azalt Font Boyutunu Normal Yap Yazdır

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

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ğiImage map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği
Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneğiImage map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği
Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneğiImage map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği
Image map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneğiImage map, rollover image kullanarak bir site anasayfasındaki menu uygulama örneği

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

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

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

Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
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
iletişim butonu
Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
biz kimiz butonu
Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
referans butonu
Image Map, Rollover İmage Kullanarak Bir Site Anasayfasındaki Menu Uygulama Örneği
ö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

Kaynak: ali iletir 12-BT
Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için burayı tıklayınız.

Dreamweaver Uygulamaları

Map Ve İç Pencere Açmak
Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o...
Map Özelliği
Map özelliği çağrı kasapoğlu
Image Map
Image map
Image Map Kullanarak Bir Site Anasayfasındaki Menu...
Image map kullanarak bir site anasayfasındaki menuyu gerçekleştirme
Rollover Image Kullanarak Site Menüsü Yapma
Rollover ımage kullanarak site menüsü yapma
Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çı...
Tek parça resim dosyasından ilgili resmi veya resimleri ekrana çıkartma
Dreamweaver ile Üyelik Sistemi - Şifre Hatırlatma ...
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inc...
Dreamweaver ile Üyelik Sistemi - Üye bilgileri gün...
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inc...
Dreamweaver ile Üyelik Sistemi - Üyelere Özel Sayf...
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inc...
Dreamweaver ile Üyelik Sistemi - Üye Girişi (Login...
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inc...
Dreamweaver ile Üyelik Sistemi - Üye Kaydı
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inc...
Veri giriş formu yapmak
Bu işlem için DW'da iki seçeneğimiz var; bunlardan ilki formlarımızı kendimiz tasarlayıp daha sonra...
Show-hide Elements
Show hide elements ile dreamweaver içerisinde kompleks uygulamalar yapmak oldukça kolay, şimdi bunu ...
Fotoğraf Albümü Oluşturalım
Dreamweaver içinde fotoğraflarımızı web sayfası şeklinde yayınlamaya yarar bir menü barındırır

    Ödev Gönder | İncelenmeyi Bekleyen Ödevler | Uygulama Resimleri | Uygulama Resmi Gönder | İnternet Üzerinden Sınav | Test Sorusu Gönder | Sınıf Karneleri | Anketler | Linkler
    www.dijitalders.com

    bilgidijitalders.com
    Bu sayfalar en iyi 1024 x 768 ekran çözünürlüğünde görüntülenir.
    Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir. Her hangi bir içeriğin lisanslı yahut şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
    Sayfada HATA! Olduğunu Düşünüyorsanız | Sık Kullanılanlara Ekle | www.dijitalders.com'u Ana Sayfam Yap | Web Tasarımcıya e-Posta
    Bu site 896,384 kişi tarafından ziyaret edilmiştir.