Tutorial: Creating a CSS-based Page Layout

In Tutorial: Creating a Table-based Page Layout you learned how to use Dreamweaver’s table design features to create a page layout. In this tutorial, you’ll learn how to use Cascading Style Sheets (CSS) to create a similar layout. Many designers prefer CSS-based layouts because CSS gives you greater control over the positioning of elements, reduces the amount of code you need, and lets you format layout blocks with margins, borders, colors, and so on.

If you haven’t defined a Dreamweaver site and created the cafe_townsend local root folder, you must do so before you proceed. For instructions, see Tutorial: Setting Up Your Site and Project Files

In this tutorial you will complete the following tasks:

Learn about CSS-based page layout

Examine the design comp

Create and save a new page

Insert layers

Add color to the page