1. Rollover Buttons

2. Objectives and outcomes
To understand how to make rollover buttons
All students will create rollover buttons
Most students will duplicate their homepage to create content pages

3. Step 1
Create a new fireworks file
260 Pixels BY 50 pixels

4. Step 2: Create 3 buttons that look identical. SAVE AS homepage up etc
Biography up.jpeg
Homepage up.jpeg
Muisc up.jpeg

5. Step 3: Create the rollover buttons
Alter something about each button so it changes when you roll your mouse over it.
SAVE AS homepage over etc
Music over.jpeg
Homepage over.jpeg
Biography over.jpeg

6. You should now have 8 buttons
“UP” “Over”

7. Step 4: Insert into dreamweaver
Click in the layer you want them to go in.
INSERT> IMAGE OBJECT>ROLLOVER IMAGE
Original Image = UP
Rollover Image = Over