Information Horizons
London Development Agency
European Social Fund Learning and Skills Council
Information Technology Qualification
 
Search the site:

Home > Training > Web Design & Development

Fireworks MX

Duration
2 days

Course Objectives
In this comprehensive 2 day course you'll learn how to use Fireworks to create graphics with both vector and bitmap images, apply special effects, build buttons, add rollovers, and create an animated GIF.

You'll learn to optimize your images and to use the Export preview to compare formats and palette choices before making the final output decision. You'll create two types of image maps: a conventional image map where areas of a graphic become hotspots for linking to Web pages, and a disjointed image map where another portion of the graphic is swapped out when the user rolls over a hotspot.

In addition, you'll create pop-up menus for navigating to other HTML pages in your site.

Outline
Bitmap Editing
Bitmap versus Vector Graphics
Fireworks Editing Modes; Floating and Tabbed Panels
The Fireworks Tools Panel
Setting Up a Document; Editing Bitmap Objects
Using the Selection Tools; Using the Magic Wand
Controlling the Edge of a Selection
The Lasso Tool; The Rubber Stamp Tool
The Eraser Tool; The Marquee Tools
The Magnify Tool; Viewing the Gamma Setting

Selecting, Grouping and Stacking
Making Selections in Vector Mode
Grouping Objects; Using the Layers Panel
Using Single-layer Editing
Changing the Stacking Order of Objects
Using the Select Behind Tool

Using Vector Tools
Creating a Logo; The History Panel; The Knife Tool
Using the Mouse Highlight Feature
Applying and Editing Strokes
Changing Stroke Placement; Applying Fill Color Trimming the Canvas; Using the Info Panel
Importing Images, FreeHand and Illustrator Files
Setting Vector File Options

Applying Text, Fills and Live Effects
Adding Text; Aligning Objects; Adding Live Effects Reordering Effects; Working with Masks
Applying Transformations; Applying Fills
Using Web Dither; Using Patterns; Using Textures
Changing the Opacity; Creating Gradients

Advanced Techniques
Duplicating Objects with the Repeat Command Combining Shapes; Adding Text along a Path Adjusting Text Flow on the Path
Converting Text to a Path; Masking an Image

Applying Colors and Styles
Choosing Colors; Selecting from Swatches of Color Mixing Colors; Saving Selected Colors
Using the Color Boxes; Creating and Using Styles

Exporting and Optimizing
Exporting your Images; Choosing the Image Format
Exporting as GIF; Previewing in the Workspace
Working with the Color Table
Creating Transparency; Using a Matte Color
Exporting as JPEG; Saving Export Presets

Creating Animated GIF Images
Defining Animated GIFs; Making an Animation
Using Onion Skinning; Controlling Playback
Exporting a GIF Animation; Applying Tweening
Controlling Static Objects in Animations
Creating Symbols; Animation Symbols; The Library

Creating Buttons
Working with Rollover Buttons; Using the Button Editor
Working with the Web Layer
Using Live Effects for Rollover Buttons
Using the Link Wizard

Using Image Maps and Rollovers
Creating Image Maps; Using the URL Panel
Slicing an Image; Creating Disjointed Rollovers
The Behaviours Panel; Adding a Pop-up Menu

Production Techniques
Using Find and Replace; Using the Project Log
Performing Batch Processing

Integration with Dreamweaver
Using Fireworks in Dreamweaver
Updating HTML from Fireworks
Inserting Buttons from Fireworks into Dreamweaver
Working with CSS Layers
Working with Dreamweaver Library Items

Assumed Knowledge
Delegates attending this course should have a good understanding of designing a web site using Macromedia Dreamweaver. No prior knowledge of Fireworks is expected.

Course Times
10:00am to 5:00pm

Comprehensive course manual included.
Refreshments and lunch are provided on all courses at the Information Horizons Training Centre.

Back to the top of the pageBack to the top