Grafica  »  Guide  »  Guida Fireworks 

Attenzione: con la versione precedente di Fireworks è possibile creare rollover disgiunti ma non in modo così semplice. I comportamenti "trascina e rilascia" sono una delle novità della versione 4; si tratta di un modo veloce e agevole di determinare cosa succede quando il puntatore passo spra una porzione o un punto attivo.

Per visualizzare il risultato finale cliccare qui.

La creazione di un rollover disgiunto (effetto con il quale quando il puntatore passa sull'area di innesco si verifica uno scambio d'immagine in un'altra zona) si compone di due parti: la preparazione delle immagini da scambiare e la creazione del collegamento.

Le immagini collegate ai rollover dei vari pulsanti devono risiedere ognuna su un fotogramma diverso.

1. Aprire il documento salvato nel tutorial precedente
2. Visualizzare il pannello Fotogrammi
3. Dal menù a discesa Opzioni scegliere Duplica fotogramma e aggiungere sei fotogrammi dopo il fotogramma corrente.
4. Selezionare il fotogramma 2; con lo strumento di testo posizionarsi al centro del rettangolo incassato e scrivere "Risorse per il Webmaster" (Verdina, 14 pt, grassetto, bianco).
5. Ripetere le istruzioni del punto 4 per gli altri fotogrammi scrivendo ogni volta la frase corrispondente.
6. Tornare al fotogramma 1 e tracciare una porzione rettangolare che copra il rettangolo incassato.
7. Sempre nel fotogramma 1 selezionare il primo pulsante.
8. Cliccare sulla maniglia del comportamento "trascina e rilascia" (il puntatore diventa un pugno).
9. trascinare il pugno sulla porzione che copre il rettangolo incassato.
10. Dal menù a comparsa Immagine di scambio selezionare il fotogramma 2.
11. Ripetere le istruzioni da 7 a 10 per tutti gli altri pulsanti scegliendo ogni volta il fotogramma corrispondente al pulsante.

Premete F12 per visualizzare un'anteprima nel browser.

Adesso che il lavoro è terminato non resta che esportarlo seguendo i consigli della prossima lezione.

Nota: selezionando con lo strumento Puntatore la porzione che copre il rettangolo incassato vengono visualizzati, sotto forma di linee blu, tutti i comportamenti "trascina e rilascia" ad essa associati. Per eliminarne uno è sufficiente cliccarci sopra e confermare l'eliminazione.

Suggerimento: dato che le immagini da scambiare nei rollover risiedono in fotogrammi diversi viene spontaneo chiedersi dove siano le immagini relative ai rollover dei pulsanti. Si trovano effettivamente in quattro fotogrammi diversi, ma i fotogrammi relativi ai pulsanti diventano visibili solo quando l'editor pulsanti è attivo.

Altri articoli

Altre guide

Altre newsletter