Place Your Heading Graphic Here

Template Style #1

This is Template Design #1 in its raw form. It is constructed with 2 single row tables. The top table will contain your heading graphic. The second table has 2 columns or cells. The left cell is for the body text. The right cell is for your site navigation links.

The trend in 2006 is for small heading areas with logos or headings aligned to the left. The headings are usually about 250 to 300 pixels in width.

We will build your heading graphics for you free of charge. You should know your website name and color scheme before you place your order. We won't fill more than one order, so if you send us 10 different orders for your heading, you'll get the first one.

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

The Basic Code

<html>
<head>
<title>Title here</title>
<meta name="description" content="description here">
<meta name="keywords" content="keywords here">
<link rel="stylesheet" href="template1.css" type="text/css">
</head>
<body>
<!--Top Table for Heading-->
<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>Place Your Heading Graphic Here</h1></td></tr></table>
<!--Table 2 - 2 columns-->
<table width="100%" cellpadding="5" cellspacing="0" style="border:solid #000000 2px">
<tr valign="top">
<td align="center">
<h1>Template Style #1</h1>
<p>paragraph text here</p>
<br><br>
<address>
Copyright © 2006 Your Company
</address>
</td>
<td ID="sitemap" width="150" align="center" style="border-left:solid #000000 2px">
<br>
<a href="pagename.html">Page 1</a><br><br>
<a href="pagename.html">Page 2</a><br><br>
<a href="pagename.html">Page 3</a><br><br>
<a href="pagename.html">Page 4</a><br><br>
<a href="pagename.html">Page 5</a><br><br>
</td>
</tr></table>
</body>
</html>

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

Save the template as template1.html and the CSS style sheet code in a text file as template1.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.

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



Copyright © 2006 Your Company

Page 1

Page 2

Page 3

Page 4

Page 5