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.
Course MasterClass! - Adobe Creative Suite: Web Design Workflow
Author Geoff Blake
SKU 34049
ISBN
Release Date 2009-10-20
Duration 2.50 hrs / 36 tutorials
Work files Yes
Price $ 49.95
Retail price $ 99.95
Language
Tags MasterClass, Adobe
Required software Adobe Creative Suite
 
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

 
Relevant products
Microsoft Expression Web 2
by Melanie Hedgespeth
Retail price: $ 99.95 $ 49.95
  • 8.00 hrs
  •  EN
  • 122 lessons
MasterClass! - Adobe Dreamweaver: Better Workflow Using Plug-Ins
by Mark Struthers
Retail price: $ 99.95 $ 49.95
  • 2.50 hrs
  •  EN
  • 27 lessons
MasterClass! - ActionScript 3 & Payment Gateway APIs
by Richard Bates
Retail price: $ 99.95 $ 49.95
  • 1.50 hrs
  •  EN
  • 19 lessons
MasterClass! - Adobe Creative Suite: Web Design Workflow
by Geoff Blake
Retail price: $ 99.95 $ 49.95
  • 2.50 hrs
  •  EN
  • 36 lessons
MasterClass! Joomla Template Editing
by Melanie Hedgespeth
Retail price: $ 99.95 $ 49.95
  • 2.00 hrs
  •  EN
  • 37 lessons