Spry Ajax menu, sono flyout, discesa, fisarmonica, pannello a schede e diversi altri tipi di menu sofisticato che è possibile utilizzare in Dreamweaver, un programma di creazione pagina Web leader. È possibile creare menu Spry con diversi oggetti Spry predefiniti di Dreamweaver, o con terze parti i widget Spry. Creazione di menu Spry comporta di solito, solo pochi clic del mouse e selezionando alcune opzioni in una finestra di dialogo o due. Il tipo di menu Spry che si sceglie determina quindi metodo di personalizzazione. Ad esempio, è possibile personalizzare i menu Spry incorporati con fogli di stile CSS o CCS, ed è possibile personalizzare i widget Spry durante la loro creazione nel Browser Widget di Dreamweaver.

Istruzioni

Personalizzazione di un Menu incorporato Spry Ajax

1

Aprire il file di Dreamweaver HTML contenente The Spry dal menu che si desidera personalizzare, o inserire un menu Spry: fare clic nel documento in cui si desidera inserire il menu per inserire il cursore, fare clic sul menu "Inserisci", scegliere "Spry", quindi selezionare il tipo di menu spry. Dreamweaver ha quattro tipi di built-in menu Spry: barra dei Menu, pannelli a schede, fisarmonica e pannelli pieghevoli. Dreamweaver inserisce il menu in corrispondenza del cursore.

2

Fare clic in una delle voci di menu, quindi fare clic su "modifica" nel pannello Proprietà. Ad esempio, nel menu Menu Spry Bar dovrai cliccare in una delle caselle della voce di menu. Verrà visualizzata la finestra di dialogo Definizione regola CSS.

Da qui è possibile modificare tutte le proprietà della voce di menu. Ad esempio, per modificare il carattere tipografico, fare clic su "Tipo" nella colonna Categoria. Questo Visualizza le opzioni per la modifica dell'etichetta del menu, ad esempio tipo di carattere, dimensione carattere, stile del carattere, colore e così via. È possibile personalizzare la casella di voce di menu stesso con opzioni nelle categorie sfondo, casella e il bordo.

3

Effettuare le personalizzazioni desiderate e fare clic su "OK".

Personalizzare un Menu Widget Spry Ajax

4

Aprire il file di Dreamweaver HTML che contiene il Widget Spry menu da personalizzare, o inserire un menu Widget Spry: fare clic nel documento in cui si desidera inserire il menu per inserire il cursore, fare clic sul menu "Inserisci", scegliere "Widget". Verrà visualizzata la finestra di dialogo Widget. Fare clic su "Widget Browser" per aprire il Browser Widget di Adobe.

Se non hai scaricato tutti i widget da Adobe Exchange, è necessario farlo prima di poter inserire un Widget. Fare clic su "Adobe Exchange." Se non disponi di un account sul sito Adobe.com, seguire il su schermo fornite indicazioni per creare uno. Il Browser Widget visualizzerà tutti i widget disponibili. Fare clic sul menu Widget che si desidera utilizzare e fare clic su "Aggiungi ai miei widget". Verrà visualizzata la finestra di dialogo licenza di Widget. Fare clic su "Accetto" e quindi fare clic su "Vai a My widget" Widget aggiunto nella finestra di dialogo. Questo consente al browser di Widget.

5

Fare clic sul menu Widget che si desidera utilizzare. Il Browser Widget consente di visualizzare il menu nel riquadro di destra e sviluppatore preset e un pulsante Configure nel riquadro sinistro. Maggior parte dei widget sono dotati di diverse preimpostazioni di sviluppatore. Preset sono premade configurazioni. È possibile scegliere uno di questi o fare clic sul pulsante Configura per personalizzare il menu.

6

Fare clic sul pulsante "Configura". Opzioni per la personalizzazione del menu di visualizzazione nel riquadro sinistro. Queste opzioni varia a seconda il Widget. Il Widget barra di Menu, ad esempio, ha le opzioni per configurare i tipi di carattere dal menu elemento, il layout del menu, sottomenu layout, colori, bordi dal menu e schede di sottomenu. Per la maggior parte dei widget sono ampie opzioni di configurazione.

7

Apportare le modifiche di configurazione desiderata e quindi fare clic sul pulsante "Codice" nella parte superiore del Browser Widget. Il codice per creare il menu Visualizza nel riquadro di destra. Selezionare il codice, fare clic destro e scegliere "Copia". Chiudere il Browser Widget per tornare al documento.

8

Fare clic sul pulsante "Codice" sotto la barra dei menu al posto di Dreamweaver in modalità di modifica del codice. Inserire il cursore dove si desidera inserire il menu, fare clic destro e scegliere "Incolla" dal menu a comparsa.

Consigli & Avvertenze

• Alcuni widget creare intere pagine Web, piuttosto che solo il codice per il menu. In questi casi si può selezionare, copiare e incollare il codice di menu, oppure utilizzare funzionalità di Dreamweaver Include per incorporare il Widget nella tua pagina Web. Per farlo, si dovrebbe salvare tutto il codice del Widget come file HTML separato.