Tutorials and Online Training Videos

MasterClass! - Adobe Creative Suite: Web Design Workflow Tutorial


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


Related Books on MasterClass! - Adobe Creative Suite: Web Design Workflow







Save $80 on the
DROID BIONIC
by Motorola with Verizon Wireless service for less than from Verizon Wireless directly.
Save $80 on DROID BIONIC
More Cell Phone Discounts