United States MasterClass! - Adobe Creative Suite: Web Design Workflow Tutorials
Online Contents For This Course
We have made some of the video tutorials for
MasterClass! - Adobe Creative Suite: Web Design Workflow
freely available to help you evaluate our training. Click on any of the linked lesson listings below to preview FREE!
Course Description
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.
Choose your media type:
|
Introduction
|
|||
| Course Overview | (02:06) | T | |
|
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 FeedbackCourse Information
| Course: | MasterClass! - Adobe Creative Suite: Web Design Workflow |
| Author: | Geoff Blake |
| SKU: | 34049 |
| ISBN: | |
| Release Date: | 2009-10-20 |
| Duration: | 2.5 hrs / 36 tutorials |
| Work Files: |
Yes |
| Captions: | For Online University members only |
Subscription / Purchase Information
This course is just part of the entire VTC collection of over 782 courses, 81,350 video tutorials (20,800+ free), available to you for just $30 a month.
View All Courses Subscribe Learn More