alberi del menu sono molto popolari sul web, e può essere visto sulla maggior parte dei siti web in cui la navigazione è essenziale per l'esperienza dello spettatore. Un albero menu è semplicemente un menu che contiene diversi livelli di navigazione che l'utente può aprire o comprimere interattivo. Ad esempio, su un sito web di cucina, si può avere una sezione "Ricette" nel menu, che, quando moused-over, ha "vegan", "vegetariano" e "sezioni Meats". Dreamweaver consente di creare alberi di menu interattivi in ​​modo rapido e senza avere a che fare con molto codice. Il mouse-over e le capacità pieghevoli del menu vengono create automaticamente da Dreamweaver con un linguaggio HTML chiamato "Spry" che sembra un sacco come JavaScript.

istruzione

1 Aprire un nuovo documento HTML facendo clic su "File", "Nuovo", selezionando "HTML" come 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 Clicca su "Inserisci", "Spry" e "Barra dei menu". Si vedrà una barra di menu appare 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 "Articolo 1" Una sottosezione scende che vi mostra "Il punto 1.1," "Item 1.2" e "Oggetto 1.3." Se si mette il mouse su "Il punto 1.1" e sotto-sotto-menù appare che vi mostra "Articolo 1.1.1" e "Item 1.1.2."

5 In Dreamweaver, fai clic su "Visualizza codice." Modificare il codice, sostituendo il testo che inizia con "voce" con il testo vero e proprio del vostro menu. È possibile verificare la nuova creazione in anteprima nel browser, come al punto 4.