Pasting Fireworks HTML into Adobe Dreamweaver

A fast way to place Fireworks-generated images and tables in Adobe Dreamweaver is to copy and paste Fireworks HTML code directly into a Adobe Dreamweaver document.

To copy and paste Fireworks HTML into Adobe Dreamweaver:

  1. In Fireworks, select Edit > Copy HTML Code.
  2. Follow the wizard as it guides you through the settings for exporting your HTML and images. When prompted, specify your Adobe Dreamweaver site folder as the destination for the exported images.

    The wizard exports the images to the specified destination and copies the HTML code to the Clipboard.

  3. In Adobe Dreamweaver, place the insertion point in the document where you want to paste the HTML code, and select Edit > Paste.

    All HTML and JavaScript code associated with the Fireworks files you exported is copied into the Adobe Dreamweaver document, and all links to images are updated.

To export and paste Fireworks HTML into Adobe Dreamweaver:

  1. In Fireworks, select File > Export.
  2. In the Export dialog box, specify your Adobe Dreamweaver site folder as the destination for the exported images.
  3. In the Save As pop-up menu, select HTML and Images.
  4. In the HTML pop-up menu, select Copy to Clipboard; then click Save.
  5. In Adobe Dreamweaver, place the insertion point in the document where you want to paste the exported HTML code, and select Edit > Paste.

    All HTML and JavaScript code associated with the Fireworks files you exported is copied into the Adobe Dreamweaver document, and all links to images are updated.

Related topics