Erenet.NET içerik; animasyon, oyun, telefon şakaları, çizgi film, komik yazılar
Erenet Erenet Erenet
Erenet 3 Boyutlu Oyunlar Erenet
Erenet Erenet Erenet
Erenet Erenet Erenet Erenet
Erenet Ana Sayfa Erenet Flash Animasyonlar Erenet Flash Oyunlar Erenet Çizgi Filmler Erenet Fıkralar Erenet Komik Resimler Erenet Komik Filmler
Erenetoyun
Erenet.NET - Flash animasyonlar, telefon şakaları, çizgi film ve flash oyunlar ile hizmet veriyor.
29 Mart 2024, Cuma 11:32:19
  Giriş Yap veya Üye Ol (Ücretsiz)
Ana Menü
Ana Sayfa Ana Sayfa
Animasyon Animasyon
Oyunlar Oyunlar
Komik Video Komik Film
Komik Sesler Komik Sesler
Çizgi Film Çizgi Film
Telefon Şakaları Telefon Şakaları
Komik Yazılar Komik Yazılar
Resimler Resimler
Fıkralar Fıkralar
Bilmeceler Bilmeceler
Duvar Yazıları Duvar Yazıları
İlginç Bilgiler İlginç Bilgiler
Koca Kafalar Koca Kafalar
Komik 100 Komik 100
Facebook Facebook Sayfası
Firefox Firefox Yükle
Gerekli ve Gereksiz Sözler Sözler
 Erenet Genel İçerik
3d oyunlar 3d oyunlar
Canlı Tv Canlı TV
MSN Messenger MSN Messenger
Gazeteler Gazeteler
Logo Melodi Logo Melodi
Site Rehberi Site Rehberi
Güvercinler Güvercinler
Burçlar Burçlar
Haberler Haberler
Arama Sitede Ara
Hazır SMS Sözleri Hazır SMS Sözleri
Forum Forum
Dosyalar Dosyalar
Bilgisayar Dersleri Bilgisayar Dersleri
Oyun Hileleri Oyun Hileleri
Wallpaper Wallpaper
İlizyonlar İlizyonlar
Üye Listesi Üye Listesi
Özel Mesajlar Özel Mesajlar
Reklam Reklam
İletişim İletişim
Erenet Tavsiye Tavsiye
 Erenet Webmaster
Bizi Destekleyin Destekleyin
Webmaster Hizmetleri Webmaster Araçları
PHP Kodları PHP Kodları
Sitene İçerik Ekle Sitene İçerik Ekle
Bilgisayar Dersleri

Ana Sayfa - Yeni ve Popüler - Kategoriler - Öneride Bulun - Arama

» Resimlerinizin Haritasını Çıkartın



IMAGE map'ler kullanıcının belirli bir resmin değişik alanlarına tıkladığında farklı adreslere gidebilmesine olanak tanır. İki şekilde hazırlanabilecek Image Map'ler isteğe göre HTML sayfasına veya sunucu üzerindeki başka bir dosyaya yerleştirilebilir. Biz bu konumuzda HTML sayfalarına yerleştirilen Image Map'leri inceleyecek Paint Shop Pro yardımıyla bir resmin haritasının nasıl çıkarılacağını göstereceğiz.

<MAP NAME="map1"><!-- Örnek resmin HTML kodları -->
<AREA SHAPE="RECT"  COORDS= 7, 7, 119, 74  HREF="http://www..com.tr">
<AREA SHAPE="CIRCLE"  COORDS=178, 41, 35  href="http://www.erenet.net">
</MAP>

Öncelikle HTML sayfasında yukarıdaki gibi kodlar kullanır ve istediğimiz resimde hangi noktalara tıklandığında hangi adreslere bağlanılacağını belirtiriz. Daha sonra <IMG SRC=map1.gif'  USEMAP=#map1 > gibi bir ifade kullanılarak haritasının çıkarılmasını istediğimiz resmi sayfaya yerleştirir ve bu resim için map1'  isimli haritanın kullanılacağını belirtiriz.

MAP TAG'I <MAP NAME=deneme > AREA takılarıyla tanımlanan haritaya başlangıç yapar ve bir isim verir.

AREA TAG'I
<AREA COORDS=koordinatlar SHAPE=tip HREF=url TARGET=pencere>

COORDS
Tanımlanan şekle göre değişik koordinatlar girebilmenizi sağlar

SHAPE=tip
Tip RECTANGLE, CIRCLE, POLYGON seçeneklerinden biri olabilir. RECTANGLE Bir kare tanımlar ve x1, y1, x2, y2'  değerleri kullanılır. CIRCLE Bir çember tanımlar ve OrtaX, OrtaY, Yarıçap'  değerleri kullanılır. POLYGON Bir poligon tanımlar. Birçok noktadan oluşabilir.

HREF
Şekle tıklandığında hangi adrese gidileceğini belirler.

TARGET
Gidilecek adresin hangi pencerede açılacağını belirler

Peki tanımladığımız şekillerin koordinatlarını nasıl bulacağız? Bu da çok basit, en büyük yardımcımız olan Paint Shop Pro'yu kullanarak istediğimiz bir noktadaki koordinatları bulabiliriz. Örneğin bir karenin sınırlarını öğrenmek istiyorsunuz, hemen resmi açın ve tanımlamak istediğiniz karenin üst sol noktasına gidin. X1 ve Y1 noktalarını durum çubuğundan öğrenip bir kenara not ettikten sonra sol alt sınıra gidin ve X2, Y2 noktalarını öğrenin. İşte bu kadar basit.




Bu makale HTML Öğreniyorum kategorisinde kayıtlıdır.

Etiketler: Resimlerinizin Haritasını Çıkartın

Copyright © Erenet.NET Tüm hakları saklıdır.

Yayınlanma 2006-11-18 (2251 okunma)

Geri Dön    Tavsiye Edin    Yazdır

Bilgi Dağarcığı: Salyangozların 25 bine yakın dişi vardır.

Günlük BurçlarGünün SözüOyun HileleriPosta KodlarıReklamİletişimKullanım Koşullarıİstatistik

Erenet.NET'in içerik kod yazılımının bir kısmı PHP sitesine aittir. Design: Erenet.info
(IP) Copyright © 2005 by Erenet.NET

Sitemiz en iyi Firefox tarayıcı ile 1024x768 çözünürlükte görüntülenir

Animasyon filmlerimizi beğendiyseniz çizgi film izle sitemizden birbirinden eğlenceli çizgi filmleri seyredebilirsiniz.
3 boyutlu oyunlar yayınlayan unity 3d oyunlar sitesi ile 3 boyutlu oyun oynayabilirsiniz.
Bilgisayar oyunları için oyun hileleri arıyorsanız gamend.net'i ziyaret ediniz.

Bu sayfanın uygunsuz olduğunu düşünüyorsanız lütfen bize bildirin.
E-Posta

Tanıtımı Kapat X

Reklamı Göster