Mapa odsyłaczy jest coraz częściej stosowana. Spowodowane jest to możliwością zrobienia odnośnika na wykonanej grafice. Definiując współrzędne możemy stworzyć odsyłacz o dowolnym kształcie.
Daje to nam nieograniczone możliwości stosowania tego typu odsyłacza. Poniżej przedstawię kod i trzy rodzaje kształtów, jakie można uzyskać stosując mapę odsyłaczy:
<img src=”podajemy nazwe obrazka” usemap=”#nazwa_mapy”>
<map name=”nazwa_mapy”>
<area shape=”kształt” coords=”współrzędne” href=”adres strony”>
<⁄map>
Gdzie jako „nazwa_mapy” wpisujemy dowolną nazwę pamiętając, aby była ona taka sama w pierwszej lini kodu jak i w drugiej.
W miejscu „kształt” możemy wpisać jeden z trzech kształtów:
– „rect” oznacza prostokąt
– „circle” oznacza okrąg
– „poly” oznacza obszar nieregularny
Jako „współrzędne” wpisujemy:
w przypadku prostokąta „x1,y1,x2,y2„
x1 oznacza współrzędną poziomą lewego górnego rogu prostokąta
y1 oznacza współrzędną pionową lewego górnego rogu prostokąta
x2 oznacza współrzędną poziomą prawego dolnego rogu prostokąta
y2 oznacza współrzędną pionową prawego dolnego rogu prostokąta
w przypadku okręgu „x,y,r„
x,y oznaczają współrzędne środka okręgu
r oznacza długość promienia
w przypadku obszaru nieregularnego „x1,y1,x2,y2,x3,y3,…„
współrzędne podajemy tak samo jak przy prostokącie (minimum trzy)
Natomiast jako „adres strony” wpisujemy stronę, do której nastąpi przełączenie.
Przykład mapy odsyłaczy:
Dla lepszego zobrazowania przedstawię kod powyższej mapy:
| <img src=”mapa.jpg” width=”340″ height=”113″ usemap=”#mapa” border=”0″> <map name=”mapa”> <area shape=”rect” coords=”15,15,95,95″ href=”strona1.html”> <area shape=”poly” coords=”135,10,135,95,222,95″ href=”strona2.html”> <area shape=”circle” coords=”282,57,42,” href=”strona3.html”> </map> |
Stosując mapę odsyłaczy powinniśmy pamiętać także o osobach, które wyłączają wyświetlanie grafiki w swoich przeglądarkach. Wówczas nie będą mogli oni odwiedzić stron, do których znajdują się odnośniki na mapie odsyłaczy. Mało, kto tak robi, ale dobrym zwyczajem byłoby umieścić także odsyłacze tekstowe. Nie powinniśmy także zapominać o wstawieniu w znaczniku area atrybutu alt=”z opisem strony”.
