Per creare una mappatura di un’immagine  in modo semplice e veloce si può utilizzare DREAMWEVER.

 

Per creare in dreamweaver una mappatura bisogna:

Steps to creating an image map in Dreamweaver

  1. Select the image on which you would like to make multiple links. Click on the rectangular hotspot tool found in the Properties Inspector. Select the rectangle tool and drag the pointer over the image to create a rectangular hotspot. You can also choose the oval or polygon hotspot tool to make an oval or polygon selection.

  2. In the hotspot Property inspector’s Link field, click the folder icon to browse to the file you want opened when the hotspot is clicked. Alternatively, type the file name.

  3. Repeat the above steps to define additional hotspots in the image map.
  4. That’s it! You have now successfully created an image map.

 

Tutto questo a livello di codice apparirà come

<body>

<img src=”firma_blog_email_v3visit.jpg”  alt=””  width=”370″ height=”201″ border=”0″ usemap=”#MappaturaIMG”  <–Nome Mappatura–>   />

<map name=”MappaturaIMG”  <–Nome Mappatura–>     id=”MappaturaIMG”    <–Nome Mappatura–>    >

  <area shape=”poly”  <–tipo di forma(poligono  disegnato a mano) –>     coords=”8,103,275,102,275,65,359,66,360,151,7,152″ href=”http://travelemiliaromagna.it/” target=”_blank” alt=”travelemiliaromagna” />

  <area shape=”rect” <–tipo di forma(rettangolo) –>   coords=”7,1,192,100″ <–coordinate forma–> href=”http://www.apt.emilia-romagna.it/” <– link–>  target=”_blank”<–nome inutile–>  alt=”Aptservizi”<–Testo alternativo(non obbligatorio)–> />

  <area shape=”rect” coords=”7,156,360,202″ href=”http://www.visitemiliaromagna.com/” target=”_blank” alt=”Visit” />

</map>

</body>

Nel caso la forma della mappa sia un cerchio il suo corrispondente nella classe area shape  sarà “circle”

About The Author

Lascia un commento o richiedi supporto con il pulsante "Aiuto"

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.