INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004

INTEGRATING Macromedia MX 2004 Products

Integrating Macromedia MX 2004

2Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A

Set up the work environment

Place Fireworks images into a Dreamweaver document

Edit Fireworks images from a Dreamweaver document

Insert and edit Macromedia Flash movies in Dreamweaver

Chapter Lessons


The Macromedia MX 2004 Suite includes Flash, Dreamweaver, and FireworksYou can use all MX 2004 programs together to create dynamic content and interactive Web sitesEach product has a similar look and feel, with common features and interface elements

Macromedia MX 2004 Suite


Import Fireworks images into Dreamweaver

Edit images by launching Fireworks from within Dreamweaver

Setting up the Work Environment


Open Dreamweaver Preferences dialog box to set editor for GIF, JPEG, and PNG files

Setting Fireworks as the Primary External Image Editor


When you export a Fireworks file to Dreamweaver, information about the original source file is saved in a Design Notes file (MNO)– Allows Dreamweaver to access the

original PNG source file when editing in Fireworks

– Best to save exported files in a Dreamweaver site

Using Design Notes


Specifying Launch-and-Edit Preferences

Three options for dealing with source PNG files when editing– Always Use Source PNG– Never Use Source PNG– Ask When Launched

Open the Fireworks Preferences dialog box to choose a setting


Setting up the Dreamweaver Site

Name the site in the Site Definition dialog box


Set preferences

Create a root folder

Create a Library folder for exported images

Setting up the Dreamweaver Site


Placing Fireworks Images into a Dreamweaver Document

Insert in document: Click insertion point, then click the Insert Image command on the Insert menu

Insert in root folder: Export Fireworks images into a Dreamweaver site folder (from Fireworks)


Working with LibrariesImages exported to a Dreamweaver Library folder are .lbi files– Choose Library folder as export

destination from Fireworks

The benefit of an .lbi file is that you can automatically update each instance of the file used in the Web site


Viewing files in the site

.lbi file created when graphic

exported


Editing Fireworks Images from within Dreamweaver

Select the image, then click the Edit button on the Property inspector

Fireworks launches and the image appears in Document window


Click Done button to return to Dreamweaver

Indicates Fireworks

launched from Dreamweaver

Editing Fireworks Images from within Dreamweaver


Indicates image in library

Optimizing an image in Fireworks


Insert and Edit Macromedia Flash Movies in Dreamweaver

Insert in document; Click insertion point, then click Insert Media command from Insert menu

Insert in root folder: copy Flash movie to the root folder (from Flash)


Insert and Edit Macromedia Flash Movies in Dreamweaver

Edit Flash content by selecting placeholder, and then clicking Edit button in the Property inspector


Viewing Information about the Movie

Select placeholder to view information in the Property inspector


Setting an Image to Control the Movie’s Playback

Name the movie object in the Property inspector and select playback options



Add a Control Shockwave or Flash behavior to the document object for the movie & select the desired action



Click event list arrow in behavior list to select event

Event will trigger the action– e.g., onMouseOver, onLoad, onClick,

onDblClk, onStart, onMouseMove


Naming the movie on the Property inspector

Flash content

file name

Movie object name


Chapter A SummaryMacromedia MX 2004 programs integrate well together

Import Fireworks images into Dreamweaver and edit them in Fireworks– In Dreamweaver, set Fireworks as the

primary external image editor for GIF, JPEG, and PNG files


Chapter A SummaryDesign Notes file (MNO) created when Fireworks document exported to Dreamweaver– Stores information about original

source file

Set Fireworks preferences for png files– Always Use Source PNG– Never Use Source PNG– Ask When Launched


Chapter A SummarySet up Dreamweaver site using the Site Definition dialog box

– Name the site– Set preferences– Create a root folder– Create a Library folder


Chapter A SummaryInsert Fireworks images into Dreamweaver or export them to a Dreamweaver site folder

Images exported to a Dreamweaver Library folder are .lbi files


Chapter A SummaryEdit a Fireworks image from Dreamweaver by clicking the Edit button on the Property inspector

Insert Flash movies (.swf) into a Dreamweaver document or copy them to folder

Edit Flash movie by clicking the Edit button on the Property inspector


Chapter A SummarySelect an object that will Control the playback of a Flash movie

Add Control Shockwave or Flash behavior to object and select action

Select event that will trigger action

Documents

INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004