Operation Manual

342

Last updated 3/28/2012

Chapter 13: Working with other

applications

Cross-application integration

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 content created with Adobe Flash (SWF and FLV files) in a Dreamweaver document.

You can also edit an image or SWF 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.

For Fireworks and Flash, product integration is achieved through roundtrip editing. 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).

Dreamweaver also relies on Design Notes for product integration. Design Notes are small files that allow Dreamweaver

to locate the source document for an exported image or SWF 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, PNG, 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 as the exported asset.

This folder contains the Design Notes that Dreamweaver needs to integrate with Photoshop, Flash, 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/lrvid4043_dw.