Imaging for the Web

fireworksTap into the power of Fireworks to create dynamic Web graphics. Macromedia Fireworks is the premier program for bridging the gap between graphic design and web development. Fireworks eliminates the need for expensive image editing programs with high learning curves, allowing you to manipulate photos, design fantastic web graphics, and create animation with little or no design experience. And, it takes things a step further: import your web design into or create a new design in Fireworks, and let it optimize and slice your images, and create the HTML and JavaScript as well.

Disclaimer: This course has not been updated since 2004 and is no longer supported. It is presented here only as an example of my work.

Lesson 1: Web Graphic Fundamentals

Lesson 2: Get Started with Fireworks

  • The Fireworks MX Work Environment
  • Creating a New Document
  • Working with Text
  • Preparing for the Web
  • Conclusion

Lesson 3: Create Buttons

  • Introduction to Buttons
  • Turning a Button into a Navigational Bar
  • Linking Your Buttons
  • Optimizing and Exporting
  • Conclusion

Lesson 4: Create Rollover Buttons

  • What is a Rollover?
  • Creating the First Button
  • Duplicating the Button Symbol
  • Preparing for the Web
  • Conclusion

Lesson 5: Create an Image Swap

  • What is An Image Swap?
  • Creating the Up State
  • Creating the Over State and Assigning Behaviors
  • Preparing for the Web
  • Conclusion

Lesson 6: Create a Basic Animation

  • Introduction to Animation
  • Creating the Background Layer
  • Creating the Foreground Layer
  • Animating and Preparing for the Web
  • Conclusion

Lesson 7: Advanced Animation Techniques

  • Introduction
  • Creating the Background Layer
  • Creating the Animated Layer
  • Animating and Preparing for the Web
  • Conclusion

Lesson 8: Create a Pop-Up Menu

  • Introduction
  • Creating the Artwork
  • Creating a Pop-up Menu
  • Preparing for the Web
  • Conclusion

Lesson 9: Work with Photos

  • Introduction
  • Scanners and Digital Cameras
  • Photo Retouching
  • finishing Touches
  • Conclusion

Lesson 10: Create a Simple Web Page

  • Introduction
  • Planning the Page Design
  • Creating the Layout
  • Preparing for the Web
  • Conclusion

Lesson 11: Create a Website

  • Introduction
  • Working with Masks
  • Use Blending Modes
  • Finishing the Web Gallery
  • Conclusion

Lesson 12: Publish and Troubleshoot

  • Introduction
  • Fireworks MX Integration
  • The Fundamentals of Web Hosting
  • Planning Your Hosting Needs
  • Conclusion