Description

This course will walk you through step-by-step how to build a complete CSS-based layout. You will utilize Illustrator CS4 to prepare the layout, Photoshop CS4 to slice up the layout, and Dreamweaver CS4 to refine the layout. Over two hours of training video tutorials are included with this app.

It's broken up into three lessons and include the following movies:

Lesson 1 - Working with Illustrator CS4

Introduction
Creating and Setting Up a New Document
Creating Layout Blocks
Creating Layout Blocks pt.25
Creating the Header
Adding the Menu to the Layout
Populating the Menu Boxes
Placing Banner Ads and Footer
SEO Options in Illustrator
Lesson 2 - Working with Photoshop CS4

Moving the Layout to Photoshop CS4
Slicing Images
Slicing Images pt.2
Saving Image Slices
Reviewing the Layout in Dreamweaver CS4
Exporting Only User Slices

Lesson 3 - Working with Dreamweaver CS4

Exploring the Elements and Code
Adding Borders
CSS Box Model
Subtracting Pixels From Divs
Formatting Background Image
Fixing Background Robot
CSS Formatting
Conclusion