MACROMEDIA FIREWORKS MX 2004-USING FIREWORKS Use Manual page 192

•
A button is easy to edit. Double-click the instance on the canvas, and you can change it in the
Button Editor or the Property inspector.
•
Like other symbols, buttons have a registration point. The registration point is a center point
that helps you align text and the different button states while in the Button Editor.
About button states
A button can have up to four different states. Each state represents the button's appearance in
response to a mouse event:
is the default or at-rest appearance of the button.
The Up state
The Over state
the user that clicking the mouse is likely to result in an action.
The Down state
used to signify that it has been pressed. This button state typically represents the current web page
on multibutton navigation bars.
The Over While Down state
that is in the Down state. This button state typically shows that the pointer is over the button for
the current web page on multibutton navigation bars.
With the Button Editor, you can create all of these different button states, as well as an area for
triggering the button action.
Using the Button Editor
The Button Editor is where you create and edit a JavaScript button symbol in Fireworks. The tabs
along the top of the Button Editor correspond to the four button states and the active area. The
tips on each option in the Button Editor help you make design decisions for all four button states.
Creating a simple two-state button
With the Button Editor, you can create custom buttons by drawing shapes, importing graphic
images, or dragging objects from the Document window. The Button Editor then takes you
through the steps to control the button's behavior.
To create an Up state:
Choose Edit > Insert > New Button to open the Button Editor.
1
The Button Editor opens to the Up state tab.
Import or create the Up state graphic:
2
Drag and drop or import the graphic that will appear as the button's Up state into the work
area of the Button Editor.
Use the drawing tools to create a graphic or use the Text tool to create a button from text.
Click Import a Button and select a ready-made editable button from the Button Import
library. If you choose this option, you won't have to worry about creating the remaining
states for your button. Each of the button's states will be automatically filled with the
appropriate graphics and text.
If desired, choose the Text tool and create text for the button.
3
192 Chapter 10: Creating Buttons and Pop-up Menus
is the way the button appears when the pointer is moved over it. This state alerts
represents the button after it is clicked. Often a concave image of the button is
is the appearance when the user moves the pointer over a button