Skip Navigation Links
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Acrobat&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Adobe Bundles&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>AfterEffects&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>CS3 Workflow&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Dreamweaver&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Elements&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Flash&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Flex&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Illustrator&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>InCopy&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>InDesign&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Microsoft Expression&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Photoshop&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Premiere&nbsp;</div>
Expand <div class='menu' onmouseover='change_other(this)' onmouseout='change_on(this)' style='width:185'>Production Studio&nbsp;</div>

CS3 Workflow > CS3 Web Design Workflow Training

CS3 Web Design Workflow Training

CS3 Web Design Workflow Training

CS3 Web Design Workflow training, hosted by Abbas Rizvi, this video series teaches you how to bring your Photoshop or Illustrator artwork effortlessly into Flash, build web prototypes using new functionality in Fireworks, work with video and Flash, copy and paste from Photoshop into Dreamweaver, and even empower your non-technical clients to take over ongoing site maintenance. Building better web experiences just got easier.

  • Format - 1 DVD-ROMs
  • Duration - 6.7 Hours of Beginner to Intermediate Training
  • Author - Abbas Rizvi
  • Platform - Windows & Mac OS



  • Highlights

  • Explore the new features Web Design Workflow and learn new tips and tricks to advance your skills.
  • Find out how to design and develop content for print and mobile devices.
  • Discover how to work with the new CSS starter pages in Dreamweaver CS3.
  • Learn how to update existing websites and blogs using Adobe Contribute® CS3.
  • Move your assets across multiple Adobe CS3 software programs including Photoshop, Illustrator, Flash Professional, Dreamweaver, and Fireworks.
  • Course Outline

    Lesson 1: INTRODUCING THE CS3 WORKFLOW (12 min)
    1. Exploring the Assets in Adobe Bridge
    2. Exploring the CS3 Applications

    Lesson 2: WORKING IN ILLUSTRATOR (29 min)
    1. Working in Live Trace
    2. Working in Live Paint
    3. Using Live Trace on Photos
    4. Working with Live Color
    5. Saving for the Web

    Lesson 3: CREATING A LAYOUT WITH PHOTOSHOP (83 min)
    1. Setting Layout Size & Guide Lines
    2. Dividing Sections by Color
    3. Creating the Header
    4. Creating the Navigation Bar
    5. Designing the Flash Messaging Area
    6. Inserting & Modifying Text
    7. Adding a Shadow Effect
    8. Adding Thumbnail Images
    9. Formatting Thumbnail Text
    10. Adding a Video Placeholder
    11. Creating the Sidebar
    12. Creating the Footer
    13. Designing the Inside Pages
    14. Making Mock Mouse Over Behaviors

    Lesson 4: BUILDING A WEB PROTOTYPE IN FIREWORKS (41 min)
    1. Opening Photoshop Files in Fireworks
    2. Adding Hotspots to a Layout
    3. Slicing Images & Setting Slice Properties
    4. Adding Button Rollover Effects
    5. Creating Pop-up Menus
    6. Optimizing Images & Exporting HTML
    7. Batch Processing Images in Fireworks

    Lesson 5: BUILDING A SITE IN DREAMWEAVER (64 min)
    1. Setting Up a Site
    2. Building a Homepage Layout in Dreamweaver
    3. Modifying the CSS Document
    4. Bringing the Photoshop Layout into Dreamweaver
    5. Inserting Page Sections
    6. Modifying Subfeatures
    7. Modifying the Video Player
    8. Modifying the Sidebar
    9. Modifying the Footer
    10. Tweaking the CSS
    11. Resolving CSS Issues
    12. Laying Out the Inside Page in Dreamweaver
    13. Creating Page Templates

    Lesson 6: MOBILE & PRINT CONTENT (34 min)
    1. Previewing Content on Mobile Devices & Printers
    2. Rendering CSS Styles in Dreamweaver
    3. Working with the Print Layout
    4. Creating Mobile Friendly Style Sheets
    5. Tweaking the Style Sheets

    Lesson 7: BUILDING A FLASH MESSAGING AREA (48 min)
    1. Modifying a Photoshop File for Flash
    2. Importing the Photoshop File
    3. Modifying the Flash Document
    4. Animating the Banner
    5. Adding a Blur Effect to the Animation
    6. Lengthening & Staggering Layers
    7. Adding Interactivity
    8. Adding ActionScript
    9. Adding Actions to the Button
    10. Publishing the File

    Lesson 8: WORKING WITH THE FLASH VIDEO (44 min)
    1. Encoding Video with Flash Video Encoder
    2. More Flash Video Encoding Settings
    3. Inserting Flash Video into Web Pages
    4. Building a Simple Video Player
    5. Add Buttons & Content Paths to the Player
    6. Publishing, Inserting & Modifying the Player
    7. Using an Illustrator File to Mask Video

    Lesson 9: CREATING SLIDESHOWS USING CS3 (22 min)
    1. Creating a Slideshow in Photoshop
    2. Creating a Slideshow in Fireworks
    3. Creating a Slideshow in Dreamweaver
    4. Creating a Slideshow in Flash

    Lesson 10: USING CONTRIBUTE (22 min)
    1. Setting Up a Web Server on a Mac
    2. Setting Up a Web Server on a PC
    3. Connecting to a Site in Contribute
    4. Editing Web Pages in Contribute
    5. Collaborating between Dreamweaver & Contribute
    6. Final Comments & Credits