print
Course Name
Adobe CS3 Web Design: Workflow

Contact Hours: 10

Course Description


Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new software applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based software training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

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.

The student will have access to this course for 1 year. This self-directed course can be completed within 90 days or sooner depending on time and learning capabilities of the student.


Outcome
By completing this course you will:
  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.

Assessment
Project files are included with this course to aid in your learning. There are no exams or tests.


Outline
Lesson 1: INTRODUCING THE CS3 WORKFLOW (12 min)
  • Exploring the Assets in Adobe Bridge
  • Exploring the CS3 Applications
Lesson 2: WORKING IN ILLUSTRATOR (29 min)
  • Working in Live Trace
  • Working in Live Paint
  • Using Live Trace on Photos
  • Working with Live Color
  • Saving for the Web
Lesson 3: CREATING A LAYOUT WITH PHOTOSHOP (83 min)
  • Setting Layout Size & Guide Lines
  • Dividing Sections by Color
  • Creating the Header
  • Creating the Navigation Bar
  • Designing the Flash Messaging Area
  • Inserting & Modifying Text
  • Adding a Shadow Effect
  • Adding Thumbnail Images
  • Formatting Thumbnail Text
  • Adding a Video Placeholder
  • Creating the Sidebar
  • Creating the Footer
  • Designing the Inside Pages
  • Making Mock Mouse Over Behaviors
Lesson 4: BUILDING A WEB PROTOTYPE IN FIREWORKS (41 min)
  • Opening Photoshop Files in Fireworks
  • Adding Hotspots to a Layout
  • Slicing Images & Setting Slice Properties
  • Adding Button Rollover Effects
  • Creating Pop-up Menus
  • Optimizing Images & Exporting HTML
  • Batch Processing Images in Fireworks
Lesson 5: BUILDING A SITE IN DREAMWEAVER (64 min)
  • Setting Up a Site
  • Building a Homepage Layout in Dreamweaver
  • Modifying the CSS Document
  • Bringing the Photoshop Layout into Dreamweaver
  • Inserting Page Sections
  • Modifying Subfeatures
  • Modifying the Video Player
  • Modifying the Sidebar
  • Modifying the Footer
  • Tweaking the CSS
  • Resolving CSS Issues
  • Laying Out the Inside Page in Dreamweaver
  • Creating Page Templates
Lesson 6: MOBILE & PRINT CONTENT (34 min)
  • Previewing Content on Mobile Devices & Printers
  • Rendering CSS Styles in Dreamweaver
  • Working with the Print Layout
  • Creating Mobile Friendly Style Sheets
  • Tweaking the Style Sheets
Lesson 7: BUILDING A FLASH MESSAGING AREA (48 min)
  • Modifying a Photoshop File for Flash
  • Importing the Photoshop File
  • Modifying the Flash Document
  • Animating the Banner
  • Adding a Blur Effect to the Animation
  • Lengthening & Staggering Layers
  • Adding Interactivity
  • Adding ActionScript
  • Adding Actions to the Button
  • Publishing the File
Lesson 8: WORKING WITH THE FLASH VIDEO (44 min)
  • Encoding Video with Flash Video Encoder
  • More Flash Video Encoding Settings
  • Inserting Flash Video into Web Pages
  • Building a Simple Video Player
  • Add Buttons & Content Paths to the Player
  • Publishing, Inserting & Modifying the Player
  • Using an Illustrator File to Mask Video
Lesson 9: CREATING SLIDESHOWS USING CS3 (22 min)
  • Creating a Slideshow in Photoshop
  • Creating a Slideshow in Fireworks
  • Creating a Slideshow in Dreamweaver
  • Creating a Slideshow in Flash
      Lesson 10: USING CONTRIBUTE (22 min)
      • Setting Up a Web Server on a Mac
      • Setting Up a Web Server on a PC
      • Connecting to a Site in Contribute
      • Editing Web Pages in Contribute
      • Collaborating between Dreamweaver & Contribute
      • Final Comments & Credits