How to Add Text Effects in Adobe Fireworks Creative Suite 5
How to Create Gradients in Fireworks CS5 Graphics
Image Rollovers in Adobe CS5 Dreamweaver

How to Test and Export Image Maps in Fireworks CS5

After you’ve created and linked an image map in Fireworks CS5, you’re ready to test and export it for use on your web page. Follow these steps:

  1. Test your image map by choosing File→Preview in Browser.

  2. If you’re happy with the results, close the browser window and return to Fireworks to export your file.

  3. Choose File→Export.

    The Export dialog box appears.

  4. Type a name in the Name text box.

  5. Choose HTML and Images from the Export drop-down list.

  6. Choose Export HTML File from the HTML drop-down list.

  7. Choose None from the Slices drop-down list and click Save.

  8. If you have created multiple pages in your Fireworks file, don’t forget to choose All Pages from the Pages drop-down menu.

    image0.jpg
  9. When you’re finished, click Save.

That’s it! Now you can choose File→Open in your browser and locate the HTML file to test your finished project or choose File→Open in a web-editing program (such as Adobe Dreamweaver) to modify the HTML file.

The finished image map, as viewed in a web browser (top) and the HTML code created for the image ma
The finished image map, as viewed in a web browser (top) and the HTML code created for the image map (bottom).
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
The Fireworks Professional CS5 Tools Panel
How to Convert Artwork to a Symbol in Fireworks CS5
How to Import Images into Adobe Fireworks Creative Suite 5
Adobe CS5 Dreamweaver Page Images
How to Crop Images in Adobe Fireworks CS5
Advertisement

Inside Dummies.com