HTML Resim Haritası Nasıl Oluşturulur?
Köprü Metni İşaretleme Dili ( HTML ) içindeki bir görüntüye
bir bağlantı eklendiğinde , bu bağlantı resmin tamamına eklenir. Eğer programcı
birkaç alan veya buton ile tek bir görüntü yapmak istiyorsa ve her alan farklı
bir bağlantı için kullanılıyorsa bu bir işkur doğum parasısorun olabilir . Bir HTML görüntü haritası ,
programcının, bağlantının gideceği belirli alanları belirtmesine izin vererek,
bir görüntüye birkaç bağlantı eklemesine izin verir. Bu, bağlantı için bir
şekil belirtilerek ve HTML'ye, bağlantı için hangi koordinatların kullanılacağını
bildirerek yapılır.
İnternet için kullanılan görüntüler piksel cinsinden ölçülür
. Resimde kaç piksel bulunduğunu bilmek, bir görüntü haritası oluşturmanın ilk
önemli adımıdır. Örneğin, 400 piksel yüksekliğe ve 250 piksel genişliğe sahip
dikdörtgen bir görüntü kullanılıyor. Ardından, programcı HTML görüntü
haritasının düzgün çalışması için koordinatlardaki şeklin nasıl doğru bir
şekilde ölçüleceğini bilmelidir.
Bir HTML görüntü haritası kullanıldığında sol üst köşeye 0,0
denir. Bu durumda sağ alt köşesi 250.400 olacaktır. Ölçümler önce genişlik ve
sonra yükseklik ile yapılır. Bunu düşünmenin kolay bir yolu, ilk ölçümün
HTML'ye sol kenardan ne kadar ileri gitme hakkı verdiğini ve ikincisinin kaç
pikselin aşağı doğru hareket ettiğini anlatmasıdır. Eğer programcı harita
üzerinde bir noktanın sol kenardan 10 piksel ve 50 piksel aşağı olmasını
isterse, koordinatlar 10,50 olur.
Programlayıcının bir HTML görüntü haritası için ç farklı
şekli vardır: doğrultma, daire ve çokgen. "Rect" dikdörtgenin kısaltmasıdır
ve programcının ilk önce sol üst köşedeki koordinatları ve ardından sağ alt
köşeyi yazması gerekir. Çemberin başladığı koordinatları ve dairenin yarıçapını
yazarak bir daire belirtilir. Beş koordinatın hepsinden başlayarak sağdan
başlayarak bir çokgen oluşturulur.
HTML resim haritası kodlaması şöyle: <map name =
"test">
<alan href = " url .html" shape = rectcoords =
"10,50,20,60">
<alan href = "url.html" şekli = daire coords =
"10,50,4">
<alan href = "url.html" şekil = çokgen coords =
"10,50,12,55,15,60,13,65,8,55">
Her bir HTML resim haritasının bir işkur kredi başvurusuadı olmalı ve
"url.html" bölümü, görüntü haritasının o bölümünün tıklandığında
kullanıcıyı yönlendireceği bağlantıdır. Resim, HTML ile web sitesine
yerleştirildiğinde, programcı şunları yazmalıdır: usemap = "test".
Bu, görüntüyü HTML görüntü haritasının kullanacağını söyleyecektir.
Yorumlar
Yorum Gönder