Come creare un menu in Dreamweaver 8

November 12

Come creare un menu in Dreamweaver 8


menu di Dreamweaver forniscono link di navigazione alle pagine del tuo sito o altri URL su Internet. È possibile creare menu in diversi modi in Dreamweaver. Due dei metodi più semplici e più comuni includono mettendo i collegamenti di testo nelle celle della tabella nella parte superiore, laterale o inferiore della pagina Web, e la creazione di mappe di immagini con diversi, "a caldo", le regioni cliccabili sulla stessa immagine.

istruzione

Creazione di un menu di testo

1 Aprire il file di Dreamweaver in cui si desidera creare un menu.

2 Posizionare il cursore sulla pagina in cui si desidera inserire un menu. Fai clic su "Inserisci" sulla barra dei menu e scegliere "Table". Si apre la finestra di dialogo Tabella. Utilizzare le "righe" e campi "colonne" per definire il numero di cellule per il menu. Avete bisogno di una cella per ogni voce di menu. Ad esempio, se avete bisogno di cinque voci di menu in una riga nella parte superiore della pagina Web, digitare "1" nel campo Righe e "5" nel campo Colonne.

3 Impostare la larghezza della tabella nel campo "Larghezza della tavola". Per esempio, se il vostro menu coprirà la parte superiore o inferiore della pagina, fare la tabella larghezza delle stesse dimensioni in pixel come tua pagina. (È possibile trovare la larghezza della pagina facendo clic su "Modifica" nella barra dei menu, e poi scegliendo "documento" per aprire la finestra di dialogo Proprietà documento. Larghezza in pixel della pagina nel campo "Larghezza"). Se si desidera che il menu hanno confini, impostare un peso di frontiera nel campo "spessore bordo".

4 Impostare l'imbottitura cella (spazio tra il contenuto della cella e il bordo della cella) e la spaziatura delle cellule (spazio tra ogni cella). Fai clic su "OK".

5 Digitare le voci di menu in ogni cella (fare clic nella cella e iniziare a digitare). Ad esempio, è possibile digitare "casa", "Servizi", "Contatti", e così via, una voce per cella. Per centrare il testo nelle celle, selezionare tutte le cellule, e quindi fare clic sul "Horz" discesa nel pannello "Proprietà" e scegliere "Centro".

6 Selezionare la prima voce di menu. Vai al pannello "Proprietà" e digitare l'URL di destinazione nel campo "Link". Ripetere questo passaggio per ogni voce di menu.

Creazione di un menu con una mappa immagine

7 Creare una barra dei menu nel software editor di immagini. Esso dovrebbe includere un pulsante per ciascuna delle vostre voci del menu, ad esempio "casa", "Servizi", e così via. Salvarla come JPEG (.jpg) nelle immagini sotto-directory di root del vostro sito web.

8 Aprire la pagina di Dreamweaver in cui si desidera creare un menu.

9 Posizionare il cursore sulla pagina in cui si desidera inserire il vostro menu. Fai clic su "Inserisci" sulla barra dei menu e scegliere "Immagine". Passare al file di immagine barra dei menu, selezionarlo e quindi scegliere "OK". Selezionare l'immagine sulla pagina. Vai al pannello delle proprietà e denominare la mappa in campo "mappa". Ad esempio, il nome "menu_bar."

10 Fare clic sul pulsante rettangolo (l'icona rettangolo), sotto il campo mappa. Disegnare un rettangolo intorno alla prima voce del menu nell'immagine. Questo crea un hot spot cliccabile sull'immagine. Vai al pannello Proprietà e digitare l'URL di destinazione nel campo "Link". Digitare il testo alternativo (il testo che l'utente vede quando lui o lei passa il mouse sopra il punto caldo) nel campo "Alt". Per il link "Home", per esempio, è possibile digitare "Vai alla nostra Home Page."

11 Ripetere il passaggio 4 per ogni voce di menu.

Consigli e avvertenze

  • È anche possibile inserire i pulsanti grafici, piuttosto che di testo, nella tabella. Per rendere i pulsanti cliccabili, selezionare il pulsante e quindi digitare l'URL di destinazione nel pannello campo Link.
  • Queste procedure di lavoro in tutte le versioni di Dreamweaver.