Tutorial: Creating a CSS-based Page Layout
In Tutorial: Creating a Table-based Page Layout you learned how to use Dreamweavers table design features to create a page layout. In this tutorial, youll 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 havent 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
Add color to the page