Mappatura di una immagine Con HTML. Introduzione Tramite HTML si possono creare zone di immagini cliccabili che poi linkano altri file Si può anche creare.

Presentazione sul tema: "Mappatura di una immagine Con HTML. Introduzione Tramite HTML si possono creare zone di immagini cliccabili che poi linkano altri file Si può anche creare."— Transcript della presentazione:

1 Mappatura di una immagine Con HTML

2 Introduzione Tramite HTML si possono creare zone di immagini cliccabili che poi linkano altri file Si può anche creare un link dove la hot word non è una parola ma una immagine come il seguente esempio La mappatura dell’immagine è ben diversa

3 Mappatura La difficoltà della mappatura di una immagine è individuare i pixel e quindi, le coordinate Per mappare una immagine es, java.png, occorre inserire il seguente codice: Nell’immagine sono state individuate 3 aree, due di forma rettangolare, e una circolare. La mappatura però può essere fatta tramite file particolari, oppure tramite siti online come gli esempi successivi

4 Mappatura online

5 Caricare l’immagine

6 Mappatura online Scegliere le aree e la forma e il noe del file da linkare o percorso

7 Mappatura online Per aggiunge o togliere aree

8

9

10 Codice

11 codice ciao <map id="java" name="java"><area shape="rect" alt="" title="" coords="149,85,239,149" href="java.ppsx" target="" /> <area shape="circle" alt="" title="" coords="140,285,22" href="index.html" target="" /><area shape="poly" alt="" title="" coords="329,272,409,260,403,191,465,184,388,113,388,113,388,113,388,113,337,88,336,88,336,88,33 4,97, 334,97,348,122,366,122,366,122" href="" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --> Codice da inserire