Matteo Pignatelli
a- a+

Creare un pulsante

 

Per prima cosa bisogna creare l'immagine da usarecome pulsante.
(In questo caso ho creato un semplice rettangoloarrotondato con una scritta).

Selezionare tutti i livelli dell'immagine e scegliere dal menù Inserisci>Converti in Simbolo e spuntare Pulsante. Poi cliccare su OK.
Per gestire i diversi tipi di roolover fare doppio clic sul pulsante.

Per creare un pulsante si può anche scegliere Inserisci > Nuovo pulsante; l'editor di pulsanti si apre sulla scheda Su.
Nell'area di lavoro si possono usare tutti gli strumenti di disegno e di modifica.

Fireworks gestisce quattro stati di roolover:

- stato Su: aspetto del pulsante quando non è toccato dal cursore;
- stato Sopra: aspetto del pulsante quando il cursore viene portato sopra di esso;
- stato Giù: aspetto del pulsante premuto;
- stato Sopra e premuto: aspetto del pulsante premuto quando il cursore ci torna sopra.

 

Completato lo stato Su si può passare allo statoSopra. Qui è possibile disegnare una nuova immagineoppure incollare una copia di quanto disegnato nella schedaprecedente per poi modificarla usando il pulsante Copiagrafico che compare in basso a destra . L'opzione TecnicaOnion skin rende semitrasparenti tutti gli stati e tornautile per verificare l'allineamento delle varieimmagini.Questo passaggio può essere effetuato contutti gli stati del roolover.

La scheda Area attiva mostra le dimensioni dell'areaattiva del pulsante, cioè la zona che innesca ilrollover quando il puntatore viene portato su di essa.

In basso compare il pulsante Autocomposizione collegamentoURL che permette di collegare al pulsante un URL e didigitare un testo alternativo (ALT) che viene visualizzatoquando il puntatore si ferma sul pulsante e unmessaggio(opzionale) da far apparire nella barra di stato.

Una volta gestiti tutti gli stati del pulsante si puòpassare all'esportazione direttamente come pagina HTMcompleta di grafica e codice Javascript e Htmlpuro.E'anche possibile copiare e incollare il codicenecessario in una pagina preesistente.

 




Ti potrebbe interessare anche

commenta la notizia