Inserting Fireworks HTML code in a Dreamweaver document

Inserting Fireworks HTML code in a Dreamweaver document

The Export command in Fireworks lets you export and save optimized images and HTML files to a location inside the desired Dreamweaver site folder. You can then insert the file in Dreamweaver. For information about exporting Fireworks files as HTML, see Using Fireworks.

Dreamweaver lets you insert Fireworks-generated HTML code, complete with associated images, slices, and JavaScript, into a document. This insertion feature makes it easy for you to create design elements in Fireworks and then incorporate them into an existing Dreamweaver document.

To insert Fireworks HTML into a Dreamweaver document:

  1. In Dreamweaver, place the insertion point in the document where you want the Fireworks HTML code to begin.
  2. Do one of the following:
    • Select Insert > Interactive Images > Fireworks HTML.
    • In the Common category of the Insert bar, click the Insert Fireworks HTML button.
  3. In the dialog box that appears, click Browse to select the desired Fireworks HTML file.
  4. Select the Delete File After Insertion option to move the original Fireworks HTML file to the Recycle Bin (Windows) or Trash (Macintosh) when the operation is complete.

    Use this option if you no longer need the Fireworks HTML file after inserting it. This option does not affect the source PNG file associated with the HTML file.

  5. Click OK to insert the HTML code, along with its associated images, slices, and JavaScript, into the Dreamweaver document.

Related topics

  • Pasting Fireworks HTML into Dreamweaver

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Inserting and Formatting Text
Adding Audio, Video, and Interactive Elements
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly