Foundation Fireworks CS4

Table of contents

1. Copyright
2. FOREWORD
3. ABOUT THE AUTHORS
4. ABOUT THE TECHNICAL REVIEWER
5. ABOUT THE COVER IMAGE DESIGNER
6. LAYOUT CONVENTIONS
7. LEARNING FIREWORKS
   1. WELCOME TO FIREWORKS
      1. Fireworks as a web design tool
      2. Fireworks as a design and illustration tool
      3. Fireworks as a prototyping tool
      4. Fireworks and the Creative Suite
      5. Summary
   2. FIREWORKS AND CS4 INTEGRATION
      1. What is integration?
      2. Integration with Photoshop
      3. Integration with Illustrator
      4. Integration with Flash
      5. Summary
   3. WORKING WITH BITMAPS
      1. Bitmap layers
      2. Bitmap tools
      3. Selection tools
      4. Drawing tools
      5. Image adjustment/effects tools
      6. Additional retouching tools
      7. Summary
   4. WORKING WITH VECTORS
      1. Using the Vector tools
      2. Using the Paths panel
      3. Summary
   5. EXPORTING FROM FIREWORKS TO THE WEB
      1. File optimization: The tools
      2. Image optimization
      3. Using the Export command
      4. Summary
8. USING FIREWORKS
   1. CREATING VISUAL EFFECTS
      1. Building blocks
      2. Creating popular effects
      3. Summary
   2. THE INS AND OUTS OF ANIMATION
      1. The States panel
      2. Building an animation
      3. Morphing an animation
      4. Creating the animation states
      5. Exporting animations for the Web
      6. Summary
   3. SKINNING FLEX COMPONENTS WITH FIREWORKS
      1. Creating a new Flex skin in Fireworks
      2. Reskinning the button
      3. Exporting the skin
      4. Importing the skin in Flex
      5. Summary
   4. CREATING ADOBE AIR PROTOTYPES
      1. Designing the master page
      2. Adding hotspots and interaction
      3. Creating the Adobe AIR package
      4. Summary
   5. FIREWORKS EXTENSIONS
      1. Types of extensions
      2. Finding extensions online
      3. Additional extension resources
      4. Using the Extension Manager
      5. Summary
   6. EXTENDING FIREWORKS: DEVELOPING AN EFFECTIVE WORKFLOW USING JAVASCRIPT AND FLASH
      1. Foundation terminology
      2. Learning the basics of an advanced workflow
      3. Defining a Fireworks workflow
      4. Building a functional UI in Flash
      5. Streamlining your workflow with the Fireworks developer toolbox
      6. Defining Flash panel resize behavior
      7. Responding to Fireworks events
      8. Building panels with ActionScript 3
      9. Packaging and deploying your panel
      10. Learning the Fireworks object model
      11. Summary
9. FIREWORKS IN ACTION
   1. WEB SITE CASE STUDY #1: BLOG
      1. Phase 1: Project planning and preparation
      2. Phase 2: Exploring layouts with wireframes
      3. Phase 3: Turning wireframes into gray frames
      4. Phase 4: Creating a logo for the design
      5. Phase 5: Putting all the pieces together: The design composition
      6. Phase 6: -Build-out: From graphics to code
      7. Phase 7: Integrating into a CMS
      8. Summary
   2. WEB SITE CASE STUDY #2: CSS SPRITES
      1. Creating site navigation with sprites
      2. Preparing a new page
      3. Writing the HTML
      4. Writing the CSS
      5. Summary
   3. WEB SITE CASE STUDY #3: E-COMMERCE
      1. Checking out with shared layers and pages
      2. Setting up the workspace
      3. Building all the graphics in Fireworks
      4. Assembling the pages
      5. Summary