Laying Out Pages with CSS

In Macromedia Dreamweaver MX 2004, you can use CSS to add content blocks to your document for layout. You can either insert div tags and apply CSS positioning styles to them, or you can use Dreamweaver layers to create your layout.

Note: Dreamweaver treats all div tags with absolute or relative position as layers.

Tip: You can use a Dreamweaver design file as a starting point for your CSS layout. Select a file from the Page Designs (CSS) category of the New Document dialog box (see Creating a document based on a Dreamweaver design file).

Whether you use CSS, tables, or frames to lay out your pages, Dreamweaver has rulers and grids for visual guidance in your layout. Dreamweaver also has a tracing image feature, which you can use to re-create a page design that was created in a graphics application.

Note: If you're unfamiliar with using layers and Cascading Style Sheets (CSS), but are familiar with using tables, try using tables or Layout mode for page layout (see Presenting Content with Tables and Laying Out Pages in Layout Mode).

This chapter contains the following sections:

• About layers in Dreamweaver
• Inserting content blocks for layout
• Changing highlight color for content blocks
• Working with content blocks for layout
• Inserting a layer
• Setting layer preferences and properties
• Managing layers
• Manipulating layers
• Converting layers to tables
• Using rulers and grids to lay out pages
• Using a tracing image

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

Current page: http://livedocs.adobe.com/dreamweaver/mx2004/using/08_cssp2.htm

Add Comment