Un file di mappa è utilizzato per impostare diverse coordinate e link attivi su una pagina web. Per i siti web con immagini di grandi dimensioni, la creazione di un file di mappa consente agli utenti di cliccare diverse parti di un'immagine e selezionare pagine diverse. Un file di mappa è in formato testo, e ogni riga imposta un collegamento su un'immagine. La creazione di un file di mappa può essere effettuata manualmente, o ci sono diverse applicazioni disponibili per automatizzare il compito.

istruzione

1 Creare il tag mappa. Una mappa immagine è incapsulato con il tag mappa. Quanto segue è un esempio di un tag mappa.
<Map name = "myMap"> </ map>

2 Determinare il tipo di forma per la vostra immagine. Ci sono tre forme di sostegno per le mappe immagine: rettangoli, cerchi e poligoni. Questi sono abbreviati nel file mappa come rect, cerchio e poli.

3 Creare un tag un'area all'interno del codice del programma. Il seguente inizia la creazione della mappa immagine. In questo esempio, la mappa immagine è un rettangolo.
<Nome della mappa = "myMap">
<Area shape = "rect"> </ zona>
</ Map>

4 Recuperare le coordinate all'interno dell'immagine che si desidera impostare come collegamento ipertestuale. Queste coordinate sono trovati con un programma di grafica come Photoshop o Paint Shop Pro. coordinate immagine hanno due parti: X e Y pixel coordinate dall'angolo in alto a sinistra e le coordinate x e y dall'angolo in basso a destra. Il browser si connette questi luoghi, creando uno spazio in un'immagine che è cliccabile.

5 Aggiungere le coordinate al tag zona. Il codice seguente aggiunge rettangolo click coordina sull'immagine.
<Nome della mappa = "myMap">
<Area shape = coordinate "rect" = "2,5,9,20"> </ zona>
</ Map>

6 Aggiungere la mappa all'immagine. La proprietà usemap viene utilizzato all'interno del tag immagine per indicare l'uso di un file di mappa.
<IMG SRC = "myNewClickableImage.jpg" USEMAP = "# myMap">