Adobe Creative Suite offers up a large number of tools and options for creating eye-popping web layouts for today's fast-paced marketplace. Learn the techniques, tools, and commands available to streamline your web workflow in Geoff Blake's MasterClass! - Adobe Creative Suite: Web Design Workflow. Begin by creating a scratch-built layout in Illustrator that's quickly ported over to Photoshop for further manipulation. Learn the best techniques for setting up the Photoshop layout for the web, including the automatic generation of HTML and CSS code. Finally, open the layout in Dreamweaver for further refinement, where you'll learn fast-paced CSS techniques for controlling your overall layout. Work files are included. To begin learning today, simply click on the movie links.
* VTC MasterClass! tutorials are available only to registered Online University members.
Introduction
Course Overview
Getting Started in Illustrator
Illustrator File Setup
Adjusting the File Setup
Laying Out the Main Blocks pt. 1
Laying Out the Main Blocks pt. 2
Refining the Illustrator Layout
Designing the Header
Creating the Main Menu
Filling In the Graphics pt. 1
Filling In the Graphics pt. 2
Setting Up the Footer
Creating Banner Ad Spots
Moving Over to Photoshop
From Illustrator to Photoshop
Working with Smart Objects
Getting Started with Image Slicing
Slicing Apart the Layout pt. 1
Slicing Apart the Layout pt. 2
Setting Slice Properties
Exporting from Photoshop
Using Save for Web & Devices
Understanding Formats & Compression
Setting Up Photoshop to Export Tables
Viewing the Dreamweaver Results
Adjusting Photoshop Slices
Setting Up Photoshop to Export CSS
Viewing the Dreamweaver Results
Final Photoshop Adjustments
Managing the Dreamweaver Layout
Renaming ID Selectors
Organizing CSS Rules
Setting a Border
Layout Adjustments
Applying Menu Borders
Image Borders
Deleting Unused Rules
Creating an External Style Sheet
Center-Aligning the Layout
Conclusion
Wrap Up
About the Author