Dreamweaver

About Photoshop, Flash, and Fireworks integration

Photoshop, Fireworks, and Flash are powerful web-development tools for creating and managing graphics and SWF files. You can tightly integrate Dreamweaver with these tools to simplify your web design workflow.

Note: There is also limited integration with some other applications. For example, you can export an InDesign file as XHTML and continue working on it in Dreamweaver. For a tutorial on this workflow, see www.adobe.com/go/vid0202.

You can easily insert images and Flash content (SWF files) in a Dreamweaver document. You can also edit an image or Flash file in its original editor after you insert it in a Dreamweaver document.

Note: To use Dreamweaver in conjunction with these Adobe applications, you must have these applications installed on your computer.

Product integration is achieved through roundtrip editing, in the case of Fireworks and Flash, and Design Notes. Roundtrip editing ensures that code updates are transferred correctly between Dreamweaver and these other applications (for example, to preserve rollover behaviors or links to other files).

Design Notes are small files that allow Dreamweaver to locate the source document for an exported image or Flash file. When you export files from Fireworks, Flash, or Photoshop directly to a Dreamweaver defined site, Design Notes containing references to the original PSD, PNG, or Flash authoring file (FLA) are automatically exported to the site along with the web-ready file (GIF, JPEG, or SWF).

In addition to location information, Design Notes contain other pertinent information about exported files. For example, when you export a Fireworks table, Fireworks writes a Design Note for each exported image file in the table. If the exported file contains hotspots or rollovers, the Design Notes include information about the scripts for them.

As part of the export operation, Dreamweaver creates a folder named _notes in the same folder. This folder contains the Design Notes that Dreamweaver needs to integrate with Photoshop or Fireworks.

Note: In order to use Design Notes, you must make sure they are not disabled for your Dreamweaver site. They are enabled by default. However, even if they are disabled, when you insert a Photoshop image file, Dreamweaver creates a Design Note to store the location of the source PSD file.

For a tutorial on Dreamweaver and Fireworks integration, see www.adobe.com/go/vid0188.

For a tutorial on Dreamweaver and Photoshop integration, see www.adobe.com/go/vid0200.