Nwlapcug.com


Come creare pulsanti di Rollover interattivi in fuochi d'artificio

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.