Come creare rollover menu a tendina, in Dreamweaver

July 27

Come creare rollover menu a tendina, in Dreamweaver


La navigazione è una delle caratteristiche più importanti di un sito web. Un buon sito web fornisce un sistema di navigazione che è facile da leggere e capire, consentendo ai visitatori di trovare ciò che stanno cercando. Alcuni siti web sarà caratterizzato da un menù a tendina che visualizza all'interno di una categoria più ampia. Uso di Dreamweaver, si può fare un menu a discesa rollover di incorporare in qualsiasi sito web.

istruzione

1 Aprire Dreamweaver.

2 La fase di progettazione per il sito web è completato in un programma di grafica. Questo include la navigazione per il sito web. Tutte le sezioni principali sono chiamati, per esempio; chi siamo, servizi, contatti. Per questo esempio, la navigazione sarà orizzontale.

3 Aprire la pagina che avrà la navigazione in Dreamweaver. Nella finestra di progettazione o HTML, cliccare o selezionare l'area in cui verrà collocato il menu di navigazione. Nel menu principale di Dreamweaver, selezionare "Inserisci" e poi "immagine". Si aprirà una finestra per individuare l'immagine nella cartella immagini. Questo è dove tutte le immagini per il sito web devono essere conservati. Una volta che l'immagine del menu viene trovata, selezionare "Scegli" per inserire l'immagine.

4 La barra di navigazione principale è ora in atto. Una delle voci di menu avrà bisogno per diventare una sezione che sarà caratterizzato il rollover e visualizzare il menu a discesa. In questo esempio, la categoria rollover sarà "Chi siamo". Cercare il menu delle proprietà in Dreamweaver. Di solito è situato verso il basso. Se non è visualizzato, andare al menu in alto e selezionare "Finestra", quindi "Proprietà". All'interno della finestra delle proprietà, individuare il quadrato blu verso la parte inferiore sinistra del menu. Le forme blu sono chiamati hot spot. Selezionare il quadrato blu. Utilizzando il mouse nella parte finestra di progettazione di Dreamweaver, trascinare il mouse in modo che il quadrato blu appare attorno alla voce di menu rollover. Ad esempio, potrebbe essere selezionata la voce di menu "Chi siamo".

5 Nel menu in alto in Dreamweaver, selezionare "Finestra", quindi "comportamenti". Si aprirà una finestra sul lato destro di Dreamweaver. Selezionare il segno più situato in alto a sinistra. Si aprirà un menù e le selezioni saranno elencati. Scegliere "Mostra Pop-Up Menu". Si aprirà una finestra separata.

6 Ora che la Mostra menu pop-up è aperta, è possibile creare le voci di elenco. All'interno della finestra ci sono quattro schede. Selezionare "Contenuti". Nel campo di testo, inserire il nome della pagina che verrà visualizzato nel menu a discesa. Ad esempio, "Storia" sarebbe elencati nella sezione "Chi siamo". Nel campo Link, inserire il nome del file per la pagina. Ad esempio, "Storia" potrebbe essere history.html. Per aggiungere un'altra pagina nel menu a discesa, selezionare il segno più in alto della finestra. Ripetere questo passaggio per ogni pagina da inserire nel menu a discesa. I nomi di pagina ei nomi dei file saranno elencati nella finestra.

7 Una volta che le pagine sono stati elencati, selezionare la scheda "Aspetto" per apportare modifiche alla discesa per il carattere, la dimensione, il colore del testo e il colore della cella. Utilizzare queste funzioni per aggiungere stile alla zona di discesa.

8 Ora che sono stati applicati stili, selezionare la scheda "Posizione". Selezionare "sotto" per dirigere le voci di menu per scendere al di sotto della barra di navigazione. Selezionare "OK" per chiudere la finestra del menu.

9 Visualizzare in anteprima il menu in una finestra del browser per visualizzare il menu a discesa rollover completato.

Consigli e avvertenze

  • È possibile aggiungere tutti i settori discesa rollover di cui hai bisogno. Questo articolo riguarda solo l'aggiunta di menu a discesa un rollover.

Articoli Correlati