Strona startowa | WstΩp | Photoshop | HTML | Links

Mapa odno╢nik≤w
Co to jest mapa odno╢nik≤w? Sp≤jrzcie na rysunek poni┐ej. Jest to pojedynczy element graficzny ale kiedy przejedziecie kursorem po jego powierzchni, zauwa┐ycie ┐e jego poszczeg≤lne obszary (oznaczaj▒ce tytu│y prasowe) funkcjonuj▒ jako odno╢niki do r≤┐nych miejsc (widaµ to na pasku statusu przegl▒darki). To jest w│a╢nie mapa odno╢nik≤w!
»eby powsta│a mapa odno╢nik≤w trzeba:
  • utworzyµ rysunek na kt≤rym bΩd▒ umieszczone odno╢niki,
  • zdefiniowaµ mapΩ (<MAP NAME="nazwa">),
  • wyznaczyµ obszary odpowiadaj▒ce odno╢nikom (<AREA>),
  • osadziµ na stronie obrazek poleceniem:
    <A><IMG SRC="obrazek.jpg" USEMAP="#nazwa"></A>

    Poni┐ej widzicie ╝r≤d│o pozwalaj▒ce zrealizowaµ widoczn▒
    na stronie mapΩ odno╢nik≤w.




    • <BODY>

    <MAP NAME="dzienniki">
    <AREA SHAPE=RECT COORDS="2,2,118,130" HREF="http://www.rzeczpospolita.com.pl">
    <AREA SHAPE=RECT COORDS="122,3,235,108" HREF="http://www.sp.com.pl">
    <AREA SHAPE=RECT COORDS="3,133,117,259" HREF="http://www.rzeczpospolita.com.pl">
    </MAP>

    <A><IMG SRC="mapa.jpg" USEMAP="#dzienniki"></A>

    </BODY>



    Polecenie <AREA>, kt≤re definiuje obszary odno╢nik≤w i odpowiadaj▒ce im adresy URL, ma nastΩpuj▒ce parametry:

    SHAPE=kszta│t_obszaru
    Obszar mo┐e mieµ kszta│t prostok▒ta (RECT), wieloboku (POLY) albo ko│a (CIRCLE).

    COORDS="x1,y1,..."
    Wsp≤│rzΩdne obszaru wzglΩdem lewego, g≤rnego rogu obrazka:
    dla prostok▒ta COORDS="x1,y1,x2,y2" - lewy g≤rny r≤g (x1,y1) i prawy dolny r≤g (x2,y2) obszaru,
    dla ko│a COORDS="x1,y1,r" - ╢rodek ko│a (x1,y1) i promie± (r),
    dla wieloboku okre╢lamy ka┐dy wierzcho│ek COORDS=(x1,y1,x2,y2,...,xN,yN).
    Wielobok musi mieµ co najmniej trzy wierzcho│ki, czyli musimy podaµ co najmnie trzy pary wsp≤│rzΩdnych.

    HREF="http://www.nazwa.com"
    Adres odno╢nika albo kotwicy.