Adobe CS3: Web Design Workflow

  • Adobe CS3 Web Design Workflow

Adobe CS3: Web Design Workflow

$39.99

Total Run Time: 6.7 hours

Hone your web design skills as you learn how to use the new features in CS3 Web Design Workflow.

Highlights

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

 

This title is available in the
Total Training All-Access library.

Subscribe Now

SKU: tt_TC3WDWF Categories: , , ,

Product Description

Hosted by Abbas Rizvi, this Adobe CS3: Web Design Workflow 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.

Sample clip

Course outline

Chapter 1: INTRODUCING THE CS3 WORKFLOW (12 min)

  1. Exploring the Assets in Adobe Bridge
  2. Exploring the CS3 Applications
Chapter 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
Chapter 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
Chapter 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
Chapter 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
Chapter 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
Chapter 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
Chapter 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
Chapter 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
Chapter 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

Presenter Info

Abbas RizviAs solutions architect at Adobe, Abbas is an evangelist and instructor of Adobe’s solutions, sharing his expertise and passion for technology with knowledge workers and educators across Canada.

Abbas is an expert in Adobe’s Web development and e-learning solutions such as Flash, Dreamweaver, Contribute, Captivate and Adobe’s real-time conferencing technologies. He is a frequent presenter at Adobe customer events and leading industry conferences in North America, offering demonstrations and tutorials to Web developers, IT managers and professional trainers and coaches.

Prior to joining Adobe, Abbas was product manager at WarrenShepell, Canada’s largest provider of employee assistance programs and organizational health and wellness services. Under Abbas’ leadership, the company introduced the first online counselling service of its kind in North America.

Abbas holds a B.Sc. (Hons.) in Science from the University of Waterloo.