Du kan oprette interaktive knapper i Adobe Fireworks Creative Suite 5 for at lave en rulleknap - en knap, der ændres, når en musemarkør passerer hen over den.
Skab den grundlæggende kunst
Først skal du oprette den grundlæggende kunst til knappen. (I dette eksempel er knappen et afrundet rektangel, men du kan erstatte en anden form.) Følg disse trin:
Klik og hold Rektangelværktøjet i Vektor-sektionen af Værktøjspanelet, og vælg derefter Afrundet rektangel fra listen over skjulte værktøjer.
Klik og træk i arbejdsområdet for at oprette en form.
Enhver størrelse er fin til dette eksempel.
Vælg Vindue → Stilarter for at åbne panelet Typografier.
Vælg en stil på rullelisten.
Vælg f.eks. Plastic Styles.
Denne grundlæggende knap er, hvad seeren oprindeligt ser på din webside.

Tilføj rollover-adfærd
Følg disse trin for at tilføje rollover-adfærd til knappen og oprette den version af knapkunstværket, som seerne vil se, når deres musemarkører passerer hen over den:
Vælg den afrundede rektangelform, du oprettede i det foregående afsnit, og højreklik derefter for at vælge Indsæt rektangulært udsnit.
Formen er fremhævet, hvilket indikerer, at der er oprettet et hotspot.
![Sådan laver du en rollover-knap i Fireworks CS5]()
Højreklik (Windows) eller Ctrl-klik (Mac) på midten af udsnittet, og vælg Tilføj simpel rollover-adfærd i kontekstmenuen.
![Sådan laver du en rollover-knap i Fireworks CS5]()
Vælg Vindue → Stater for at åbne panelet Stater.
Vælg Dupliker tilstand i panelmenuen Status.
![Sådan laver du en rollover-knap i Fireworks CS5]()
Dialogboksen Duplicate State vises. Hold indstillingerne på standardtilstanden for tilstand 1, der indsættes efter den aktuelle tilstand.
![Sådan laver du en rollover-knap i Fireworks CS5]()