beautypg.com

Working with fireworks and dreamweaver, Insert a fireworks image, Edit a fireworks image or table from dreamweaver – Adobe Dreamweaver CC 2015 User Manual

Page 437

background image

430

Cross-product

Last updated 6/3/2015

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

.

More Help topics

About Design Notes

Enable and disable Design Notes for a site

Dreamweaver InDesign tutorial

Working with Fireworks and Dreamweaver

Insert a Fireworks image

Dreamweaver and Fireworks recognize and share many of the same file-editing procedures, including changes to links,
image maps, table slices, and more. Together, the two applications provide a streamlined workflow for editing,
optimizing, and placing web graphics files in HTML pages.

You can place a Fireworks exported graphic directly in a Dreamweaver document using the Insert Image command, or
you can create a new Fireworks graphic from a Dreamweaver image placeholder.

1

In the Dreamweaver document, place the insertion point where you want the image to appear, then do one of the
following:

• Select Insert > Image.

• In the Common category of the Insert panel, click the Image button or drag it to the document.

2

Navigate to the desired Fireworks exported file, and click OK (Windows) or Open (Macintosh).

Note: If the Fireworks file is not in the current Dreamweaver site, a message appears asking whether you want to copy
the file to the root folder. Click Yes.

Edit a Fireworks image or table from Dreamweaver

When you open and edit an image or an image slice that is part of a Fireworks table, Dreamweaver starts Fireworks,
which opens the PNG file from which the image or table was exported.

Note: This assumes that Fireworks is set as the primary external image editor for PNG files. Fireworks is often also set as
the default editor for JPEG and GIF files, although you may wish to set Photoshop as the default editor for these file types.