Come creare hotspot immagine Web

October 21

Come creare hotspot immagine Web


Una delle funzioni di base necessarie su un sito web è la possibilità di navigare da una pagina all'altra. Questo è spesso realizzato con hyperlink assegnato ad una sezione di testo. Cliccando sulla sezione di testo attiva il collegamento e il browser dell'utente è diretto alla pagina associata. L'associazione di un'immagine o di una sezione di un'immagine con un collegamento ipertestuale a una nuova pagina o un pezzo di contenuto richiede un paio di righe di codice.

istruzione

1 Selezionare un file grafico Web-ready.

2 Creare una mappa immagine utilizzando il codice HTML <map> tag. Per esempio: <map id = "ThisPicture" name = "ThisPicture"> </ map>. Ciò è necessario per definire una zona in cui il collegamento ipertestuale sarà attiva.

3 Definire le dimensioni e la forma del hotspot e il link. Per un punto attivo rettangolare: <zona href = "LinkedPage.htm" shape = "rect" coords = "5,5,25,50" alt = "rettangolare hotspot" />. Questo definisce l'area 20 pixel di larghezza a partire 5 pixel dal lato sinistro dell'immagine e 45 pixel di altezza di partenza 5 pixel dalla parte superiore dell'immagine. Questa area offre un collegamento attivo a una pagina denominata LinkedPage.htm.

4 Collegare le due sezioni di codice insieme a "usemap" seguendo questo esempio: <img usemap = "# ThisPicture" alt = "rettangolare Hotspot" />. Questo pezzo di codice identifica l'immagine e lo collega alla mappa e le coordinate che dovrebbe essere utilizzato come hotspot. L ' "alt" tag visualizza il testo che verrà visualizzato se il browser non è in grado di visualizzare immagini grafiche.

Consigli e avvertenze

  • È anche possibile creare hotspot poligonali e circolari così come rettangoli. Diversi punti caldi possono essere definiti anche per una singola immagine. coordinate immagine sono misura su un x, asse y con x come misura orizzontale cominciando a zero sul lato sinistro dell'immagine e l'inizio di misurazione verticale y a zero nella parte superiore dell'immagine.