Building a User Management Application - Templates (
Page 3 of 4 )
The template, as mentioned earlier, gives the entire application a unified look and feel. Below is the code for it:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../user.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="100%" border="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2" valign="top" class="header">User Management </td>
</tr>
<tr>
<td width="65%" valign="top"><!-- TemplateBeginEditable name="Main" -->Main<!-- TemplateEndEditable --></td>
<td width="35%" valign="top"><!-- TemplateBeginEditable name="Nav" -->Nav<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td colspan="2" class="copy">©2008</td>
</tr>
</table>
</body>
</html>
The template provides two editable regions. One is called "main;" it provides the main area in which the scripts are executed.
<td width="65%" valign="top"><!-- TemplateBeginEditable name="Main" -->Main<!-- TemplateEndEditable --></td>
The other is called "nav;" it provides a space for the navigation code:
<td width="35%" valign="top"><!-- TemplateBeginEditable name="Nav" -->Nav<!-- TemplateEndEditable --></td>
The rest of the template is not editable. This provides a good way of separating the HTML from the PHP code.
