Note: This tutorial was written for Dreamweaver CS3. Although Dreamweaver CS4 adds new CSS functionality (revised Property inspector, Code inspector, related files), the CSS panel in Dreamweaver CS4 has not changed, and you should still be able to follow this tutorial using Dreamweaver CS4.

If you have purchased or installed the Dreamweaver CS3 trial, then you can't have helped but be impressed by the new standards-compliant CSS starter pages. To have the ability to create CSS layouts in what amounts to no more than a few clicks is a great time-saving feature: no more bug hunting, no more hours of hair pulling. The CSS layouts are simple and easy to use and provide you with a great base from which you can create your own design style.

As easy as the CSS layouts are to work with, you may have missed one of the great features of these starter pages: the ability quickly and easily to mix and match the different layouts available into a single CSS file. This tutorial will teach you exactly how you can utilize the new CSS features to implement this type of design.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver CS3/CS4

• Try
• Buy

Sample files:

• multiple layouts.zip (ZIP, 8K)

Prerequisites

To complete this tutorial, you should have a basic understanding of HTML and Dreamweaver.

Page 1 of 3

Next Page

About the author