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

 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/8/using/gs_09_cs.htm