Dreamweaver, Fireworks & Flash Integration

3 Sessions –
9 Hours of Interactive Training

The Dreamweaver, Fireworks & Flash Integration course from LearnKey focuses on workflow integration among these popular web development tools from Macromedia. Expert instructor, Deborah Berg, shows you the ins and outs of editing, optimizing and exporting images in Fireworks, building keyframe and tweened animations in Flash and pulling all the elements together in Dreamweaver for web presentation. At the conclusion of this course, you will understand strategies for effective integration of Dreamweaver, Fireworks & Flash to produce sizzling websites.

Benefits

Quickly gain mastery of web design tools and integration to maximize your productivity.

Be confident in understanding the best tool for developing professional websites.

Increase your earning potential with in-demand web design knowledge and proficiency.

About The Author

Debbie Berg is a Web designer and the owner of WebDeb Productions, Inc. She has been designing Web sites since 1996. Berg is also an instructor and a keynote speaker and has trained thousands of individuals and hundreds of corporations on Web-related topics since 1997. Berg holds a bachelor's degree in technical writing from the University of South Florida, and when not training others, she's designing Web sites for clients throughout the U.S.

Session 1

Section A: Introduction
· Basic Web Design
· Vector vs. Bitmap
· Fireworks Advantages
· Create Vector Shape
· Using Bitmaps
· Fireworks Features
· Dreamweaver Advantages
· Flash Advantages

Section B: Editing with Fireworks
· Optimizing Images
· Unsharp Mask Effect
· Level Effect
· Hue & Saturation
· Effects vs. Xtras
· File Size Considerations
· Fireworks Source PNG

Section C: Optimizing with Fireworks
· Image Slicing
· The Object Panel
· Text Slices
· GIF Images
· GIF Palettes
· Save as GIF
· JPG Images
· JPG Options
· Selective JPG
· Selective JPG Options
· PNG Images

Section D: Fireworks Export Features
· Define Dreamweaver Website
· HTML & Images
· HTML Setup Options
· HTML in Dreamweaver
· Dreamweaver Preferences
· CSS Layers
· Layers in Dreamweaver
· Library Items
· Library Items in Dreamweaver
· Export Preview
· Optimize in Preview

Section E: Images in Dreamweaver
· Design Notes
· Optimize in Fireworks
· Edit with Fireworks
· Low Source Images
· Use Low Source Image

Section F: Images in Flash
· Import GIF Files
· Swatches Panel
· Optimize Images in Flash
· Import Source PNG
· Edit with Fireworks

Session 2

Section A: Frame-by-Frame Animation
· Fireworks Animation
· Frame Panel Options
· Frame Delay
· Dreamweaver Modifications
· Playback Duration
· Add Key Frame
· Behavior Controls
· Flash Animation
· Flash Key Frames
· Transform Panel

Section B: Tweening with Fireworks
· Animation Symbol
· Graphic Symbol
· Tween Graphic Symbol
· Export Animated GIF
· SWF Export

Section C: Tweening with Flash
· Movie Properties
· Remove Frames & Bitmaps
· Symbol Types
· Create Guide Layer
· Animate Along a Path
· Frames Panel
· Add Symbols to Path

Section D: More Motion Tweening
· Text Animation
· Multiple Instances
· Align
· Create Effects
· Motion Tween
· Copy & Reverse
· Import Images
· Alpha Setting
· Brightness Setting

Section E: Shape Tweening with Flash
· Create Frames
· Break Apart Command
· Shape Hinting

Section F: Flash Animation with Dreamweaver
· Flash Text
· Link
· Flash Button

Section G: Macromedia Extensions
· Flash Dispatcher Behavior
· Publish Flash HTML
· Insert Flash HTML
· Accessibility HTML Template
· Animated GIF

Session 3

Section A: Standard Rollovers
· Rollovers in Fireworks
· Create Rollovers in Fireworks
· Rollovers in Dreamweaver
· Insert Rollover Images
· Button Symbols
· Create Button Symbol
· Using Button Symbols

Section B: Disjointed Rollovers
· Fireworks Rollovers
· Create Event & Target Slices
· Add Swap Image Behavior
· Creating in Dreamweaver
· Layers Panel & Behavior Panel
· Revert to Original Image
· Creating in Flash

Section C: Navigation Bars
· Fireworks Nav Bar
· Fireworks Behaviors
· Dreamweaver Nav Bar
· Add Button to Nav Bar
· Flash Nav Bar
· Movie Clip Symbols
· Create Movie Clip
· Insert Text Labels

Section D: Image Map Design
· Fireworks Image Maps
· Fireworks Hotspots
· Dreamweaver Image Maps
· Flash Image Maps
· Assign Action to Button

Section E: Popup Menus
· Fireworks Popup Menus
· Create Manu
· Dreamweaver Popups
· Show & Hide Layer Behavior

Section F: Flash Popup Menus
· Using Movie Clips
· Using Frame Actions
· Insert Menu Clip
· Using the Goto Action
· Insert Invisible Button
· Test Popup Menu

Section G: HTML Integration
· Export HTML & Imagery
· Insert Fireworks HTML
· Flash Properties
· Embedded Flash Options