Graphics and Web Design

Image Concepts

• About graphics on the web
• Planning graphic content
• Download times
• Image formats

The Fireworks Interface

• Setting preferences
• Using the menu bar/panels
• Working with image/object modes
• Creating a new document
• Importing images/graphics
• Magnifying
• Using the info palette

Working With Selections

• Using the selection tools
• Selection options
• Feathering

Drawing & Editing

• Working with the drawing tool
• creating shapes/lines
• Working with the colour tools
• Using the colour table
• Using the colour mixer
• Working with swatches

Working With Vectors

• Using the modify bar
• Rotating/scaling vectors
• Grouping/splitting
• Arrange & align
• Merging vectors
• Masking with vectors

Working With Text & Styles

• Inserting text
• Using the text palette
• Typography & formatting
• Using styles & effects
• Saving styles
• Putting text on a path

Manipulating Images

• Adjusting levels
• Hue, saturation & brightness
• Sharpening/blurring
• Photoshop plug-ins

Using Layers

• Working with the layers palette
• Creating/deleting layers
• Changing layer order
• Swapping layer content
• Maintaining layers
• Sharing layers

Animating Graphics

• About animation
• Using tweening
• Working with symbols/instances
• Animated symbols
• Using the frames panel
• Frame x frame animating
• Frame timing
• Using onion skinning
• Instance to instance animating

Working With Hotspots and Slices

• Ready for the web
• Using the web tools
• Using the web layer
• Creating image maps (hotspots)
• Map settings
• Setting up links
• Inserting slices
• Naming & exporting slices

Creating Buttons & Rollovers

• About JavaScript & behaviours
• Setting up a rollover
• Simple rollovers
• Disjointed rollovers
• Easy buttons
• Drag & drop behaviours
• Creating pop-up menus
• Using the Link Wizard

Optimization

• Using the optimization panel
• Comparison windows
• Optimizing simple graphics/Quality images
• GIF Vs JPEG – when & why
• GIF’s & the colour palette
• GIF colour options
• JPEG’s & quality settings
• Using the selective JPEG option
• Using slices for multiple compression

Export & Integration

• Using the export options
• Exporting in HTML
• CSS Layers
• Flash swf
• Export previews
• Using the Export Wizard
• Integration with other applications

About SquareOne

Any SquareOne course can be tailored to meet the particular requirements of your organisation.
We will be happy to use any of your examples for delegates to ensure that the course is as interesting and relevant as possible.

Course Objectives

Fireworks is the ultimate web graphics application. During the course delegates will learn the essential tools required to bring a web page to life, from simple rollover buttons to highly effective, interactive images.

Delegates are also introduced to the optimization feature, where large image file sizes are dramatically reduced for faster web page downloads.

Course Details

Duration: 2 days
Timings: 9:30 - 16:30

Course Contents

The subjects listed on the left are an outline. If there are any additional subjects you wish to cover, please feel free to call us prior to the course.