Even More Dreamweaver
Computing Resources >> Tutorials >> Web Development >> Even More Dreamweaver 

Evaluate this tutorial

 

Designing Page Layout Using Layout Cells and Tables

The term "page layout" refers to the way your page will look in the browser, such as where a menu or images will go. One common method for creating a page layout is with HTML tables. (Tables can be difficult to use, however, since they weren't originally created for Web page layout, but for displaying tabular data.)

To simplify the process of using tables for page layout, Dreamweaver provides Layout view. In Layout view, you can design your page using tables as the underlying structure, and you can easily draw cells (table cells) onto your page, then customize and move the cells where you want them.

To switch into Layout view:
Choose View > Table View> Layout View or click the Layout View button in the Objects panel.

If you have a table drawn in standard view, you might need to delete the cells before you can draw cells using the layout view.

Draw a layout table
1. Position your cursor on your page.
2. Click on the Draw Layout Table button. Your cursor will turn into a cross.
3. Drag your cursor to create the table.
4. Grab the table handles to resize the table.

Draw layout cells
In Layout view, you can draw layout cells and layout tables to define the design areas of a document. This task is easier to accomplish if you prepare a sample of the page you're creating before you begin laying out a page.
1. Position your cursor on your page.
2. Click on the Draw Layout Cell button. Your cursor will turn into a cross.
3. Drag your cursor to create the cell.
4. Grab the cell handles to resize the cell.


next section >

Watch the video

choose format/speed
dial-up | broadband
dial-up | broadband
dial-up | broadband

Tutorial Transcript

© 2003 Nadalia Yuehong Liu| iSchool | UT Austin | webmaster