NAVIGACIJA
Osnovi programiranja - Jelena Grmuša 0 1 2 3 4 5 7 8 9 10 11 12 Uvod u Web i Internet tehnologije

Sekcija BODY- uključivanje hiperveza

  • Slika kao hiperveza

    Slika može biti veza ka nekom drugom odredištu.
    U HTML dokumentu uključivanje slike kao hiper veze ima oblik:

    <A HREF="URL odredista"> <IMG SRC="URL slike kao hiperveze" ...> </A>

    Ako slika predstavlja hipervezu, okvir oko slike će biti u bojama veze koje su postavljene kao vrednosti atributa LINK, ALINK, VLINK. Da bi se izbeglo postavljanje okvira oko slike koja je hiperveza, onda se ka vrednost atributa BORDER (atributa obeležja IMG) postavi vrednost 0.

    PRIMERI SLIKA KAO HIPERVEZA

    1. Primer slike kao hiper-veze je slika u vrhu moje polazne strane posvećene OP-u ,
      gde je animacija pisma veza sa programom pomoću kog se može formirati poruka upućena na jelenagr@matf.bg.ac.yu i poslati elektronskom poštom. 

      <A HREF="mailto:jelenagr@matf.bg.ac.yu">
      <IMG  alt="Komunikacija putem e-mail" src="ebox.gif" border=0 width="80"  height="72">
</A>

    2. Primer manje slike koja je veza ka većoj slici je na mojoj strani posvećenoj algoritmima gde su sve slike veze ka većim i preglednijim slikama. Oko slika koje su hiperveze su su ukinuti okviri. 

      <A href="prva.gif">    <--veza ka vecoj slici prva.gif-->
    
     <img src="prva.gif" alt="zdravo, svete" width=150 height =100" border="0"> 
    
</A>

     

  • Mapiranje slike na strani klijenta

    Jedna slika može biti podeljena na više područja, a svakom području može biti dodeljena adresa nekog odredišta. Efekat je da ako se na istoj slici "klikne" na različita područja, može se stići na različita odredišta.

    Tako slika postaje mapa preko koje se na strani klijenta (tj. u HTML dokumentu) definišu koordinate pojedinih područja. Koordinatni početak mape se nalazi u gornjem levom uglu slike, a koordinate predstavljaju udaljenost u pikselima u odnosu na koordinatni početak. ).

    Atribut USEMAP taga IMG ukazuje da se radi o mapiranju na strani klijenta, a vrednost koja se dodeljuje atributu USEMAP određuje koja će se mapa koristiti za mapiranje slike u formatu sličnom atributu HREF kod hipertekstualnih veza. Ako počinje sa #, podrazumeva se da se mapa nalazi u istom HTML dokumentu kao i tag IMG.

    Oblik upotrebe: <IMG SRC="URL slike" USEMAP="#ime mape">

    Na primer:
    <IMG SRC="slika.gif" USEMAP="#prvamapa">
    <IMG SRC="../slike/slika2.gif" USEMAP="mapa.html#mapa2">

    Mapa se opisuje pomoću taga <MAP>  . . . </MAP>
    Opis mape se može nalaziti u istom HTML dokumentu kao i tag umetanja slike uz koju se nalazi poziv za mapu, ali i u potpuno odvojenoj datoteci. (videti gornji primer). Bitno je da naziv mape (tj. vrednost atributa NAME) MORA odgovarati nazivu za upotrebu mape unutar taga IMG.

    Unutar elementa MAP, za opis svakog područja slike koristi se elemnt AREA (nema svoj zatavrajući komplement), čiji su atributi SHAPE, HREF i COORDS.

    OBLIK UPOTREBE: 

    <MAP NAME="ime_mape_iz_USEMAP"> 
     <AREA SHAPE="oblik podrucja 1" HREF="URL koji se poziva" COORDS="x1,y1,x2,y2,..."> 
     <AREA SHAPE="oblik podrucja 2" HREF="URL koji se poziva" COORDS="x1,y1,x2,y2,..."> 
     ..............................................................
         <AREA SHAPE="oblik podrucja 2"   NOHREF  COORDS="x1,y1,x2,y2,..."> 
</MAP>
      Atribut oblika područja slike (SHAPE) može imati vrednosti:
    1. RECT- pravougaono područje na slici (kao COORDS vrednosti se navode koordinate gornjeg levog i donjeg desnog ugla pravougaonika u pikselima)
    2. CIRCLE-kružnog područje na slici (kao COORDS vrednosti se navode kordinate centra i poluprečnik u pikselima)
    3. POLY za područje mnogougaonog oblika (kao COORDS vrednosti se koordinate temena poligonalne linije u pikselima- spisak koordinata koje se redom povezuju, a poslednji par koordinata se povezuje sa prvim). Koordinate zone se mogu odrediti pomocu nekog programa za obradu slike (npr. Paint).
    4. DEFAULT- podrazumevano područje koje nema koordinate i koristi se samo jednom na slici za područje koje obuhvata koordinate koje ne pripadaju nijednom od već definisanih područja
    Broj upotrebljenih AREA alemenata može biti proizvoljan, a ako se dva područja preklapaju, prednost se daje onom koje je prvo definisano.
    Atribut NOHREF ukazuje da izbor tog područja neće prouzrokovati neku akciju.
    Atribut HREF ima vrednost URL-a odredišta na koje će se stići izborom tog područja. Ako se koristi relativno adresiranje, ona je potrebno voditi računa da će se adresa odrediti na osnovu URL-a mape slike kao osnove, a ne HTML dokumenta iz kog je pozvana mapa.

    PRIMER MAPIRANE SLIKE

    PRIMER mapirane slike se nalazi na strani koja opisuje razvojni put jednog programa napisanog, na primer, na programskom jeziku C i prati se razvojni put od ideje za rešavanje formulisanog problema do dobijanje izvršive verzije koja će biti pokrenuta na računaru.

    Prethodni Nastavak
    e-mail: Jelena Grmuša


    Copyright © 2002, Jelena Grmusa
    Poslednja izmena: novembar 2005.