PDF (adobe.com)

Copy HTML code to the Clipboard

You can copy HTML code to the Clipboard in Fireworks in either of two ways. Use the Copy HTML Code command, or select Copy To Clipboard as an option in the Export dialog box. You'll later paste this HTML into a document in your preferred HTML editor.

When determining how to put Fireworks HTML into other applications, consider the following disadvantages of copying HTML code to the Clipboard:

  • You don't have the option to save images into a subfolder. They must reside in the same folder as the HTML file where you paste the copied HTML. An exception is HTML copied to Dreamweaver.

  • Any links or paths used in Fireworks pop-up menus will map to your hard drive. HTML copied to Dreamweaver is an exception.

  • If you use an HTML editor other than Dreamweaver or Microsoft FrontPage, JavaScript code associated with buttons, behaviors, and rollover images is copied but may not function correctly.

    If these issues pose a problem for you, use the Export HTML option instead of copying HTML to the Clipboard.

    Note: Before you copy HTML code, be sure that you've selected the appropriate HTML style and chosen Include HTML Comments from the General tab of the HTML Setup dialog box.

Copy Fireworks HTML using the Copy HTML Code option

  1. Select Edit > Copy HTML Code.

  2. Follow the wizard. When prompted, specify a folder as the destination for the exported images. This must be the location where your HTML file will reside.

    Note: If you plan to paste the HTML code into Dreamweaver, it does not matter where you export the images, as long as they reside in the same Dreamweaver site as the HTML file into which you will paste your code.

Copy Fireworks HTML using the Export dialog box

  1. Select File > Export.

  2. In the Export dialog box, specify a folder as the destination for the exported images. This must be the same location where your HTML file will reside.

    Note: If you plan to paste the HTML code into Dreamweaver, it does not matter where you export the images, as long as they reside in the same Dreamweaver site as the HTML file into which you will paste your code.

  3. From the Export pop-up menu, select HTML and Images.

  4. From the HTML pop-up menu, select Copy to Clipboard.

  5. If your document contains slices, select Export Slices from the Slices pop-up menu.

  6. Click the Options button, select your HTML editor from the HTML Setup dialog box, and then click OK.

  7. Click Save.

Paste HTML copied from Fireworks into an HTML document

  1. In your HTML editor, open an existing HTML document or create a new one. Save the document to the same location in which you exported your images.

    Note: Saving the HTML file to the same location as the exported images is not necessary if you use Dreamweaver. As long as you export the images from Fireworks to a Dreamweaver site, and save the HTML file to a location somewhere within that site, Dreamweaver resolves the paths to the associated images.

  2. View the HTML code, and place the insertion point between the <BODY> tags.

    Note: HTML code copied from Fireworks does not include the opening or closing <HTML> and <BODY> tags.

  3. Paste the HTML code.

    If possible when you copy to the Clipboard, export images to the location where they will reside on the website. Fireworks uses document-relative URLs, so if the HTML or images are moved, the URL links are broken.