webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> xhtml + html + css

Mapa odsyłaczy

autor: Jarosław Pieczonka, ostatnia modyfikacja: 2007-02-22

szukaj: mapowanie grafiki mapowanie grafiki mapa odsyłaczy mapa odsyłaczy

Mapowanie odsyłaczy jest swoistym tworzeniem odnośnika z wybranego obszaru grafiki. Niezwykle przydatna rzecz przy tworzeniu np. topu gdzie możemy zrobić odnośnik tylko z loga, bez cięcia grafiki.

Podobne efekty lecz bardziej rozbudowane możliwe są za pomocą technologi flash. My jednak skupmy się na standardowym HTML-u. Standardowe mapowanie wygląda następująco:

<img src="grafika.gif" usemap="#mapa" />

<map name="mapa">
<area shape="rect" coords="1, 1, 50, 50" href="gdziestam.html">
</map>

Słowem wyjaśnienia

usemap - jest to informacja dla przeglądarki o tym iż dana grafika jest mapowana, dodatkowo zawiera parametr niczym styl css, który informuje o kształcie i jego rozmiarach ale szczegółowo o tym za chwilę. W 'href' dajemy adres pliku, który będzie wywołany po kliknięciu na odnośnik.

shape - określa kształt mapy odnośnika. Parametry to:

coords - atrybut określa współrzędne aktywnego odnośnika.

<area shape="poly" coords="10, 21, 55, 25, 60, 29, 100, 200" href="gdziestam.html">

Dla efektu można dodać jeszcze atrybuty zdarzeń typu onclick, onmousedown itp.

Jarosław Pieczonka

Osoby czytające tę publikację przeglądały również:

Szukasz profesjonalnej firmy?
Projektowanie stron internetowych.
Odwiedź naszą stronę!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org