(10) – Creazione di una barra di navigazione - DREAMWEAVER MX
Creazione di una barra di navigazione
Una barra di navigazione è composta da un’immagine o da una serie di immagini la cui visualizzazione
cambia in base alle azioni dell’utente. Le barre di navigazione forniscono spesso un modo semplice per
spostarsi tra le pagine e i file di un sito.
Prima di utilizzare il comando Inserisci barra di navigazione, create una serie di immagini per gli stati di
visualizzazione di ciascun elemento di navigazione. (Può rivelarsi utile concepire un elemento di una barra di
navigazione come un pulsante, poiché, una volta selezionato, porta l’utente ad un’altra pagina.)
Un elemento della barra di navigazione può avere quattro stati:
·
Alzata: l’immagine che viene visualizzata quando l’utente non ha ancora fatto clic sull’elemento o
interagito con esso.
·
Rollover: l’immagine che appare quando si porta il puntatore sull’immagine Alzata. L’aspetto
dell’elemento cambia (ad esempio, può diventare più chiaro) per informare l’utente che l’interazione è
possibile.
·
Abbassata: l’immagine che viene visualizzata dopo che è stato fatto clic sull’elemento. Ad esempio,
quando un utente fa clic su un elemento, viene caricata una nuova pagina e la barra di navigazione
rimane visualizzata, ma l’elemento su cui è stato fatto clic viene visualizzato più scuro per mostrare
che è stato selezionato.
·
Rollover abbassata: l’immagine che appare quando si porta il puntatore sull’immagine Abbassata
dopo che è stato fatto clic sull’elemento. Ad esempio, l’elemento appare ombreggiato o inattivo. È
possibile utilizzare questo stato come un suggerimento visivo che segnala che sull’elemento non è
possibile fare ancora clic mentre ci si trova in questa parte del sito.
Non è necessario includere le immagini della barra di navigazione per tutti e quattro gli stati (ad esempio, è
possibile utilizzare solo gli stati Alzata e Abbassata).
È possibile creare una barra di navigazione, copiarla su altre pagine del sito, utilizzarla con i frame e
modificare i comportamenti della pagina in modo che mostrino stati diversi man mano che l’utente accede
alle pagine.
Inserimento di una barra di navigazione
Quando si inserisce una barra di navigazione, è necessario assegnare un nome agli elementi che la
compongono e selezionare le immagini da utilizzare per essi.
Per creare una barra di navigazione
1. Effettuate una delle seguenti operazioni:
o Scegliete Inserisci > Immagini interattive > Barra di navigazione.
o Selezionate la scheda Comuni nella barra Inserisci e fare clic sul pulsante Inserisci barra di
navigazione.
Viene visualizzata la finestra di dialogo Inserisci barra di navigazione.
prof. Vanda Riboldi
pag. 1
(10) – Creazione di una barra di navigazione - DREAMWEAVER MX
2. Impostate la finestra di dialogo.
Nella casella di testo Nome elemento, digitate un nome per l’elemento della barra di navigazione (ad
esempio, Home). Ciascun elemento corrisponde ad un pulsante, dotato di al massimo quattro
immagini di stato. I nomi degli elementi vengono visualizzati nell’elenco Elementi barra di
navigazione.
Nella casella di testo Immagine alzata, fate clic su Sfoglia per selezionare l’immagine da visualizzare
all’inizio. Questo campo è obbligatorio, mentre le opzioni per gli altri stati dell’immagine sono
facoltative.
Se volete, selezionate delle immagini anche per Immagine rollover, Immagine abbassata, Immagine
rollover abbassata.
Nella casella Testo alternativo, inserite un testo descrittivo dell’elemento. Il testo alternativo viene
visualizzato al posto di un’immagine nei browser che non supportano la modalità grafica oppure che
sono configurati per lo scaricamento manuale delle immagini.
Nella casella di testo Dopo un clic, accedi all’URL, fate clic sul pulsante Sfoglia per selezionare un file
collegato da aprire, quindi scegliere dal menu a comparsa la posizione in cui verrà aperto il file.
Effettuate una delle seguenti operazioni:
o Selezionare Finestra principale per aprire il file nella stessa finestra.
o Se la barra di navigazione è in un set di frame, selezionate il frame in cui aprire il file.
Selezionate Pre-carica immagini per scaricare le immagini mentre la pagina è in fase di caricamento.
Se questa opzione non è selezionata, può verificarsi un ritardo quando l’utente muove il puntatore
sull’immagine rollover.
Selezionate Mostra “Immagine abbassata” all’inizio per visualizzare l’elemento selezionato nello stato
abbassato quando la pagina viene visualizzata anziché lo stato Alzata predefinito.
Dal menu a comparsa Inserisci, scegliere se gli elementi della barra di navigazione devono essere
inseriti orizzontalmente o verticalmente nel documento.
Per inserire gli elementi della barra di navigazione sotto forma di tabella, selezionare la casella di
controllo Usa tabelle.
Fate clic sul pulsante più (+) per aggiungere un altro elemento alla barra di navigazione, quindi
ripetete i passaggi precedenti per definire l’elemento.
3. Fate clic su OK.
prof. Vanda Riboldi
pag. 2