View
232
Download
2
Tags:
Embed Size (px)
Citation preview
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
3Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
4Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Import Fireworks images into Dreamweaver
Edit images by launching Fireworks from within Dreamweaver
Setting up the Work Environment
5Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Open Dreamweaver Preferences dialog box to set editor for GIF, JPEG, and PNG files
Setting Fireworks as the Primary External Image Editor
6Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
7Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
8Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Setting up the Dreamweaver Site
Name the site in the Site Definition dialog box
9Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Set preferences
Create a root folder
Create a Library folder for exported images
Setting up the Dreamweaver Site
10Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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)
11Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
12Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Viewing files in the site
.lbi file created when graphic
exported
13Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
14Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Click Done button to return to Dreamweaver
Indicates Fireworks
launched from Dreamweaver
Editing Fireworks Images from within Dreamweaver
15Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Indicates image in library
Optimizing an image in Fireworks
16Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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)
17Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Insert and Edit Macromedia Flash Movies in Dreamweaver
Edit Flash content by selecting placeholder, and then clicking Edit button in the Property inspector
18Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Viewing Information about the Movie
Select placeholder to view information in the Property inspector
19Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Setting an Image to Control the Movie’s Playback
Name the movie object in the Property inspector and select playback options
20Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
21Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
22Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
Naming the movie on the Property inspector
Flash content
file name
Movie object name
23Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
24Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
25Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
26Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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
27Integrating Macromedia MX 2004 Products Web Collection: Integration Chapter A
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