Fireworks lets you export HTML in Generic, Dreamweaver, FrontPage, and Adobe® GoLive® formats. Generic HTML works in most HTML editors. Exporting Fireworks HTML generates an HTML file and the associated image files in a location you specify.

NOTE

Fireworks also exports HTML when you export to CSS layers and to Adobe Director. For more information about CSS layers, see Exporting CSS layers. For more about Director, see Working with Adobe Director MX.

The export method of getting Fireworks HTML into other applications is ideal if you are working in a team environment. Exporting an HTML file divides the workflow into segments so that one person can perform a task in one application, and another can take over at a later time using another application.

You can set up global HTML export preferences using the HTML Setup dialog box. For more information, see Setting HTML export options.

NOTE

Adobe Dreamweaver shares a tight integration with Fireworks. Fireworks handles the export of HTML Dreamweaver differently than that of other HTML editors. If you are exporting Fireworks HTML to Dreamweaver, follow these instructions, but for additional application-specific notes, also see Working with Adobe Dreamweaver.

To export Fireworks HTML:

  1. Do one of the following to open the Export dialog box:
    • Select File > Export.
    • Click the Quick Export button at the upper right corner of the Document window, then select an export option from the destination application's pop-up menu. Fireworks automatically fills in the text boxes of the Export dialog box with the appropriate settings for the selected application.

    NOTE

    Non-Adobe applications are found in the Quick Export > Other submenu.

  2. Navigate to the desired site folder on your hard drive.
  3. Select HTML and Images from the Export pop-up menu.
  4. Click the Options button and select your HTML editor from the HTML Style pop-up menu on the General tab of the HTML Setup dialog box. If your HTML editor is not listed, select Generic.

    NOTE

    It's important that you select your HTML editor as the HTML style; if you do not, interactive elements such as buttons and rollovers may not function correctly when imported into your HTML editor.

  5. Click OK to return to the Export dialog box.
  6. Select Export HTML file from the HTML pop-up menu.

    Choosing Export HTML generates an HTML file and the associated image files in the location you specify.

  7. Select Export Slices from the Slices pop-up menu if your document contains slices.
  8. Select Put Images in Subfolder if you want images stored in a separate folder. You can select a specific folder or use the Fireworks default, which is a folder named images.
  9. Click Export.

    After export, you'll see the files Fireworks exported on your hard drive. Images and an HTML file are generated in the location you specified in the Export dialog box.