Konular

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
Yorumunuzu Ekleyin

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 bu formun hangi veritabanı tablosuna hangi bilgiyi gireceğini belirtmek. İkinci seçenek ise DW'ın içerisindeki bir sihirbaz aracı ile bu form yaratma işlemini de DW'ın üzerine yıkmak. Ben ilk yöntemi yani el ile kayıt girme formları nasıl yapılıyor onun üzerinde duracağım. Diğerinin bundan çok da bir farkı yok zaten. Evet başlıyoruz;

44,145 Okunma Henüz yorum yapılmamış 31/08/2007 03:20:54

Dreamweaver ile Üyelik Sistemi - Şifre Hatırlatma Sayfası

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Son olarak şifrelerini unutan üyelerimize nasıl bir hatırlatma mesajı yollatacağımızı inceleyeceğiz

38,114 Okunma Henüz yorum yapılmamış 31/08/2007 14:11:37

Dreamweaver ile Üyelik Sistemi - Üye Kaydı

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. İlk olarak üye kaydı sayfasını yaparak işe başlıyoruz

30,696 Okunma Henüz yorum yapılmamış 31/08/2007 13:48:25

Dreamweaver ile Üyelik Sistemi - Üyelere Özel Sayfa ve İfadeler

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Üyelere özel sayfaları veya sadece üyelerin görebileceği bir objeyi nasıl giriş yapmamış kullanıcılardan gizleyeceğimizi bu makalede inceleyeceğiz

29,629 Okunma 6 Yorum 31/08/2007 13:57:39

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

26,700 Okunma 1 Yorum 06/08/2007 14:33:13

Dreamweaver ile Üyelik Sistemi - Üye bilgileri güncelleme sayfası

Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz. Üyelerimizin üye olurken verdiği bazı bilgileri değiştirebileceği ve profillerini güncelleyebilecekleri sayfaları nasıl yapacağımızı bu makalede göreceğiz

23,244 Okunma 3 Yorum 31/08/2007 14:08:21

Map Özelliği

Map özelliği çağrı kasapoğlu

22,240 Okunma Henüz yorum yapılmamış 13/03/2008 14:20:52

Show-hide Elements

Show hide elements ile dreamweaver içerisinde kompleks uygulamalar yapmak oldukça kolay, şimdi bunu nasıl yapacağımızı göreceğiz;

19,674 Okunma 2 Yorum 07/08/2007 14:26:47

Hotspot Eklemek

17,780 Okunma Henüz yorum yapılmamış 27/07/2007 15:01:18

Map Ve İç Pencere Açmak

Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama. Daha büyük resim yeni web sayfası açılmadan gözükmektedir.

17,407 Okunma Henüz yorum yapılmamış 01/05/2008 09:59:41

Image Map

Image map

15,673 Okunma Henüz yorum yapılmamış 13/03/2008 14:20:41

Yükleniyor...