|
The beginning of every page should have the location and name of the file. This serves as an easy label for the page. After the location and name, include a blank line. Blank lines help increase clarity of code. The location, name, and blank line should not be seen by the page viewer. To do this, use the comment tag <!-- -->.
example:
<!-- file: ./about_us/index.html -->
<!-- -->
After the location and name, include a small description of the page. It does not have to be very long and thorough. Once again, use the comment tag to comment out this information. A. Page header: The header refers to the page window title. It is what will appear in the border of the page. Use the tags: "#set var", "value", and "#include virtual".
example:
<!-- page header: sets up the style sheet -->
<!-- -->
<!--#set var="ies_window_title"
value="Intelligent Electronic Systems: About Us" -->
<!--#include virtual="/research/isip/templates/ies/general/header/
header.html"-->
B. Page body: Include this information before beginning on the body of the page.
<!-- page body: -->
<!-- note that the width of the table is based -->
<!-- on the size of the image at the top of the -->
<!-- page. The width spec below and the image size -->
<!-- should match. -->
<!-- -->
Up to this point, every piece of information should not be indented in the emacs file. To begin the code for the page, start by using the <center> tag. The next line should begin at the "c" in "center". Then use the "table" tag to set up the width, border, alignment, cell padding, and cell spacing. <center> will center the information inside of the table parameters.
example:
<center>
"table width="665" border="0" align="center"
cellpadding="0" cellspacing="0">
(These particular parameters are standard for the pages) Display the banner, which is basically the title of the page and logo.
example:
<!-- display the banner -->
<!-- -->
<tr>
<td width="665" colspan="3">
<center"
<a href="/research/isip/index.html">
<img src="/research/isip/images/general/titles/title_isip_aboutus.jpg"
border="0">
</a>
</center>
</td>
</tr>
Display the subheadings, which are the links to other parts of the page.
example:
<!-- display the subheadings -->
<!-- -->
<tr align="left" valign="top">
<td colspan="3">
<div align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="right">
<a href=>/research/isip/mission/""Mission</a> |
<a href=>/research/isip/projects/""Projects</a> |
<a href=>/research/isip/publications/""Publications</a> |
<a href=>/research/isip/whats_new/""What's New</a> |
<a href=>/research/isip/about_us/""About Us</a> |
<a href=">/research/isip/search/""Search</a> |
<a href=>../">Up</a>
<br><br>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
Everything to this point is standard to each page. If it is an IES
page, it can be copy and pasted.
example:
<!-- the main part of the page -->
<!-- -->
<tr>
<td>
<p>
Type information that is to be included in page. Close all tags.
example:
</p>
</td>
</tr>
C. Footer Once the page content is complete. Include a comment and footer.
example:
<!-- exit gracefully -->
<!-- -->
<!--#include virtual="/research/isip/templates/ies/general/footer/
footer.html"-->
|