Heading Graphic Goes Here

Page 1 Page 2 Page 3 Page 4 Page 5

Template Style #4

This is web page template #4 in its basic form. It is constructed using 3 single row tables.

You can order a free graphic heading for the top table from our graphics department. Before you order a heading graphic you should have already chosen your color scheme and the name of your website.

For sample web pages created with this template see Template 4 and Sample 4.

The Basic Code

<html>
<head>
<title>Title here</title>
<meta name="description" content="Site Description here">
<meta name="keywords" content="Keywords here">
<link rel="stylesheet" href="template4.css" type="text/css">
</head>
<body>
<table width="100%" cellpadding="5" cellspacing="0" style="border-top:solid #000000 2px;border-left:solid #000000 2px;border-right:solid #000000 2px">
<tr valign="top">
<td style="background-color:#ffffff" align="center">
<h1>Heading Graphic Goes Here</h1></td></tr></table>
<table width="100%" cellpadding="5" cellspacing="0" style="border-top:solid #000000 2px;border-left:solid #000000 2px;border-right:solid #000000 2px">
<tr valign="top" style="background-color:#ffffff">
<td ID="sitemap" align="center">
<a href="pagename">Page 1</a>
<a href="pagename">Page 2</a>
<a href="pagename">Page 3</a>
<a href="pagename">Page 4</a>
<a href="pagename">Page 5</a>
</td></tr></table>
<table width="100%" cellpadding="5" cellspacing="0" style="border:solid #000000 2px">
<tr valign="top">
<td align="center">
<h1>Page Heading Text</h1>
<p>Paragraph text here.</p>
<br><br>
<address>
Copyright © 2006 Your Company
</address>
</td></tr></table>
</body>
</html>

Copy the template code from this page and the associated style sheet.

Save the template as template4.html and the CSS style sheet code in a text file as template4.css. Place both files in the same folder.

Now go to Modifying Your Template for instructions on how to make your own website template.

If you have never built a website, I highly recommend completing the lessons HTML Primer, Adding Content and Color Schemes before you start.

Borders

The color and thickness of the borders on this page can be adjusted by changing the code on the page.

Text and Links

The text and links on the web page template can be changed by modifying the CSS style sheet provided with the template.

I'm Lost. Take Me to:
Make Your Template
Make My Own Website - Home



Copyright © 2006 Your Company