Come incorporare un Link alla pagina Web in una foto

September 18

Come incorporare un Link alla pagina Web in una foto


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

Istruzioni

1

Creare le coordinate per la mappa immagine da zero o utilizzare un generatore di immagine in linea a 4 Owens, Pangloss o Denis (Vedi risorse) per la loro generazione. Per creare le vostre proprie coordinate, andare al passaggio 5. Per utilizzare la mappa a Owens 4, immettere l'indirizzo completo del sito Web per l'immagine che si desidera eseguire il mapping e fare clic su "Carica immagine".

2

Fare clic su due aree dell'immagine per creare un rettangolo o un cerchio hot spot. Fare clic su almeno tre per creare un'area sensibile poligonale.

3

Elegir una forma de la zona activa de la "Zona de tipo". Selezionare "Link alla pagina" per il tipo di risposta.

4

Fare clic sul pulsante "Codici di 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 esso nella finestra di dialogo.

6

Scorrere fino al tag < BODY > della tua pagina. Posizionare il punto di inserimento dove si desidera che il collegamento di pagina Web incorporata per la tua foto andare.

7

Premere "Ctrl" e "V" per incollare il codice generato e andare al passaggio 11. Per aggiungere il codice da zero, inserire il seguente codice:

< img alt = "immagine descrizione" width = "500" height = "350" usemap = "#mymapname" / >

< id mappa = "NOMEMAPPING" >

< forma dell'area = "rect" coords = "0,0,0,0" alt = "immagine descrizione" href = "http://your-website-address.com/page1.html" / >

< forma dell'area = "cerchio" coords = "0, 0,0" alt = "immagine descrizione" href = "http://your-website-address.com/page2.html" / >

< forma dell'area = "poli" coords = "0,0,0,0,0" alt = "immagine descrizione" href = "http://your-website-address.com/page3.html" / >

< / mappa >

8

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

9

Vai alla seconda riga di codice e sostituire "NOMEMAPPING" 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 dell'area. Sostituire i numeri all'interno di "coords" con le coordinate per ciascuna area sensibile. Sostituire "http://your-website-address.com/pageX.html" con il link al sito per ogni spot. Sostituire "Descrizione immagine" con il punto caldo che stai descrivendo.

11

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


Articoli Correlati