CS3 Web Design Workflow

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