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).