Laying Out Pages with CSS
Laying Out Pages with CSS
In Macromedia Dreamweaver 8, you can use CSS styles to lay out your page. You can either insert div tags manually and apply CSS positioning styles to them, or you can use Dreamweaver layers to create your layout. A layer in Dreamweaver is an HTML page element--specifically, a div tag, or any other tag--that has an absolute position assigned to it.
NOTE |
|
Dreamweaver treats all |
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 a layer
Setting layer preferences and properties
Managing layers
Manipulating layers
Converting layers to tables
Animating layers
Inserting div tags for layout
Working with div tags for layout
Changing the highlight color for div tags
Working with CSS layout visualization
Using rulers, guides, and the grid to lay out pages
Using a tracing image
 |  |
