After inserting your first table, a green row, then we'll be adding the rest of the layout using one more table...
You'll be repeating the process essentially, except for a couple things.
10) After inserting your first table, move the mouse directly under the table and click the button. You should now see a blinking cursor underneath the table.
11) Insert a new table. This time make it 1 x 2 (one row, 2 columns). Hit ok.
12) Your new table should show up. Move your mouse between the two tables and left click the mouse button.
Then hit delete. This should now make the two table flush up against each other.
13) Now select the new table by left clicking inside of it.
14) Now right click, and go to table properties. Resize the row as you did in the last table to 100% width and leave the height blank and in pixels. Get rid of the spacing, padding, and border. (all set to zero). It should now look like this...
15) In reviewing our site layout sketch we did, we want to layout our website based on the sketch.
For the second table, we need a narrower column that is blue for our navigation. So, we'll have to resize the 1st column in our new table and fill it with a blue color.
16) Select the first column in your new table by left clicking inside of it.
17) Then right click and bring up the propties box for the cell.
18) Click on the background color and pick a blue color, then click ok.
19) Now fill in the width, which in this case we want that cell to be 120 pixels wide. Click OK.
20) You should now have a narrow blue column, underneath your green header, and the rest of the 2nd table is white.
Congratulations! You've now completed your basic design. Now, let's go over how to add text to the content area and then work on navigation.
