Una barra di navigazione è un menu che di solito si estende su parte superiore di una pagina Web e fornisce agli utenti con collegamenti per navigare un sito Web. È possibile creare barre di navigazione in diversi modi in Adobe Dreamweaver, un'applicazione di sviluppo Web leader. Uno dei metodi più popolari tra i Web Designer è quello di importare un'immagine barra di navigazione e quindi utilizzato funzionalità mappa immagine di Dreamweaver per definire i collegamenti di menu.

Istruzioni

1

Aprire una pagina HTML esistente in Dreamweaver in cui si desidera inserire una barra di navigazione, o iniziare una nuova pagina HTML facendo clic sul menu "File" e scegliendo "Nuovo". Verrà visualizzata la finestra di dialogo nuovo documento. Scegliere "HTML" nell'elenco tipo e quindi scegliere il layout desiderato nell'elenco Layout. Fare clic sul pulsante "Crea".

2

Fare clic sul menu "Inserisci" e scegliere "Immagine". Verrà visualizzata la finestra di dialogo Seleziona immagine. Passare all'elemento grafico barra navigazione, selezionarlo, quindi fare clic su "OK". È possibile creare una barra di navigazione in Photoshop, un programma di editing di grafica leader o Adobe Fireworks, un leader nella schermata grafica programma di editing, oppure è possibile scaricare una barra di navigazione da diversi siti su Internet. Molti siti di forniscono barre di navigazione gratuita. La barra di spostamento tipico Visualizza etichette, come la casa, prodotti, servizi e supporto, per la navigazione di pagine del sito Web.

Dreamweaver visualizza la finestra di dialogo attributi di accessibilità Tag Image.

3

Fare clic su "OK". Dreamweaver inserisce l'immagine di barra di navigazione nella pagina.

4

Vai al pannello Proprietà e scegliere il "strumento rettangolo Hotspot".

5

Tenere premuto il pulsante del mouse e trascinare il cursore del mouse sopra la prima etichetta sulla barra di spostamento. Dreamweaver visualizza un rettangolo intorno all'etichetta. Questa è l'area cliccabile.

6

Fare clic nel campo "Link" nel pannello Proprietà e digitare l'URL per questa voce di menu.

7

Ripetere i passaggi 5 e 6 fino a quando una volta definite tutte le voci di menu.

8

Fare clic sul menu "File" e scegliere "Salva come". Verrà visualizzata la finestra di dialogo Salva con nome. Nome e salvare il file.

Consigli & Avvertenze

• Quando si carica la pagina al server Web, non dimenticate di caricare l'immagine di barra di navigazione. In caso contrario, la barra di navigazione non verrà visualizzato correttamente.