O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Total Training for Adobe CS3: Web Design Workflow

Video Description

Hone your web design skills as you learn how to use the new features in CS3 Web Design Workflow. 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.

Table of Contents

  1. CHAPTER 1: INTRODUCING THE CS3 WORKFLOW
    1. INTRODUCTION 00:00:46
    2. Exploring the Assets in Adobe Bridge 00:04:02
    3. Exploring the CS3 Applications 00:07:12
  2. CHAPTER 2: WORKING IN ILLUSTRATOR
    1. INTRODUCTION 00:00:21
    2. Working in Live Trace 00:05:43
    3. Working in Live Paint 00:05:36
    4. Using Live Trace on Photos 00:06:00
    5. Working with Live Color 00:05:32
    6. Saving for the Web 00:06:13
  3. CHAPTER 3: CREATING A LAYOUT WITH PHOTOSHOP
    1. INTRODUCTION 00:00:19
    2. Setting Layout Size & Guide Lines 00:05:51
    3. Dividing Sections by Color 00:05:22
    4. Creating the Header 00:07:18
    5. Creating the Navigation Bar 00:04:37
    6. Designing the Flash Messaging Area 00:05:39
    7. Inserting & Modifying Text 00:08:50
    8. Adding a Shadow Effect 00:01:58
    9. Adding Thumbnail Images 00:08:55
    10. Formatting Thumbnail Text 00:04:14
    11. Adding a Video Placeholder 00:02:56
    12. Creating the Sidebar 00:10:58
    13. Creating the Footer 00:02:34
    14. Designing the Inside Pages 00:07:31
    15. Making Mock Mouse Over Behaviors 00:05:40
  4. CHAPTER 4: BUILDING A WEB PROTOTYPE IN FIREWORKS
    1. INTRODUCTION 00:00:22
    2. Opening Photoshop Files in Fireworks 00:05:01
    3. Adding Hotspots to a Layout 00:08:05
    4. Slicing Images & Setting Slice Properties 00:05:24
    5. Adding Button Rollover Effects 00:02:45
    6. Creating Pop-up Menus 00:06:41
    7. Optimizing Images & Exporting HTML 00:07:59
    8. Batch Processing Images in Fireworks 00:05:20
  5. CHAPTER 5: BUILDING A SITE IN DREAMWEAVER
    1. INTRODUCTION 00:00:24
    2. Setting Up a Site 00:05:32
    3. Building a Homepage Layout in Dreamweaver 00:03:47
    4. Modifying the CSS Document 00:08:41
    5. Bringing the Photoshop Layout into Dreamweaver 00:04:54
    6. Inserting Page Sections 00:01:35
    7. Modifying Subfeatures 00:07:34
    8. Modifying the Video Player 00:01:13
    9. Modifying the Sidebar 00:06:30
    10. Modifying the Footer 00:03:42
    11. Tweaking the CSS 00:04:27
    12. Resolving CSS Issues 00:03:01
    13. Laying Out the Inside Page in Dreamweaver 00:06:59
    14. Creating Page Templates 00:05:18
  6. CHAPTER 6: MOBILE & PRINT CONTENT
    1. INTRODUCTION 00:00:25
    2. Previewing Content on Mobile Devices & Printers 00:05:20
    3. Rendering CSS Styles in Dreamweaver 00:06:43
    4. Working with the Print Layout 00:06:21
    5. Creating Mobile Friendly Style Sheets 00:07:32
    6. Tweaking the Style Sheets 00:07:38
  7. CHAPTER 7: BUILDING A FLASH MESSAGING AREA
    1. INTRODUCTION 00:00:24
    2. Modifying a Photoshop File for Flash 00:02:34
    3. Importing the Photoshop File 00:04:40
    4. Modifying the Flash Document 00:03:28
    5. Animating the Banner 00:04:30
    6. Adding a Blur Effect to the Animation 00:01:55
    7. Lengthening & Staggering Layers 00:04:06
    8. Adding Interactivity 00:09:11
    9. Adding ActionScript 00:05:04
    10. Adding Actions to the Button 00:06:59
    11. Publishing the File 00:04:59
  8. CHAPTER 8: WORKING WITH THE FLASH VIDEO
    1. INTRODUCTION 00:00:21
    2. Encoding Video with Flash Video Encoder 00:07:39
    3. More Flash Video Encoding Settings 00:07:23
    4. Inserting Flash Video into Web Pages 00:08:28
    5. Building a Simple Video Player 00:05:23
    6. Add Buttons & Content Paths to the Player 00:07:09
    7. Publishing, Inserting & Modifying the Player 00:04:09
    8. Using an Illustrator File to Mask Video 00:03:41
  9. CHAPTER 9: CREATING SLIDESHOWS USING CS3
    1. INTRODUCTION 00:00:20
    2. Creating a Slideshow in Photoshop 00:07:21
    3. Creating a Slideshow in Fireworks 00:05:56
    4. Creating a Slideshow in Dreamweaver 00:04:03
    5. Creating a Slideshow in Flash 00:07:41