Come creare un menu espandibili in Dreamweaver

July 19

Un menu espandibili consente di aggiungere diversi link di navigazione al tuo sito web senza occupare molto spazio sullo schermo. Quando un visitatore al tuo sito web sposta il cursore del mouse su una sezione nel menu espandibili la sezione si apre un elenco di link. Quando il cursore del mouse lascia la sezione l'elenco delle voci crolla. Utilizzare il widget Spry barra dei menu in software di sviluppo Web Dreamweaver di Adobe per creare menu espandibili per il tuo sito.

istruzione

1 Avviare Dreamweaver e fare clic su "HTML" per creare un nuovo documento HTML.

2 Aprire il menu "Inserisci" e selezionare "Oggetti layout", quindi su "Spry barra dei menu".

3 Fai clic su "OK" quando Dreamweaver ti dice che è necessario salvare il documento prima di aggiungere un widget. Digitare un nome per il documento e fare clic su "Salva".

4 Fai clic su "orizzontale" o "verticale" nella finestra di dialogo che si apre, a seconda dello stile del menu che si desidera creare. Fare clic su "OK", quindi Dreamweaver crea una barra di menu che contiene quattro sezioni espandibili.

5 Fare clic su "Spry barra dei menu" voce nella parte superiore del menu. Istruzioni "Voce 1" nella parte inferiore della schermata, quindi digitare il nome della prima sezione del menu nel campo "testo".

6 Fai clic su "Il punto 1.1" per espandere la prima sezione del menu. Digitare il testo per la prima voce di menu nella sezione espansa nel campo "testo". Digitare o incollare il collegamento che si desidera la voce di menu per aprire nel campo "Link".

7 Fai clic su "Voce 1.2" e immettere le informazioni per questa voce di menu. Ripetere il processo per il resto degli elementi; per aggiungere ulteriori elementi alla sezione del menu, fare clic sull'icona "+".

8 Fai clic su "voce 2", quindi aggiungere elementi a questa sezione del menu e inserire le loro informazioni di prima. Ripetere il processo per il resto delle sezioni del menu.

9 Premere il tasto "F12" quando avete finito di creare il menu. Fai clic su "Sì", quindi "OK". Dreamweaver apre il menu nel browser Internet. Passare alla finestra del browser di recente apertura, quindi spostare il cursore del mouse su una sezione nel menu per espanderlo.


Articoli Correlati