Title Language  : 

Find a Course... Try for Free!

 

MasterClass! - Adobe Creative Suite: Web Design Workflow Tutorials

Course Content
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 VTC Online University members.
QT To view the Free Tutorials listed below, you must have QuickTime installed. Please note that the online free samples have been compressed for quicker downloads. Purchased CDs have higher sound and video quality.
Monitor resolution needs to be set to at least 1024 by 768 to view the entire movie.

лл Hide This
Introduction
Course Overview (02:06)
Getting Started in Illustrator
Illustrator File Setup (03:44)
Adjusting the File Setup (03:58)
Laying Out the Main Blocks pt. 1 (04:28)
Laying Out the Main Blocks pt. 2 (04:15)
Refining the Illustrator Layout
Designing the Header (07:00)
Creating the Main Menu (02:23)
Filling In the Graphics pt. 1 (03:48)
Filling In the Graphics pt. 2 (01:59)
Setting Up the Footer (04:43)
Creating Banner Ad Spots (06:15)
Moving Over to Photoshop
From Illustrator to Photoshop (05:49)
Working with Smart Objects (05:14)
Getting Started with Image Slicing (05:13)
Slicing Apart the Layout pt. 1 (05:07)
Slicing Apart the Layout pt. 2 (02:31)
Setting Slice Properties (02:22)
Exporting from Photoshop
Using Save for Web & Devices (04:46)
Understanding Formats & Compression (05:44)
Setting Up Photoshop to Export Tables (03:13)
Viewing the Dreamweaver Results (02:28)
Adjusting Photoshop Slices (04:21)
Setting Up Photoshop to Export CSS (01:57)
Viewing the Dreamweaver Results (03:35)
Final Photoshop Adjustments (02:43)
Managing the Dreamweaver Layout
Renaming ID Selectors (05:10)
Organizing CSS Rules (03:59)
Setting a Border (03:02)
Layout Adjustments (04:38)
Applying Menu Borders (03:31)
Image Borders (01:52)
Deleting Unused Rules (01:51)
Creating an External Style Sheet (04:29)
Center-Aligning the Layout (02:41)
Conclusion
Wrap Up (01:42)
About the Author (00:36)

Email this Page     Send us Feedback
Tutorial Information / Pricing
Title: MasterClass! - Adobe Creative Suite: Web Design Workflow
Author: Geoff Blake
SKU: 34049
ISBN:
Duration: 2.5 hrs / 36 Lessons
Compatibility: Win XP, 2000, 98, NT, Mac OS X, OS 9

Online University Access all our Training for only 30
The Online University provides unlimited 24/7 access to ALL of VTC's incredible training content for the low fixed price of just $30/month (USD)
SIGNUP LEARN MORE »

Select Bandwidth
Click "High Bandwidth" if you want to view movies at the highest quality available. Click "Low Bandwidth" if on a slow dial-up connection (28 Kbps and such). The low bandwidth movies are slightly more compressed and smaller in file size, allowing for faster streaming.

Select:

Select Category

Special Groups

Publisher or Products