Strutture del menu sono molto popolari sul web e possono essere visto su più siti web dove la navigazione è essenziale all'esperienza dello spettatore. Un albero di menu è semplicemente un menu che contiene diversi livelli di navigazione che l'utente può aprire o comprimere in modo interattivo. Ad esempio, su un sito Web di cottura, si può avere una sezione "Ricette" nel menu, che, quando passa il mouse-over, ha "Vegan", "Vegetariano" e "Carni" sezioni. Dreamweaver consente di creare menu interattivi alberi rapidamente e senza dover trattare con molto codice. Le funzionalità del mouse-over e pieghevole del menu vengono create automaticamente da Dreamweaver con un linguaggio HTML chiamato "Spry" che sembra un sacco come JavaScript.

Istruzioni

1

Aprire un nuovo documento HTML facendo clic su "File", "Nuovo" selezionando "HTML" come il tipo di pagina e facendo clic su "OK".

2

Dreamweaver richiede di salvare il documento prima di aggiungere widget. Fare clic su "File" e "Salva con nome" e salvare il documento come "MenuTesting.html."

3

Fare clic su "Inserisci", "Spry" e "Barra dei Menu". Vedrete una barra dei menu vengono visualizzati sullo schermo con quattro elementi.

4

Fare clic su "File" e "Anteprima nel Browser" e selezionare il browser di vostra scelta per visualizzare il menu in un browser web. Mettere il mouse sopra "Item 1". Una sotto-sezione scende giù mostrando "Elemento 1.1," "Articolo 1.2" e "Punto 1.3." Se si posiziona il mouse sulla "Articolo 1.1" e sub-sub-menu apparirà mostrando "Punto 1.1.1" e "Elemento 1.1.2."

5

In Dreamweaver, fare clic su "Visualizza codice." Modificare il codice sostituendo qualsiasi testo che inizia con "Voce" con il testo effettivo del vostro menu. È possibile testare la nuova creazione di visualizzarne l'anteprima nel browser, come descritto nel passaggio 4.