Dreamweaver barra di navigazione Tutorial

May 4

Un popolare editor di testo HyperText Markup Language (HTML) è l'applicazione di Dreamweaver. Questo programma software consente agli utenti di progettare e creare pagine web professionali e implementare i vari componenti come le barre di navigazione. Utilizzando gli strumenti Spry, è possibile costruire questi menu senza dover conoscere linguaggi di programmazione avanzati. Si può imparare come aggiungere il proprio sistema di navigazione user-friendly al tuo sito web.

Aprire una pagina

Per iniziare, utilizzare il menu "File" nella barra degli strumenti di Dreamweaver e aprire la pagina a cui si desidera aggiungere una barra dei menu. Questo file è di solito il "indice" o di un documento "casa" del sito.

Inserire la barra di navigazione

È possibile aggiungere una barra di navigazione utilizzando la barra degli strumenti Spry. Se questo menu non è visibile, andare nel menu a discesa "Finestra" e selezionare l'opzione "Inserisci".

Avanti, fare clic sulla scheda "Spry" e quindi fare clic sull'icona "Spry barra dei menu". Questa azione attiva la finestra di dialogo "Spry Menu Bar" e permette di selezionare una o layout "Orizzontale" "Verticale". Al termine, per produrre la barra di navigazione nel display "Design" e vedere la sintassi risultante nella finestra "Codice" Fare clic sul pulsante "OK".

Assegnare le voci di menu

È possibile assegnare le voci di menu nella barra di navigazione utilizzando la finestra "Proprietà".

In primo luogo, se non è già attiva, selezionare l'opzione "Proprietà" dal menu a discesa "Finestra". Fare clic sul menu nella finestra "Design" per far apparire una versione personalizzata della barra degli strumenti.

Avanti, evidenziare una voce di menu in una colonna per digitare l'indirizzo del testo e URL preferito. La barra degli strumenti "Proprietà" visualizza gli elementi di primo livello nella colonna di sinistra, i collegamenti di secondo livello al centro e tutti gli elementi di terzo livello sulla destra. Evidenziando una voce predefinita (per esempio, "punto 1" o "punto 1.1"), è possibile utilizzare i campi di testo sul diritto di fornire le informazioni associate.

Continuare riordinando e / o inserimento e cancellazione di voci del menu, se necessario. Individuare i pulsanti di controllo sulla parte superiore, come ad esempio i pulsanti più o meno, ed evidenziare la voce desiderata per eseguire queste attività. Eventuali cambiamenti saranno visibili immediatamente nella finestra "Design".

Lo stile della barra dei menu

Se si desidera cambiare l'impostazione predefinita combinazione di colori blu e bianco, è possibile utilizzare la finestra "Stili CSS" per personalizzare l'aspetto.

Inizia con il lancio di questo display facendo clic sull'opzione "Stili CSS" nel menu a discesa "Finestra". Fare clic sulla scheda "Tutte" e individuare il file della barra dei menu Spry Cascading Style Sheets (CSS) per visualizzare tutti i modelli attualmente associati con la navigazione.

Seguire cliccando sul simbolo a freccia vicino al nome del file. Ogni componente del menu, come la casella di riepilogo e collegamenti, contiene regole di stile che controllano il layout. Evidenziando un'opzione, una varietà di proprietà corrispondenti visualizzare di seguito. Fare doppio clic su uno qualsiasi di questi stili nelle caselle di testo o menu a discesa per cambiare le caratteristiche. Ad esempio, è possibile modificare la dimensione del carattere regolando il valore "font-size", o regolare la tonalità della navigazione utilizzando il selettore colore nel campo di testo "background-color".

Infine, salvare il file e utilizzare la funzione "Preview" del browser per visualizzare e testare la barra di navigazione.