Water Heater User Manual

ADOBE FIREWORKS CS3
User Guide
221
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:
The Up state is the default or at-rest appearance of the button.
The Over state is the way the button appears when the pointer is moved over it. This state alerts the user that clicking
the mouse is likely to result in an action.
The Down state represents the button after it is clicked. Often a concave image of the button is 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 is the appearance when the user moves the pointer over a button 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:
1 Select Edit > Insert > New Button to open the Button Editor.
The Button Editor opens to the Up state tab.
2 Import or create the Up state graphic:
• 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.
• Set the 9-slice scaling guides to keep the button shape from being distorted when it is resized. For more infor-
mation, see “Using 9-slice scaling” on page 188.
• Click Import a Button and select a ready-made editable button from the Button Import library. If you select 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.
3 If desired, select the Text tool and create text for the button.
To create an Over state:
1 With the Button Editor open, click the Over tab.
2 Do one of the following to create the button’s Over state: