INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004

Web Collection: Integration Chapter A 2Integrating Macromedia MX 2004 Products 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

Web Collection: Integration Chapter A 3Integrating Macromedia MX 2004 Products The Macromedia MX 2004 Suite includes Flash, Dreamweaver, and Fireworks You can use all MX 2004 programs together to create dynamic content and interactive Web sites Each product has a similar look and feel, with common features and interface elements Macromedia MX 2004 Suite

Web Collection: Integration Chapter A 4Integrating Macromedia MX 2004 Products Import Fireworks images into Dreamweaver Edit images by launching Fireworks from within Dreamweaver Setting up the Work Environment

Web Collection: Integration Chapter A 5Integrating Macromedia MX 2004 Products Open Dreamweaver Preferences dialog box to set editor for GIF, JPEG, and PNG files Setting Fireworks as the Primary External Image Editor

Web Collection: Integration Chapter A 6Integrating Macromedia MX 2004 Products 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

Web Collection: Integration Chapter A 7Integrating Macromedia MX 2004 Products 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

Web Collection: Integration Chapter A 8Integrating Macromedia MX 2004 Products Setting up the Dreamweaver Site Name the site in the Site Definition dialog box

Web Collection: Integration Chapter A 9Integrating Macromedia MX 2004 Products Set preferences Create a root folder Create a Library folder for exported images Setting up the Dreamweaver Site

Web Collection: Integration Chapter A 10Integrating Macromedia MX 2004 Products 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)

Web Collection: Integration Chapter A 11Integrating Macromedia MX 2004 Products Working with Libraries Images 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

Web Collection: Integration Chapter A 12Integrating Macromedia MX 2004 Products Viewing files in the site.lbi file created when graphic exported

Web Collection: Integration Chapter A 13Integrating Macromedia MX 2004 Products 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

Web Collection: Integration Chapter A 14Integrating Macromedia MX 2004 Products Click Done button to return to Dreamweaver Indicates Fireworks launched from Dreamweaver Editing Fireworks Images from within Dreamweaver

Web Collection: Integration Chapter A 15Integrating Macromedia MX 2004 Products Indicates image in library Optimizing an image in Fireworks

Web Collection: Integration Chapter A 16Integrating Macromedia MX 2004 Products 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)

Web Collection: Integration Chapter A 17Integrating Macromedia MX 2004 Products Insert and Edit Macromedia Flash Movies in Dreamweaver Edit Flash content by selecting placeholder, and then clicking Edit button in the Property inspector

Web Collection: Integration Chapter A 18Integrating Macromedia MX 2004 Products Viewing Information about the Movie Select placeholder to view information in the Property inspector

Web Collection: Integration Chapter A 19Integrating Macromedia MX 2004 Products Setting an Image to Control the Movie’s Playback Name the movie object in the Property inspector and select playback options

Web Collection: Integration Chapter A 20Integrating Macromedia MX 2004 Products Setting an Image to Control the Movie’s Playback Add a Control Shockwave or Flash behavior to the document object for the movie & select the desired action

Web Collection: Integration Chapter A 21Integrating Macromedia MX 2004 Products Setting an Image to Control the Movie’s Playback Click event list arrow in behavior list to select event Event will trigger the action –e.g., onMouseOver, onLoad, onClick, onDblClk, onStart, onMouseMove

Web Collection: Integration Chapter A 22Integrating Macromedia MX 2004 Products Naming the movie on the Property inspector Flash content file name Movie object name

Web Collection: Integration Chapter A 23Integrating Macromedia MX 2004 Products Chapter A Summary Macromedia 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

Web Collection: Integration Chapter A 24Integrating Macromedia MX 2004 Products Chapter A Summary Design 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

Web Collection: Integration Chapter A 25Integrating Macromedia MX 2004 Products Chapter A Summary Set up Dreamweaver site using the Site Definition dialog box –Name the site –Set preferences –Create a root folder –Create a Library folder

Web Collection: Integration Chapter A 26Integrating Macromedia MX 2004 Products Chapter A Summary Insert Fireworks images into Dreamweaver or export them to a Dreamweaver site folder Images exported to a Dreamweaver Library folder are.lbi files

Web Collection: Integration Chapter A 27Integrating Macromedia MX 2004 Products Chapter A Summary Edit 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

Web Collection: Integration Chapter A 28Integrating Macromedia MX 2004 Products Chapter A Summary Select 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