Dreamweaver Article

Tableless Layouts with Dreamweaver 8

If you've been doing web development for years and you've decided to take finally a look at "all this CSS stuff" you've been hearing about, it will likely require a bit of a paradigm shift. If you're a new developer and you're starting out by learning how to separate the structure of your document from its styling and presentation, you likely won't find it quite so difficult.

Using CSS to position the elements on your page is a very powerful thing. In this article I'll review a simple page layout, show you how to create it in Dreamweaver 8, and discuss some of the things you need to consider as you build.

If you're just starting out with Dreamweaver 8, you'll likely find Julie Hallstrom's article, An Overview of CSS in Dreamweaver 8, helpful in understanding the new tools available to you. As I mention them later, and if you aren't familiar with them, please refer to this article. Though this article is about building a simple site without tables, I'm first going to cover how I personally set up Dreamweaver to write clean code. Your mileage may vary.

Requirements

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

Dreamweaver 8

• Try
• Buy

Sample files:

• css_site_samples.zip (ZIP, 4K)

Page 1 of 5

Next Page

About the author