If you wish to design your own template, here are some design guidelines. You'll need to design your template in your own webspace. When you're done, one of our system administrators can add it to the departmental installation.

• Use CSS as much as you can. Do not define toplevel CSS classes, instead, use ID selectors exclusively. This will hide your CSS elements from your users and make your template much easier to maintain.
• Use a fixed width design. If multiple columns are desired, the width of all columns should be all fixed. The WYSIWYG editor does not work well for fluid designs. It has to know the width of your page/column in order to be truely WYSIWYG.
  
• Put all files you use in one folder. This include CSS files, image files and javascript files. The HTML template should be named "template.tmp".
  
• Test your design on all browsers you can get your hands on, and validate your code using W3C's validation service. This is to ensure your code is standard compliant and works for as large an audience as possible.

Dynamic Items

Poorman's CMS uses a tag substitution scheme to generate content. The following is the complete list of those special tags (HTML comments) and their substituions.

Tag	Substitution
< !---title--- >	Page title
< !---pagerank--->	Page rank
< !---label--->	Label, as seen on the sidebar
< !---keywords--->	The list of keywords
< !---maintainer--- >	EID of authors/maintainers
< !---site--- >	Name of your site (directory name of your site)
< !--sitelinks-- >	The list of interesting links set up by your webmaster
< !--menubar-- >	The real menubar, or headline text depending on your menubar configuration
< !--sidebar-- >	The sidebar
< !--breadcrumbs-- >	The breadcrumb trails navigation links
< !--maintext-- >	Your main content, synonym of < !--column0-- >
< !--rightcolumn-- >	The right column, synonym of < !--column1-- >
< !--column0-- >	The main column
< !--column1-- >	Column1, if used
< !--column2-- >	Column2, if used
< !--column3-- >	Column3, if used
< !--footer-- >	Common footer

Sample Code

Listed below is the HTML code of our only template. It is a good idea to use it as a base design for your new template.

<  !Doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
	  "http://www.w3.org/TR/html4/loose.dtd" >
<  html >
<  head >
<  title ><  !---title--- ><  /title >
<  meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<  meta name="classification" content="Education" >
<  meta name="description" 
  content="Department of Mathematics, The University of Texas at Austin" >
<  meta name="pagerank" content="<  !---pagerank--- >" >
<  meta name="keywords" content="<  !---keywords--- >" >
<  meta name="author" content="Maorong Zou, <!---author--- >" > 
<  meta name="distribution" content="Global" >
<  meta name="robots" content="ALL" >
<  meta name="template" content="TEMPLATE_NAME" >
<  meta name="title" content="<  !---title--- >" >
<  meta name="label" content="<  !---label--- >" >
<  meta name="maintainer" content="<  !---maintainer--- >" >
<  meta name="site" content="<  !---site--- >" >
<  !---meta--- >
<  script type="text/javascript" 
      src="___data_dir_uri___/jscripts/jscript.js" ><  /script >
<  !--customscript-- >
<  !--customstylesheet-- >
<  /head >

<  body >
<  div id="container" >
  <  div id="ut" >
    <  div id="www" ><  a href="#main" id="skip" >skip to content.<  /a >
      <  h2 onclick="window.location='http://www.utexas.edu/'" >
       <  a href="http://www.utexas.edu" >
            The University of Texas at Austin<  /a ><  /h2 >
    <  /div >
    <  div id="sitelinks" ><  !--sitelinks-- ><  /div >
  <  /div >

  <  div id="topbar" >
   <  div id="utmath" >
     <  div id="searchbox" >
       <  form name="searchform" 
           method="get" action="___cgi_dir_uri___/pub/search" > 
        <  div id="searchr1" >
         <  span id="searchlabel" >Search<  /span >
         <  input type=radio name=type value="Web" checked 
                  class="searchradio" >Web
         <  input type=radio name=type value="UT" 
                  class="searchradio" >UT
         <  input type=radio name=type value="Math" 
                  class="searchradio" >Math
         <  /div >
         <  div id="searchr2" >
           <  input type=text name="q" size="16" maxlength="40"  value=""
              title="Enter text to search for and click 'Go'" 
              class="searchentry" >
           <  input type="image" src="___data_dir_uri___/imgs/_go.gif"
                 alt="Search" class="searchimgbtn" >
	     <  /div >	
          <  /form >
      	 <  /div >
        <  /div >
       <  div id="menubarholder" ><  !--menubar-- ><  /div >
  <  /div >

  <  div id="contentTEMPLATE_OPTION" >
    <  div id="menulholder" >
         <  !--sidebar-- >
    <  /div >

    <  a name="main" ><  /a >

    <  div id="pagetitle" ><  h2 ><  !---title--- ><  /h2 ><  /div >
    <  div id="breadcrumbsholder" ><  !--breadcrubms-- ><  /div >     
    <  div class="text" ><  !--maintext-- ><  /div >
    <  div id="rightcol" ><  !--rightcolumn-- ><  /div >
    <  div id="footer" ><  !--footer-- ><  /div >
  <  /div >
<  /div >

<  /body >
<  /html >