Come fare Spry menu

October 11

Come fare Spry menu


Per aggiungere un menu di navigazione attraente e dinamica al tuo sito web, creare uno utilizzando funzioni Spry Adobe. Nel suo libro, "Dreamweaver CS3: The Missing Manual", autore David Sawyer McFarland riassunta Spry come (vedi riferimenti) Poiché Dreamweaver CS3 ", una raccolta di tecnologie avanzate di programmazione JavaScript che permette di aggiungere un sacco di effetti dinamici alle pagine Web." e CS4 sono dotati di caratteristiche Spry, è possibile utilizzare la versione del software di progettazione Web per sviluppare il vostro sito e creare il menu di navigazione con relativa facilità.

istruzione

1 Posizionare il cursore dove si inserire il menu di Spry sulla tua pagina di Dreamweaver HTML. Assicurarsi che questa è una delle prime cose che si fanno quando si sviluppa il sito; in questo modo, la prima pagina si comporta come un modello, e il vostro menu verrà riportato alle pagine aggiuntive.

2 Clicca su "Inserisci" nella barra dei menu nella parte superiore dello schermo. Spostare il cursore verso la parte inferiore del menu a discesa, passa il mouse sopra "Spry", quindi "barra dei menu Spry" nel sottomenu e fare clic su.

3 Selezionare se si desidera che il barra dei menu per essere orizzontale o verticale e fare clic sul pulsante appropriato.

4 Modificare le etichette di menu da "Articolo 1" a "Articolo 4" per i nomi appropriati, come "casa", "Chi" e "Contatto". È possibile farlo in "Design" vista "Codice" Visualizza o nel " sezione Proprietà "nella parte inferiore della pagina. La sezione Proprietà consente di modificare i sottomenu e inserire collegamenti ipertestuali per le schede di menu.

5 Salvare il documento. Dreamweaver chiederà se si desidera salvare i file Spry dipendenti; questi includono il documento JavaScript che controlla la funzionalità del menu di Spry e il file CSS che gestisce l'aspetto del menu. Fai clic su "OK".

6 Continuare a personalizzare la vostra barra dei menu. Ci sono due modi per ri-accedere all'editor Spry nella sezione Proprietà. Quando si fa clic nel menu, una barra blu dovrebbe essere visualizzato nella parte superiore di esso: clicca su di esso per aprire l'editor Spry sotto. È inoltre possibile fare clic su <ul.MenuBarVertical # MenuBar1> o <ul.MenuBarHorizontal # MenuBar1> nella "barra di stato" nella parte inferiore del documento HTML.

Consigli e avvertenze

  • Per modificare l'aspetto della barra dei menu, fare clic sulla scheda sopra l'etichetta "SpryMenuBarVertical.css" o "SpryMenuBarHorizontal.css" e passare alla visualizzazione "Codice". È possibile regolare il colore, padding e bordi in questo file. Il file CSS dovrebbe aprirsi automaticamente dal momento che dipende dal vostro file HTML. In caso contrario, aprire la cartella in cui si intende usare il sito. Nella cartella chiamata "Attività Spry," aprire il file CSS.
  • A meno che non si ha familiarità con JavaScript, è una buona idea lasciare depositare intatto il Spry JavaScript (JS). Un problema tecnico in questo file potrebbe causare il vostro menu a non funzionare il modo in cui era originariamente destinato; potrebbe anche avere un impatto l'usabilità del tuo intero sito.