Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 35 di 66
  • livello principiante
Indice lezioni

Creazione di una interfaccia. Parte III: creare un rollover disgiunto

E adesso aggiungiamo gli effetti speciali imparando a creare un rollover disgiunto.
E adesso aggiungiamo gli effetti speciali imparando a creare un rollover disgiunto.
Link copiato negli appunti

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.

Ti consigliamo anche