Macromedia dreamweaver 8-using dreamweaver User Manual

257

9

CHAPTER 9

Laying Out Pages in 
Layout Mode

One common method for creating a page layout is to use HTML tables to position elements. 
Tables can be difficult to use for layout, however, because they were originally created for 
displaying tabular data, not for laying out web pages. To streamline the process of using tables 
for page layout, Macromedia Dreamweaver 8 provides Layout mode. 

In Layout mode, you can design your page using tables as the underlying structure, while 
avoiding some of the problems that often occur when creating table-based designs using 
traditional means. 

This chapter contains these sections:

About Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .258
Switching from Standard to Layout mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261
Drawing in Layout mode. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .262
Adding content to a layout cell  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .265
Clearing automatically set cell heights. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267
Resizing and moving layout cells and tables  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267
Formatting layout cells and tables  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .269
Setting column width. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .270
Setting preferences for Layout mode  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .273

NO

TE

For more information about working with tables in Standard mode, see 

. Or, as an alternative to using tables in 

Standard or Layout mode, you can use CSS positioning to lay out pages (see 

).