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
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.