Fireworks CS4

Fireworks CS4 Training

2 Sessions –

3 Hours of Interactive Training

Learn how to design and optimize images for the Web with Fireworks CS4. LearnKey expert Deborah Berg explains the basic tools and fundamental features to create and enhance your Web images. You'll also learn how to prototype a Web page layout and publish it to CSS-based HTML. This course is a great overview of how to use Fireworks to create professional images and Web page layouts for the Web.

Benefits

Enhance your Web images with excellent design tools

Publish images in various Web formats (GIF, JPG, HTML, CSS, PDF)

Go beyond the basics to design prototypes

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
· Welcome to Fireworks
· Fireworks Start Page
· Interface Overview
· Toolbox
· Property Inspector
· Panels
· Customizing Fireworks Interface
· Opening Documents
· Rulers/Guides/Grids

Section B: Fills
· Working with Fills
· Solid Fill
· Subselection Tool
· Gradient Fill
· Pattern Fill
· Texture Fill
· Color Fill Live Filter
· Fill Edges

Section C: Strokes
· Line Tool
· Line Properties
· Pen Tool
· Curved Lines
· Converting Lines
· Freeform Tool
· Vector Path Tool
· Redraw Path Tool
· Removing Strokes

Section D: Text
· Creating Text
· Formatting Text
· Importing Photoshop Text
· Photoshop Import Options
· Attach Text In Path
· Importing Word Documents
· Attach In Path Command

Section E: Layers
· Creating Layers
· Layer Properties
· Duplicating Layers
· Duplicating Objects
· Deleting Layers
· Organizing Layers
· Exporting Layers
· Web Layers

Section F: Symbols
· Convert to Symbol
· Create Common Library Symbol
· Sharing Symbols
· Editing Symbols
· Button Symbols
· Scaling Button Symbols
· Creating Rollovers
· Defining Active Area
· Create Navigation Bar
· Animation Symbols
· Customizing State Animation
· Component Symbols
· Editing and Updating Symbols

Session 2

Section A: Bitmap Graphics
· Understanding Bitmaps
· Marquee Tool
· Oval Marquee Tool
· Lasso and Polygon Tools
· Magic Wand Tool
· Pencil Tool
· Brush Tool
· Eraser Tool
· Red Eye Removal Tools
· Photoshop Integration
· Photoshop Live Effects

Section B: Productivity Using Prototypes
· Creating a Mock-Up
· Setting a Page Tag Line
· Creating a Navigation Bar
· Setting a Master Page
· Creating Pages
· Sharing Layer Pages
· Creating CSS-Based Layouts

Section C: Optimizing Images
· Understanding Size and Quality
· GIF
· Using GIFs
· Optimizing GIFs
· JPEG
· Optimizing JPEGs
· Quality Based Optimization
· Selective JPEG Compression
· PNG
· PNG 8
· PNG 32
· PNG 24

Section D: Image Slicing
· Rectangle Slices
· Slicing and Optimizing Guides
· Gradient Slices
· Polygon Slices
· HTML Slices
· Slice Properties
· Image Optimization with Slices

Section E: Exporting
· Export Options
· Exporting Images
· Exporting HTML
· HTML Table and Naming Options
· Other HTML Save Options
· Preview HTML Export
· Exporting CSS
· Exporting for Flash
· Exporting PDFs
· Preparing PDF Links
· PDF Export Options