<HTML>
<HEAD>
<TITLE>Professional Web Design - Frames Tutor - Templates</TITLE>

<SCRIPT language="JavaScript"><!--
// navigation variables
PathAndPage = "tutor_frames_templates_main";
DepthOfPage = 3;
//--></SCRIPT>
<SCRIPT language="JavaScript" SRC="../../../tutor/other/common.js"></SCRIPT>
<SCRIPT language="JavaScript" SRC="../../../tutor/other/nav_frames.js"></SCRIPT>

<STYLE TYPE="text/css"><!--
a.noline:link    {text-decoration:none}
a.noline:visited {text-decoration:none}
a.noline:active  {text-decoration:none}
//--></STYLE>

</HEAD>
<BODY BGCOLOR="#FFFFFF">


<SCRIPT language="JavaScript" SRC="../../../tutor/other/topad.js"></SCRIPT>


<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%">
<TR BGCOLOR="#FFCC99"><TD ALIGN="center"><FONT SIZE="6" FACE="arial,helvetica">Frames Tutor - Templates</FONT></TD></TR>
</TABLE>


<P>Click on a template and view source* to see how it was done.
<BR>Contents of directory <A HREF="../templates">here</A>.

<CENTER><P><TABLE CELLSPACING=0 CELLPADDING=1 BORDER=0>

<TR>
<TD><A HREF="template1.html"><SMALL>Template 1</SMALL></A></TD>
<TD><A HREF="template1.html"><IMG SRC="template1.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template1"></A></TD>
      <TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>
<TD><A HREF="template2.html"><SMALL>Template 2</SMALL></A></TD>
<TD><A HREF="template2.html"><IMG SRC="template2.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template2"></A></TD>
      <TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>
<TD><A HREF="template3.html"><SMALL>Template 3</SMALL></A></TD>
<TD><A HREF="template3.html"><IMG SRC="template3.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template3"></A></TD>
</TR>

<TR><TD COLSPAN=8>&nbsp;</TD></TR>

<TR>
<TD><A HREF="template4.html"><SMALL>Template 4</SMALL></A></TD>
<TD><A HREF="template4.html"><IMG SRC="template4.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template4"></A></TD>
      <TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>
<TD><A HREF="template5.html"><SMALL>Template 5</SMALL></A></TD>
<TD><A HREF="template5.html"><IMG SRC="template5.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template5"></A></TD>
      <TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>
<TD><A HREF="template6.html"><SMALL>Template 6</SMALL></A></TD>
<TD><A HREF="template6.html"><IMG SRC="template6.gif" WIDTH="82" HEIGHT="62" BORDER="0" ALT="template6"></A></TD>
</TR>

</TABLE></CENTER>

<P>Alter the frame dimensions as needed.

<P>*View source: Most, if not all browsers allow you to view the source of any HTML document. It's a menu item, usually something like <B>View/Source</B>. Do this and the innards of any web page is there for you to inspect. Once you learn this little trick, you'll never again have to say... "I saw (insert neat effect here) on a page and I wondered how they did that."<IMG SRC="../../makapage/pics/smiley_big_grin.gif" WIDTH="26" HEIGHT="25" BORDER="0" ALT="" ALIGN="top" HSPACE="5">




<P>
<SCRIPT language="JavaScript" SRC="../../../tutor/other/nav_main.js"></SCRIPT>



</BODY>
</HTML>

