PDF (adobe.com)

Create image maps

After you've inserted hotspots above a graphic, export the graphic as an image map so it functions in a web browser. Exporting an image map generates the graphics and the HTML containing map information for hotspots and corresponding URL links. Fireworks produces only client-side image maps when exporting.

Alternatively, copy your image map to the Clipboard and paste it into Dreamweaver or another HTML editor.

For information on placing exported Fireworks content into Dreamweaver, see Working with Dreamweaver

  1. Optimize the graphic to prepare it for export.

  2. Select File > Export.

  3. If you are exporting your image, navigate to the folder where you want to place the HTML file, and name the file.

    If you have already built a local file structure for your website, you can save the graphic in the appropriate folder for the site from here.

  4. In the Save as Type pop-up menu, select HTML And Images.

  5. Select an option from the HTML pop-up menu:

    Export HTML File
    Generates the required HTML file and corresponding graphics files for importing into Dreamweaver or another HTML editor.

    Copy to Clipboard
    Copies all required HTML, including a table if the document is sliced, to the Clipboard for pasting into Dreamweaver or another HTML editor.
    Note: For Slices, select None only if the document contains no slices.

  6. (Export only) If necessary, select Put Images In Subfolder and browse to the appropriate folder.

  7. Click Save.

  8. When you export files, Fireworks can use HTML comments to label the beginning and end of code for image maps and other web features. By default, HTML comments are not included in the code. To include them, select Include HTML Comments on the General tab of the HTML Setup dialog box.