Come inserire collegamenti multipli in un'immagine in Dreamweaver

February 5

Dreamweaver è diventato il programma standard del settore per gli sviluppatori Web creazione di pagine HTML. La ragione di Dreamweaver è così popolare è perché una persona non necessariamente bisogno di avere un background in html per capire come creare pagine Web. Una delle caratteristiche interessanti di Dreamweaver è che semplifica la creazione di collegamenti multipli in un'immagine.

istruzione

1 Aprire un documento in Dreamweaver o sta per "File" e "Nuovo" oppure aprendo un file esistente che avete lavorato su. Per aprire un file esistente, visitare "File" e "Apri", quindi selezionare il file che si desidera aprire.

2 Fare clic sulla pagina in cui l'immagine deve essere posizionato. Se un'immagine sarà posto all'interno di una tabella, utilizzare lo strumento freccia per selezionare l'area della casella di testo dove verrà posizionato l'immagine. Posizionare l'immagine selezionando "Insert" e "immagine" dalla barra degli strumenti nella parte superiore della pagina. Se l'immagine è già sulla pagina, è sufficiente fare clic sull'immagine.

3 Si noti la barra degli strumenti che viene visualizzata quando si seleziona l'immagine. All'interno di questa barra degli strumenti ci sono tre strumenti di struttura che permettono di disegnare uno schema per un collegamento intorno ad una certa zona in una pagina. Se l'area che sarà trasformato in un link è un quadrato o un rettangolo, scegliere lo strumento quadrato. Se l'area che avrà un collegamento posto è rotonda, scegliere il cerchio. Se l'area sta per essere la sagoma di una persona o di un prodotto, scegliere lo strumento poligono hotspot.

4 Se si è scelto lo strumento quadrato o un cerchio, andare alla prima area dell'immagine in cui si desidera un collegamento da attivare e fare clic e trascinare su questa area per creare un contorno dell'area da collegare. Se l'area da collegare una descrizione di una persona o di un oggetto, utilizzare lo strumento poligonale per tracciare intorno alla parte dell'immagine che diventerà il primo link sulla pagina. Fai clic su ogni pochi pollici o giù di lì, come si traccia intorno all'immagine. La traccia deve essere chiusa nel punto in cui è stato avviato.

5 Vai alla casella "Link" sulla barra degli strumenti. È alla destra degli strumenti hotspot che sono stati appena utilizzati. Eliminare il simbolo # nella casella e digitare l'indirizzo URL del primo collegamento che si desidera creare. Nella casella di seguito, digitare un paio di parole che descrivono il link.

6 Testare il link andando alla barra degli strumenti sulla parte superiore della pagina e cliccando sulla piccola icona che assomiglia a un globo. Questo apre la pagina in un browser Web e consente di vedere se il link è funzionante. Per verificare il collegamento, è sufficiente fare clic sull'area dell'immagine in cui è stato creato il collegamento. Se si invia l'indirizzo URL appena digitato, è stato creato con successo un collegamento.

7 Ripetere le fasi da 3 a 6 come numero di volte necessario per creare tutti i collegamenti che devono essere creati all'interno di una singola immagine. Ricordarsi di verificare la pagina dopo aver creato ogni collegamento.

8 Fare clic sul riquadro "Codice" sulla finestra e si vedrà il codice html della pagina ha creato. Selezionare e copiare tutto il codice dall'apertura "<img src" tag fino a quando la carta tag di chiusura </>. Incolla questo codice nella tua pagina web per completare il processo di mettere più collegamenti in un'immagine.

Consigli e avvertenze

  • Questa funzione è particolarmente utile per una pagina Web di famiglia. Ogni membro della famiglia in una foto di famiglia può essere delineato e collegato. Quando il link viene cliccato, può inviare all'utente di sezione che membro della famiglia della pagina Web.
  • Assicurarsi di digitare il testo alternativo. Questo ti permette di dire più facilmente quale collegamento è che se si guarda il codice html della pagina.