Logo

Title Bar

Home
Custom Shape
Manipulation
Orginization
Rollover Button
   

 

 

 

1. Create a Button 2. Apply a Rollover 3. Export to Dreamweaver  


To place your button into a webpage, certain HTML code must be attached to it. Dreamweaver and Fireworks work together to create this code for you. If you do not have Dreamweaver installed, see the text at the bottom of the page.

To export the button, choose Export from the File menu. Choose HTML and Images for the Save As type and save the file in the same directory that contains the website you will insert the image into.

Now open Dreamweaver. Place the cursor where you want the button. Click on the small yellow Fireworks icon in the toolbar on the top.

Click Browse, and locate the HTML file you saved. Hit OK, and then hit Cancel to any other messages that come up. You now should have a button like the one below.

Rollover Button

You can delete the HTML file after it has been inserted.

It is recommended that you have Dreamweaver for this tutorial. It is available in all Lehigh computer labs through the Software link on the desktop. If you do not have Dreamweaver you can still export your button by pasting the code you create into the HTML code of your page, but only advanced users should attempt this.