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.pcmagazine.com.tr">
<AREA SHAPE="CIRCLE"  COORDS=' 178, 41, 35'  href="http://www.idg.com.tr">
</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.