Come incorporare una pagina un link in una foto

June 9

Come incorporare una pagina un link in una foto


È possibile utilizzare una mappa immagine per incorporare link all'interno di una foto. Le mappe immagine consentono di specificare i punti caldi o aree cliccabili su un'immagine. Così, diverse aree della tua foto possono puntare a una pagina Web diversa. Il tag MAP è usato per le mappe immagine. Ha un ID (nome), la forma e le coordinate. La forma può essere un rettangolo, un cerchio, un poligono o di default. di una mappa immagine coordinate specificano dove le aree cliccabili vanno in una foto.

istruzione

1 Creare le coordinate per la mappa immagine da zero o utilizzare un generatore di immagini on-line su Owens 4, Pangloss o Draac (vedi Risorse) per generarli. Per creare le proprie coordinate, passare al punto 5. Per utilizzare la mappa a Owens 4, inserire l'indirizzo completo sito web per l'immagine che si desidera mappare e fare clic su "Load Image".

2 Clicca due aree dell'immagine per creare un rettangolo o un hot spot cerchio. Fai clic su almeno tre di creare un hot spot poligono.

3 Scegliere una forma per la hot spot da "Area Type". Selezionare "Link alla pagina" per il tipo di risposta.

4 Fare clic sul pulsante "Codici Copia" per copiare il codice e le coordinate e ridurre al minimo il browser Web.

5 Aprire il file HTML che si desidera modificare in un editor di testo, come Blocco note, TextPad o EditPad. Per aprire il file, selezionare "File" e "Apri" dal menu e fare doppio clic su di esso nella finestra di dialogo.

6 Scorrere fino al tag <body> della tua pagina. Posizionare il punto di inserimento in cui si desidera il collegamento alla pagina Web incorporata per la tua foto per andare.

7 Premere il tasto "Ctrl" e "V" per incollare il codice generato e passare al punto 11. Per aggiungere il codice da zero, inserire il seguente:

<Img alt = "image description" width = "500" height = "350" usemap = "# mymapname" />

<Map id = "mymapname">

<Area shape = coordinate "rect" = "0,0,0,0" alt = "image description" href = "http://your-website-address.com/page1.html" />

<Area shape = "cerchio" coords = "0,0,0" alt = "image description" href = "http://your-website-address.com/page2.html" />

<Area shape = "Poly" coords = "0,0,0,0,0" alt = "image description" href = "http://your-website-address.com/page3.html" />

</ Map>

8 Vai alla prima riga di codice, che contiene le informazioni sulla tua foto. Sostituire "myimage.gif" con il nome della vostra immagine. Sostituire "image description" con una riga di testo che descrive la foto. Sostituire la larghezza e l'altezza con dimensioni dell'immagine. Sostituire "#mymapname" con il nome della mappa immagine, ma mantenere il simbolo cancelletto (#).

9 Vai alla seconda riga di codice e sostituire "mymapname" con il nome della mappa immagine che si desidera utilizzare. Il nome deve corrispondere il nome della mappa nell'immagine, ma non il simbolo di cancelletto.

10 Sostituire "rect", "cerchio" o "poligono" con la forma della zona. Sostituire i numeri all'interno di "coordinate" con le coordinate per ogni hot spot. Sostituire "http://your-website-address.com/pageX.html" con il link al sito per ogni spot. Sostituire "image description" con il punto caldo si sta descrivendo.

11 Selezionare "File" e "Salva" per salvare il file HTML.