Come fare una mappa cliccabile

August 26

Come fare una mappa cliccabile


Creazione di un layout web interattivo comporta l'uso di un sacco di immagini. Quando illustrando una posizione su una mappa, per esempio, è meglio consentire agli utenti di esplorare con sezioni cliccabili che contengono ulteriori informazioni. testi di collegamenti ipertestuali è un processo molto semplice, quando lo sviluppo di siti - tutto quello che dovete fare è evidenziare il testo e utilizzare la funzione di collegamento nel vostro editor HTML per renderlo cliccabile. Lavorare con le immagini, d'altra parte, è un po 'diverso, soprattutto quando si collegano solo determinate aree all'interno delle immagini.

istruzione

Creazione di una mappa cliccabile su Dreamweaver

1 Aprire una nuova pagina.

2 Fare clic sull'icona "Immagine" nella scheda "Inserisci" e selezionare l'immagine che si desidera utilizzare per la mappa.

3 Selezionare l'immagine. Nella "ispezione Proprietà", scegliere la forma dello strumento hotspot facendo clic su di esso.

4 Spostare lo strumento Punto attivo verso la zona della mappa che si desidera cliccabile.

5 Digitare il link dove si desidera che gli utenti di andare in campo link del "finestra di ispezione Proprietà."

6 Ripetere i passaggi 3 a 5 per creare aree cliccabili supplementari.

Creazione di una mappa cliccabile su Microsoft FrontPage

7 Aprire un nuovo file.

8 Clicca su "Inserisci", quindi "Immagine", e selezionare "On File". Selezionare l'immagine della mappa dal computer.

9 Rendere la barra degli strumenti Immagine appaiono cliccando su "Visualizza", quindi "Barre degli strumenti" e selezionare "Immagine".

10 Selezionare l'immagine. Scegliere la forma hotspot che si desidera utilizzare sulla barra Immagine facendo clic sull'icona.

11 Crea il tuo hotspot spostando lo strumento Punto attivo verso l'area dell'immagine che si desidera cliccabile. Nella finestra pop-up che appare, digitare il link dove si desidera che i visitatori di andare quando l'area viene cliccato. Fare clic su "OK".

Creazione di una mappa cliccabile da HTML

12 Aprire il Blocco note.

13 Digitare il codice HTML per visualizzare l'immagine. Ad esempio, per visualizzare map.jpg in una pagina, digitare il seguente codice:

<Img = forma coordinate "rect" = "261, 180, 300, 217">

</ Map>

<Img border = "0" usemap = "map1">

Impostare il bordo dell'immagine a zero e sostituire "moreinfo.htm" alla pagina che il visitatore sarà diretto a dopo aver cliccato sul link. L'attributo figura sarà la forma dell'area, e coordinate saranno le coordinate della zona cliccabile.

Consigli e avvertenze

  • È possibile utilizzare Paint o qualsiasi modifica delle immagini strumento per determinare le coordinate. Si può solo mouse sopra gli angoli della zona cliccabile. La coordinata viene solitamente visualizzato nella parte inferiore della richiesta di modifica delle immagini.