Diventare SEO       Test SEO        Diventare Webmaster      Forum per Webmaster         Guadagnare con un sito

Le mappe E-mail
Sabato 22 Agosto 2009 14:39

Le mappe in HTML sono un'ottima risorsa per i webmaster, anche se ultimamente stanno andando in disuso sostituite da applicazioni più complesse. Malgrado questo, le mappe sono una parte fondamentale dell'HTML che un webmaster non può non conoscere.

La mappe vengono implementate per poter associare ad una immagine link differenti. Esattamente, con le mappe possiamo prendere un'immagine qualsiasi e dividerla in zone corrispondenti a link differenti.

Le mappe in HTML vengono semplicemente implementate attraverso l'utilizzo del tag <map> e dell'attributo usemap all'interno di un classico tag img. Infine attraverso il tag <area> viene effettuata la vera suddivisione dell'immagine in area che possono essere

rettangolari, poligonali e circolari. Nel caso di poligoni e rettangoli si deve semplicemente specificare il valore dei vertici in pixel. Nel caso di aree circolari bisognerà invece specificare le coordinate del centro e il raggio.

Vediamo, per semplificare il discorso, un esempio di utilizzo delle mappe in HTML:

<html>

  <head>

  </head>

  <body>

   <map name=”prima_mappa”>

    <area shape=”rect” coords=”0,0,200,10” href=”http://www.diventarewebmaster.it”>

     <area shape=”rect” coords=”0,0,200,20” href=”http://www.diventarewebmaster.it/forum.html”>

    <area shape=”rect” coords=”0,0,200,60” href=”http://www.diventarewebmaster.it”>

   </map>

   <img src=”/immagini/prima_map” border=”2” usamap=”#prima_mappa”>

  </body>

</html>

Da notare con attenzione l'uso degli attributi shape, coords e l'attributo src nel tag img.

L'attributo shape sta ad indicare la figura geometrica utilizzata per realizzare la suddivisione delle aree. Queste figure geometriche sono:

  1. rect (rettangolo)
  2. poly (poligono)
  3. circle (cerchio)

L'attributo coords viene utilizzato per indicare le coordinate dell'area. Nel caso del rettangolo vengono forniti i valori del primo vertice in alto a sinistra e dell'ultimo vertice in basso a destra.

Nel caso dell'attributo src, il nome inserito per il file immagine della mappa non deve essere necessariamente uguale al nome dato alla mappa.

 

 

<< Pagina Precedente|Menù guida HTML|Pagina successiva >> 

 
Ultimo aggiornamento Lunedì 07 Settembre 2009 13:27
 

Diventare Webmaster Created by realizzazione siti Cagliari posizionamento a cura di SEO Cagliari