Macromedia Fireworks MX Introduction

Macromedia Fireworks MX is a powerful tool that enables you to create and compress graphics for the Web. Fireworks MX's power is not limited to editing and optimizing existing images. The program also has robust abilities to create fresh and innovative images from scratch, build compact HTML code, and generate dynamic and interactive effects. Specifically written for the Web, Fireworks MX makes the process of building image rollovers, animated graphics, image maps, and pop-up menus a simple task.

After completing this course, students will be able to:

• Enhance your productivity
• Optimize and Compress images as GIFs, JPEGs, and PNGs
• Slice Images
• Use Symbols and Instances
• Create Dynamic Buttons
• Create Image Rollovers
• Build Pop-up Menus
• Include Animated Graphics
  

Target audience

All students should have a good working knowledge of Dreamweaver gained through practical experience or from attending an introductory-level course. Alternatively, knowledge of HTML to an intermediate level can be accepted as a prerequisite for this course.

Course content

Introduction The Fireworks Interface

Graphic File Formats for the Web The GIF, JPEG, and PNG • Compressing, Optimizing, and Exporting Images in Fireworks • Tips to Optimizing Graphics • Exercise 1: Optimizing Graphics for the Web

Raster vs. Vector Graphics Raster Graphics • Vector Graphics

Working with Raster Graphics Importing an Image • Selecting Pixels • Drawing Tools that Modify Bitmaps (Raster Graphics) • Applying Filters to a Raster Graphic • Organizing Content with Layers • The Layers Panel • Exercise 2: Modifying Existing Raster Graphics

Working with Vectors to Create Images from Scratch Using the Tools to Draw Vector Graphics • Aligning and Grouping Objects • Ensuring Precision with the Rulers, Grids, and Info Panel • Converting a Vector Graphic to a Raster

Modifying Paths & Strokes Modifying a path • Attaching Text to a Path • Modifying a Stroke • Exercise 4: Modifying Strokes

Modifying Fills Fills • Transforming and Distorting Patterned and Gradient Fills • Combining Fills • Masking

Effects & Styles Effects • Styles • Exercise 6: Adding Effects and Saving Files

Slicing The Properties for a Slice • Exporting the Slices and the HTML Page • Exercise 7: Slicing

Creating and Incorporating Backgrounds Applying a Background Color • Creating and Incorporating Background Images • Exercise 8 (Optional): Applying Backgrounds to a Page

Transparency Anti-aliasing § Anti-Aliasing • Exercise 9: GIF Transparency and Anti-aliasing

Image Maps Creating an Image Map • Exercise 10: Image Maps

Symbols Converting a Graphic to a Symbol • Symbols within Symbols • Exercise 11: Building a Comprehensive Symbol • Exercise 12: Sharing Symbols across Pages

Editing & Updating Symbols A Page of only Symbols • Exercise 13: Editing & Updating Symbols • The Frames Panel • Frames vs. Layers • Animation with Symbols • Exercise 14: Animation with Symbols

Frame-by-Frame Animation Onion Skinning • Controlling the Animation's Timeline • Exercise 15 (Optional): Frame-by-Frame Animations

Image Rollovers Button Symbols • Exercise 16: Button Symbols

Pop-up Menus Implementing a Pop-up Menu • Exercise 17: Adding Pop-Up Menus

Appendix A: Inserting an Image into a Web Page Adding an Image to a Web Page

Appendix B: Controlling the Background

Appendix C: Image Rollovers & JavaScript Behaviors Animations and JavaScript Rollovers • Creative Rollover Effects • Exercise 18 (Optional): Implementing a JavaScript Rollover

Appendix D: Advanced Rollovers Advanced Rollovers via the Drag and Drop Shortcut • Advanced Rollovers via the Swap Image Behavior • Advanced Rollovers via the Behaviors Panel: • Exercise 19: Advanced Rollover

About Courseware Company :: Instructor-led training courseware :: Self-study solutions :: Buy online today