Μπορείτε να δημιουργήσετε διαδραστικά κουμπιά στο Adobe Fireworks Creative Suite 5 για να κάνετε ένα κουμπί ανατροπής — ένα κουμπί που αλλάζει όταν ένας δείκτης του ποντικιού περνά από πάνω του.
Δημιουργήστε τη βασική τέχνη
Πρώτα, πρέπει να δημιουργήσετε τη βασική τέχνη για το κουμπί. (Για αυτό το παράδειγμα, το κουμπί είναι ένα στρογγυλεμένο ορθογώνιο, αλλά μπορείτε να αντικαταστήσετε ένα άλλο σχήμα.) Ακολουθήστε αυτά τα βήματα:
Κάντε κλικ και κρατήστε πατημένο το εργαλείο Rectangle στην ενότητα Vector του πίνακα Εργαλεία και, στη συνέχεια, επιλέξτε Rounded Rectangle από τη λίστα των κρυφών εργαλείων.
Κάντε κλικ και σύρετε στον χώρο εργασίας για να δημιουργήσετε ένα σχήμα.
Οποιοδήποτε μέγεθος είναι καλό για αυτό το παράδειγμα.
Επιλέξτε Παράθυρο→ Στυλ για να ανοίξετε τον πίνακα Στυλ.
Επιλέξτε ένα στυλ από την αναπτυσσόμενη λίστα.
Για παράδειγμα, επιλέξτε Πλαστικά στυλ.
Αυτό το βασικό κουμπί είναι αυτό που βλέπει αρχικά ο θεατής στην ιστοσελίδα σας.

Προσθήκη συμπεριφοράς ανατροπής
Για να προσθέσετε συμπεριφορά ανατροπής στο κουμπί και να δημιουργήσετε την έκδοση του γραφικού κουμπιού που θα βλέπουν οι θεατές όταν οι δείκτες του ποντικιού περάσουν από πάνω του, ακολουθήστε τα εξής βήματα:
Επιλέξτε το στρογγυλεμένο ορθογώνιο σχήμα που δημιουργήσατε στην προηγούμενη ενότητα και, στη συνέχεια, κάντε δεξί κλικ για να επιλέξετε Εισαγωγή Ορθογώνιας Φέτας.
Το σχήμα επισημαίνεται, υποδεικνύοντας ότι έχει δημιουργηθεί ένα hotspot.

Κάντε δεξί κλικ (Windows) ή Control-κλικ (Mac) στο κέντρο του τμήματος και επιλέξτε Προσθήκη απλής συμπεριφοράς ανατροπής από το μενού με τα συμφραζόμενα.

Επιλέξτε Παράθυρο→ Καταστάσεις για να ανοίξετε τον πίνακα καταστάσεων.
Από το μενού του πίνακα καταστάσεων, επιλέξτε Διπλότυπη κατάσταση.

Εμφανίζεται το παράθυρο διαλόγου Διπλότυπη κατάσταση. Διατηρήστε τις ρυθμίσεις στην προεπιλογή της Κατάστασης 1 που εισάγεται μετά την τρέχουσα κατάσταση.
