Creating Nested Tables in DreamWeaver - Templates Lesson
In the previous lesson I demonstrated how to create nested tables so that the navigation table was displayed along the left in an outer table. If you have strong HTML skills you could view the HTML code and duplicate this nested table structure.Using Dreamweaver to create nested tables can be quicker and more efficient than hand coding the tables. If you do not own Dreamweaver you can simply review this material as an extra option and use your HTML Editor or hand coding to create your template.
I began by launching Dreamweaver, an new untitled document is automatically created. This file has all the basic tags <HTML>, <HEAD>, <BODY>, etc...
Next I access Insert > Table
This window appears. I set up the outer table which has 1 row, 2 columns and cellpadding, cellspacing and border of 0.
Next I place the cursor in the first cell of the outer table and again select
Insert > Table . this time I create a table with 6 rows and one column, see settings below
At this point my tables look like this.
Notice that the outer table is displaying a very small cell
for the content. Dreamweaver can make it difficult to access an empty cell. I place my cursor over the
small cell at the right until I see a typing cursor and then I enter some text. The cell immediately expands
and I am able to drag the edge of the cell over so that it is expanded to the edge of the navigation table.
