Part 3
Ok, now we will start removing portions of the page that will be our include pages. We will be using the cut & paste method to do this. If you are using an authoring program, click on the button to make a new page. Then delete all of the head and body tags. You want a blank page! You can also do this in your text editor like notepad. Just make sure it adds the appropriate extension like .php instead of .txt. If you are using Windows Notepad, type the page name in quotes, "mypage.php". This will keep it from adding the .txt text extension.
Now, highlight the complete table holding your header graphic. Right click and choose cut. Change to your new blank page, and paste the table in it. Save it in your include folder as header.php, or the appropriate extension. (header.asp, header.shtml, header.htm)
In the place where your header table was, add the appropriate include code.
ASP <!--#include file="included.asp"--< Page extension - page.asp
PHP <?php include( ‘included.php’ ); ?> Page extension - page.php
SSI <!--#include file="included.shtml" --> Page extension - page.shtml
FrontPage <!--webbot bot="include" u-include="incuded.htm" tag="body" --> Page extension - page.htm
Since I’m using PHP mine will look like this the one below, and all of mine will have a .php extension. Just make sure to substitute your extension if it is not .php.
<?php include(‘includes/header.php’); ?> Notice I added the include folder so it knows where to look for the file header.php.
Next, highlight and cut the table that holds your text links. Make a new blank page, and paste it on that page. Save it in the include folder as menu.php. Then in place of where that table was add another include.
<?php include(‘includes/menu.php’); ?>The last one. Cut and paste your footer table into a clean page and save that to your include file as footer.php Add another include where that table was.
<?php include(‘includes/footer.php.php’); ?>You now have a page that looks like this in your editor.
<!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 --> <?php include('includes/header.php'); ?></td>
</tr>
<tr>
<td><!-- Row 2 --><table width="100%" border="1" cellspacing="0" cellpadding="0" >
<tr>
<td><?php include('includes/menu.php'); ?> </td>
<td width="80%"> Content goes here.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><!-- Row 3 Footer --> <?php include('includes/footer.php'); ?>
</td>
</tr>
</table>
</body>
</html>