Nwlapcug.com


Come creare un Menu a comparsa in Adobe Dreamweaver



Un menu a comparsa in una pagina web rimane nascosto fino a quando un visitatore passa sopra con il mouse, che attiva l'elenco a discesa contenente i collegamenti di sito Web. Questi menu sono un metodo efficace per la fornitura di tutti i link della tua pagina, in modo compatto ed accessibile per i tuoi spettatori. Se avete l'applicazione di Adobe Dreamweaver, si può sfruttare questa caratteristica dinamica creando i proprio menu a comparsa utilizzando gli strumenti forniti da questo software.

Istruzioni

Dreamweaver 9 o versioni successive

1

Avviare l'applicazione di Dreamweaver e creare una nuova pagina o aprirne uno esistente. Fare clic su "File" poi "nuovo o File" e "Aperta".

2

Posizionare il cursore nella zona che si desidera che il menu a discesa vengono visualizzati, fare clic sulla scheda "Spry" nella finestra di ispezione "Inserisci" e fare clic sul pulsante "Barra di Menu Spry". Sceglie un layout orizzontale o verticale nella finestra che appare e fare clic sul pulsante "OK" quando finito. Questa azione crea il menu predefinito nella visualizzazione progettazione.

3

Per aggiungere o sottrarre il numero di voci di elenco nel menu di evidenziazione di un elemento e scegliendo il plus o segno meno, utilizzare il controllo "Proprietà".

4

Assegnare un indirizzo web per ogni voce di menu evidenziandolo e digitando il testo di"," informazioni "Link" e "Title" nelle caselle di testo fornito. Questo processo crea le impostazioni che portare l'utente a pagine designate quando fanno clic su di essi.

5

Salvare il file e fare clic sul pulsante "Anteprima/Debug nel Browser" o selezionare l'opzione "Anteprima nel Browser" sotto il 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", poi "nuovo o File" e "Aperta".

7

Creare un collegamento per iniziare a creare il tuo menu di scelta rapida digitare il testo desiderato nella visualizzazione progettazione, evidenziandolo e facendo clic sul pulsante "Collegamento ipertestuale" nella finestra di ispezione "Insert". Alternativamente, è possibile scegliere questa opzione dal menu a discesa "Inserisci". Immettere le informazioni richieste, come l'indirizzo URL, nei campi di testo fornito.

8

Selezionare il collegamento e assegnare un "comportamento" facendo clic sull'opzione "Comportamenti" nel menu "Finestre". Un "comportamento" consente di assegnare l'azione pop-up per il tuo link.

9

Fare clic sul pulsante segno più nella scheda "Comportamenti" e passare a "~ deprecata" e poi "Menu a comparsa Mostra." Se avete creato un menu a comparsa nella versione di Dreamweaver in passato, il "~ deprecata" titolo non viene visualizzato.

10

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

11

Salvare il file e visualizzare il menu a comparsa nella pagina selezionando l'opzione "Anteprima nel Browser" sotto il menu "File".