| • Draw a Layout Table • Draw a Layout Cell • Lesson 1 • Lesson 1 • Lesson 1 • Lesson 1 • Lesson 1 • | |
General Definitions |
|
Once you have mastered the basic table and learned how to control the arrangement of the content of the individual cell, you will want to create more complex table designs. You can create a complicated table in Standard mode. However, Dreamweaver gives you the option to use Layout mode to draw a table in any configuration you desire. |
|
To switch to Layout mode, select View, Table Mode, Layout Mode from the main menu bar. A Layout mode notice Now switch the Insert toolbar to Layout. |
|
 |
|
| Draw a Layout Table | |
To draw a table in Layout mode, click on the Layout Table button Drag your cursor to create the table. Click on the table edge and grab the table handles to resize the table. |
 |
| Draw a Layout Cell | |
To create a layout cell, click on the Draw Layout Cell button Drag your cursor to create the table cell. Click on the cell edge and grab the cell handles to resize the cell. . |
 |
Continue to add cells as you wish.
|
|
When you have finished designing your table, return to Standard mode by clicking on the exit link next to the Layout mode notice at the top of your document window. Notice what happens to my table when I switch from layout to standard mode. (I've added a table border so you can see the table design more clearly.) |
|
 |
|
You can see how easy it would be to create an elaborate table design in Layout mode. Switch to Standard mode before you put content in your table. |
|
Tables, especially borderless tables, can be used to great effect to force a particular layout design on a web page. However, you will need to tinker with your table by adjusting the table and cell properties. It is a good idea to save and preview the file after every adjustment to your table. VERY IMPORTANT: Always be sure to preview your tables in more than one browser. Browsers have a tendency to interpret table tags and attributes in different ways. |
|
| • Overview • Create a Table • Set Table Cell Properties • Experiment with Table Design • Create a Table Using Layout Mode • | |
appears at the top of your document window. 
on the Layout toolbar. Your cursor will turn into a cross.
on the Layout toolbar. 
    |
Web Design Center |