Come creare un menu a comparsa in Adobe Dreamweaver

November 12

Come creare un menu a comparsa in Adobe Dreamweaver


Un menu pop-up su una pagina web rimane nascosto fino a quando un visitatore passa sopra con il mouse, che attiva il menu a discesa che contiene i link di siti web. Questi menu sono un metodo efficace per la fornitura di tutti i link della tua pagina in modo compatto e accessibile per i tuoi visitatori. Se si dispone l'applicazione Adobe Dreamweaver, è possibile usufruire di questa funzione dinamica creando i propri menu pop-up utilizzando gli strumenti che questo software fornisce.

istruzione

Dreamweaver 9 o successivo

1 Avviare l'applicazione di Dreamweaver e creare una nuova pagina o aprirne uno esistente. Fai clic su "File" "File Nuovo o" allora e "Apri".

2 Posizionare il cursore nella zona che si desidera visualizzare il menu a discesa, fare clic sulla scheda "Spry" nella finestra di ispezione "Inserisci" e quindi fare clic sul pulsante "Spry barra dei menu". Scegliere un layout orizzontale o verticale nel messaggio visualizzato e fare clic sul pulsante "OK" una volta terminato. Questa azione crea il menu di default nella visualizzazione di progettazione.

3 Utilizzare la finestra di ispezione "Proprietà" per aggiungere o sottrarre il numero di voci di elenco nel menu evidenziando una voce e facendo clic sul segno più o meno.

4 Assegnare un indirizzo web per ciascuna voce di menu evidenziandolo e digitando il "testo", "Link" e "" Informazioni sul titolo nelle caselle di testo. Questo processo crea le impostazioni che portano l'utente alle pagine designate quando fanno clic su di essi.

5 Salvare il file e fare clic su "Anteprima / debug nel browser" oppure selezionare l'opzione "Anteprima nel browser" nel menu "File" per visualizzare il menu a comparsa.

Dreamweaver 8 o versioni precedenti

6 Avviare l'applicazione di Dreamweaver e creare una nuova pagina o aprirne uno esistente. Fare clic su "File", quindi "Nuovo o File" e "Apri".

7 Creare un collegamento per iniziare a creare il vostro menu pop-up digitando il testo desiderato nella visualizzazione di progettazione, evidenziando e facendo clic sul pulsante "Collegamento ipertestuale" nella finestra di ispezione "Inserisci". In alternativa, si può scegliere questa opzione dal menu a discesa "Inserisci". Inserire le informazioni richieste, ad esempio l'indirizzo URL, nei campi di testo.

8 Selezionare il collegamento e assegnare un "comportamento" facendo clic sull'opzione "comportamenti" nel menu "Windows". Un "comportamento" permette di assegnare l'azione di pop-up per il vostro link.

9 Fare clic sul pulsante segno più sulla scheda "Comportamenti" e passare alla "~ deprecato" e poi "Mostra Pop-Up Menu". Se è stato creato un menu pop-up nella versione di Dreamweaver, in passato, il titolo di "~ deprecato" non mostra.

10 Assegnare i dati richiesti, come ad esempio un nome e l'URL, per ciascuna delle voci di menu sotto la voce "Contenuti" e quindi impostare la visualizzazione del testo sezione "Avanzate" sotto. Continuare specificando l'orientamento del menù scegliendo un'opzione sotto la voce "Posizione" e quindi formattare l'aspetto del menu, come l'altezza e il colore, sotto la sezione "Avanzate".

11 Salvare il file e visualizzare il menu pop-up sulla pagina selezionando l'opzione "Anteprima browser in" opzione nel menu "File".


Articoli Correlati