Course details

This course will create web graphics from start to finish with Fireworks CS3. Students will explore Dreamweaver CS3 integration such as the new Copy/Paste function. Website graphics will be created from scratch to completion. Students will learn about image optimization, file formats such as GIF, JPG and PNG, tweening live effects, creating rollovers and mocking up entire websites in Fireworks to export to Dreamweaver.

Course Outline

Learning the Basics

  • Introducing Fireworks CS3
  • Navigating the Fireworks CS3 interface
  • Opening an existing document
  • Working with Multiple Pages in Fireworks
  • Web design workflow from conception to publishing

Working with Bitmap Graphics

  • Creating new images
  • Using selection tools
  • Modifying bitmap images
  • Working with additional bitmap tools

Prototyping Web Sites

  • Using the Pages panel to prototype web sites
  • Working with hierarchical layers to organize in sublayers

Creating Logos with Vectors and Layers

  • Using vector tools with the new Path Panel
  • Using strokes and fills
  • Selecting and grouping
  • Using layers
  • Using the Text tool
  • Using effects and styles
  • Combining simple paths

Creating Buttons

  • Creating buttons
  • Using graphics as buttons

Creating Image Maps and Rollovers

  • Adding interactivity
  • Slicing objects
  • Adding behaviors
  • Creating disjointed rollovers
  • Creating a pop-up menu

Optimizing and Exporting

  • Exporting from Fireworks
  • Optimizing graphics
  • Exporting graphics
  • Exporting as HTML

Integration with other CS3 Applications

  • Accessibility to Photoshop Live Effects
  • Maintaining layers from Photoshop and Illustratror
  • Copy/Pasting directly into Dreamweaver or Flash
  • Creating Flash slide shows

Symbols and “9-slice” Scaling

  • Converting graphics to Symbols in Fireworks
  • Working with the Symbol Editor
  • Using 9 -Slice Scaling to resize Symbols
  • Setting Scaling Guides to control what areas are scaled
  • Using the Common Library of Symbols
Updated on 08 November, 2015

About New Vision Training Center

New Vision training center was founded; New Vision Computer Learning and testing Center has grown in this short period to become one of the best IT training centers in Egypt . They offer now more courses, at more times for the most respected international certifications ever in the computer training industry, with hands-on laboratory exercises where learners apply what they learn in class.

New Vision can offer IT training for many small, medium and large organizations. The variety of learning options from New Vision allows students to learn in the manner that best suits their schedule, budget, learning style and expertise

The success of our customers is realized through training classes, but the foundation of New Vision is based on inspiring students and companies to become more productive and successful in their daily activities. They see it on our students' faces every day and as long as they gain more knowledge. It's the confidence that comes from learning

About our staff it consists of professional technical certified instructors ready to share all the knowledge with their learners. They provide the right environment to develop and empoTheyr staff, within organizations, to make full use of their Information systems and applications and above all their personal potential. Our staff is simply the right team in the right place.

The New Vision Training Center knows firsthand that computer training has to meet all of its customers' needs in order to have a tangible lasting impact. When you measure across multiple customer segments—each of which has its own priorities—you see how much more training must do to consistently and simultaneously satisfy participants, managers, and executives. Training then can move to close those gaps and deliver more real value. Closing those gaps betTheyen employer skill needs and employee skills development is the main objective of New Vision.

See all New Vision Training Center courses
Are you from New Vision Training Center ? Claim your course!
Courses you can instantly connect with... Do an online course on Adobe starting now. See all courses

Is this the right course for you?

Rate this page

Didn't find what you were looking for ?

or