Una mappa immagine è un'immagine con gli URL "mappati" su di essa. Puoi vestire il tuo sito web o la tua pagina iniziale personale con una mappa immagine con i tuoi siti preferiti che ti piace visitare. C'è un sacco di software che puoi farlo, ma questo articolo utilizzerà Gimp.
Passi
Passaggio 1. Metti insieme un grafico iniziale che verrà mappato
Puoi usare immagini, immagini, qualunque cosa funzioni per te. Qui useremo wikiHow, forum wikiHow e iGoogle.
Passaggio 2. Dopo aver creato l'immagine (o averla aperta), vai su Filtri >> Web >> ImageMap
La finestra di dialogo di Gimp ImageMap
Passaggio 3. Fare clic sul rettangolo a destra dello schermo, quindi selezionare una delle immagini che si desidera utilizzare
In questa schermata è selezionato wikiHow. Inserisci le informazioni necessarie nella schermata di dialogo che appare.
Clicca sul rettangolo e puoi vedere la posizione esatta del grafico
Passaggio 4. Continua questo processo per il resto della mappa
Passaggio 5. Dopo aver definito tutte le aree di collegamento, salvare la mappa immagine
GIMP offrirà automaticamente di salvarlo come file con estensione.map. Se lo desideri, puoi salvarlo come tale. Ma questo file contiene il codice HTML (nessuna immagine) che dobbiamo modificare e copiare nella nostra pagina web, quindi si consiglia di salvarlo come [nome file].html e passare direttamente al passaggio 7.
Passaggio 6. SE non l'hai salvato come file HTML, trova il file salvato e rinomina l'estensione in.html
Potresti ricevere un avviso sulla modifica delle estensioni dei file. Fare clic su Sì per continuare.
Passaggio 7. Utilizzare un editor di testo per aprire questo file HTML
Noterai che questo file contiene semplicemente un elenco di coordinate e URL. Questo è il codice che dice a un browser quali URL assegnare a quale parte della tua immagine.
Passaggio 8. Assicurarsi che il percorso del file definito in
collegamenti all'immagine su cui si desidera mappare gli URL.
Se non viene puntato correttamente verso l'immagine, potrebbe non essere visualizzata alcuna immagine.
Passaggio 9. FACOLTATIVO:
Usa un browser per aprire il tuo file HTML; se tutto funziona, dovresti vedere l'immagine con tutti gli URL mappati su di essa in base alle aree che hai definito.
Passaggio 10. Aggiungi la tua mappa immagine all'HTML della tua pagina web
Dovrai copiare TUTTE le righe di codice che vedi, incluse le
tag (che definisce il percorso dell'immagine sorgente) e tutto ciò che si trova tra i tag. Questo è tutto! Hai finito.