Come creare una barra di navigazione per Fireworks CS3 di importare in Dreamweaver CS3

September 7

Come creare una barra di navigazione per Fireworks CS3 di importare in Dreamweaver CS3


Fireworks e Dreamweaver sono i prodotti Adobe che sono integrati per consentire di creare la grafica web e le pagine in modo più efficiente. Fireworks fornisce gli strumenti per la costruzione di una barra di navigazione grafica e genera il codice necessario al momento dell'esportazione per la pagina Web di inclusione. Importare il codice HTML risultante e il codice JavaScript nelle pagine di Dreamweaver per inserire la barra di navigazione.

istruzione

1 Avviare Fireworks, e aprire un nuovo progetto.

2 Fai clic su "Modifica", "Inserisci" e "Nuovo Pulsante." Fare clic su "Importa un pulsante," e scegliere un pulsante. Per questo esempio, selezionare un testo a due stati pulsante rettangolare visualizzazione. Fai clic su "Importa". Gli stati due pulsanti sono "Up" e "Over" e fare riferimento all'immagine mostrata quando il mouse è spento o sopra il pulsante. Fare clic su "Fine" per chiudere l'editor tasto.

3 Fare clic con il pulsante sul palco, e scegliere "Modifica" e "clone" dal menu. Spostare la copia risultante in posizione accanto al primo pulsante. Ripetere questa operazione fino ad avere tre pulsanti allineati fianco a fianco.

4 Premere il tasto "Ctrl" e "F3" per visualizzare il pannello "Proprietà", se non è visibile. Fare clic sul primo pulsante e digitare l'etichetta per il pulsante nel campo "testo". Digitare la pagina Web di destinazione per il pulsante nel campo "Link". Ripetere questa operazione per i pulsanti due e tre.

5 Fare clic sul campo "fette" "File" e "Esporta". Impostare "Export" a "HTML e immagini," il campo "HTML" a "Esporta file HTML", e di "Esporta porzioni." Scegliere una posizione all'interno del tuo sito web percorso della cartella. Nome del file "nav.htm" per questo esempio, e fare clic su "Salva". Artificio genera le immagini e il codice HTML che include codifica JavaScript e di immagine riferimenti per la barra di navigazione.

6 Avviare Dreamweaver e aprire la pagina Web. Posizionare il punto di inserimento in cui si desidera visualizzare nella barra di navigazione. Fai clic su "Inserisci", "Oggetti immagine" e "HTML di Fireworks." Fare clic sul pulsante "Sfoglia", e fare doppio clic sul file "nav.htm" si è creato. Fai clic su "OK" per inserire la barra di navigazione.

7 Premere il tasto "F12" per visualizzare in anteprima la pagina e testare la barra di navigazione.