Effetti di rollover sono diventati elementi di interfaccia obbligatoria per le pagine web moderno. Più che aggiungono effetti fresco al tuo sito; Essi indicano all'utente che un link è attivo. Ma, non è necessario gestire decine di file e scrivere codice JavaScript per aggiungere rollover alla tua pagina. Con fuochi d'artificio si possono rendere i pulsanti e consentire al programma di scrivere il codice.
Istruzioni
1
Progettare una barra di navigazione o interfaccia della pagina web in Fireworks. Creare sfondo, pulsante forme, bordi e testo su livelli separati. Spostare i livelli con elementi che non cambiano mai per una cartella di livelli denominata "Statico" e gli elementi che cambieranno con l'effetto di attivazione di una seconda cartella denominata "Stato normale".
2
Copiare gli elementi che si desidera modificare in nuovi livelli. Spostare i livelli rollover un terzo gruppo di cartella denominato "Rollover stato." Apportare le modifiche in modo che gli elementi vengono visualizzati nel modo desiderato li a guardare quando il mouse passa sopra un pulsante.
3
Affettare il tuo documento. Assicurarsi di creare una sezione separata per ciascun pulsante.
4
Aprire la tavolozza di Frame. Trascinare l'icona "New/duplicato Frame" nella barra delle opzioni del riquadro fotogramma 1. Si vedrà un nuovo telaio identico al primo.
5
Mostrare e nascondere i livelli in ogni fotogramma per mostrare gli effetti che si desidera essere visibile in tale stato del mouse. Assicurarsi di fotogramma 1 Mostra i pulsanti nel loro stato normale mouse e Frame 2 Mostra i pulsanti nel loro stato di rollover.
6
Maiusc selezionare le fette di pulsante in livello sezione. Aprire la tavolozza di comportamenti e fare clic sul pulsante "Aggiungi comportamento" (sembra un "+"). Selezionare "Rollover semplice" dall'elenco a comparsa. L'effetto rollover verrà applicato a tutte le sezioni del pulsante selezionato.
7
Scegli "Anteprima nel Browser" dal menu File. Quando siete soddisfatti con l'effetto di rollover Vai alla modalità di anteprima per ottimizzare le fette. Esportare le sezioni come "HTML" e immagini per scrivere il codice HTML e caricare le fette in una cartella di immagini.
Consigli & Avvertenze
- Troverete che è molto più facile progettazione intero sito web o sulla barra di spostamento come un documento di Fireworks che per creare pulsanti di rollover individuali. Fuochi d'artificio saranno organizzare e mantenere il codice ottimizzato per voi.
- Utilizzare la tavolozza Proprietà per denominare le fette di pulsante. Questo renderà più facile per tenere traccia della vostra grafica pulsante nelle loro cartelle e quando si modifica il codice HTML in una data successiva.
- Non basta creare un nuovo fotogramma nella tavolozza di fotogrammi. Il nuovo telaio avrà nulla in esso, e si dovrà copiare tutti i livelli dal primo fotogramma. Assicurati di duplicare il primo fotogramma.