Matteo Pignatelli
a- a+

Creare un pulsante

 

Per prima cosa bisogna creare l'immagine da usare come pulsante.
(In questo caso ho creato un semplice rettangolo arrotondato 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 stato Sopra. Qui è possibile disegnare una nuova immagine oppure incollare una copia di quanto disegnato nella scheda precedente per poi modificarla usando il pulsante Copia grafico che compare in basso a destra . L'opzione Tecnica Onion skin rende semitrasparenti tutti gli stati e torna utile per verificare l'allineamento delle varie immagini.Questo passaggio può essere effetuato con tutti gli stati del roolover.

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

In basso compare il pulsante Autocomposizione collegamento URL che permette di collegare al pulsante un URL e di digitare un testo alternativo (ALT) che viene visualizzato quando il puntatore si ferma sul pulsante e un messaggio(opzionale) da far apparire nella barra di stato.

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

 




Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Lorenzo
Hai qualche domanda da fare?