Part 2
Ok, we have the table from Part 1 in whatever authoring program you are using. I’m using Dreamweaver, but you could just as easily do this in a text editor like Notepad. Now lets add some content to the page.
In the row 1 table, add your header graphic. Just add it like you normally would. In row two add some text links in the left or first column of that table. Then add some text to the second or right column; this is your main content column. In the row 3 table, add your copyright information and any other links you may want. I use a JavaScript menu, so I add all of my page links at the bottom in the event someone has JavaScript turned off. You could also add links to your blogs, other websites you may have, or any link you did not want in your main navigation.
So here is the finished page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><!-- Row 1 Header --><table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="images/jack.gif" align="right"><img src="images/logo.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><!-- Row 2 --><table width="100%" border="1" cellspacing="0" cellpadding="0" >
<tr>
<td><table width="120" border="1" cellspacing="0" cellpadding="0" class="navbar">
<tr>
<td><a href="#">Home</a></td>
</tr>
<tr>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td><a href="#">Link</a></td>
</tr>
<tr>
<td><a href="#">Link</a></td>
</tr>
</table>
</td>
<td width="80%"> Content goes here.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><!-- Row 3 Footer --> <table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr align="center">
<td>Copyright © JackR.net Design<br>
<a href="#">Home</a><br>
<a href="#">Link</a> <a href="#">Link</a><br>
<a href="#">Link</a> <a href="#">Link</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>