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.
-
Aprire
il documento salvato nel tutorial precedente -
Visualizzare
il pannello Fotogrammi -
Dal
menù a discesa Opzioni scegliere Duplica fotogramma e aggiungere sei
fotogrammi dopo il fotogramma corrente. -
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). -
Ripetere
le istruzioni del punto 4 per gli altri fotogrammi scrivendo ogni volta la
frase corrispondente. -
Tornare
al fotogramma 1 e tracciare una porzione rettangolare che copra il
rettangolo incassato. -
Sempre
nel fotogramma 1 selezionare il primo pulsante. -
Cliccare
sulla maniglia del comportamento "trascina e rilascia" (il puntatore
diventa un pugno). -
trascinare
il pugno sulla porzione che copre il rettangolo incassato. -
Dal
menù a comparsa Immagine di scambio selezionare il fotogramma 2. -
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.
