SAMPLE.TEMPLATE 

This page shows the WYSIWYG Editor with "sample.template" as it appears to a user using the template to create a web page. The HTML Code that was used to build "sample.template" is displayed below this view.

WYSIWYG EDITOR USING "sample.template"

"sample.template" HTML CODE
<html>
<head>
<title><$title></title>
</head>

<!-- The following IMAGE control allows the user to select from a list of
     available background images  -->
<!--[type=IMAGE name="background" prompt="Select a Background Image:<br>" 
    prefix="background" dir="$workingdir/templates/background"]-->
<body background="">
<!--[END]-->

<!-- The following HYPERLINK control allows the user to select from a list
     of templates stored in a user-defined "Header Template" directory -->
<!--[type=HYPERLINK name="Header" prompt="Select a Header Template:<br>" 
     prefix="$docroot" mime="*" dir="$workingdir/templates/hdr"]-->
<!-- $docroot"" --> 
<$include $docroot>
<!--[END]-->

<TABLE width="100%" cellpadding=0 cellspacing=0 border=0>
 <TR>
  <TD valign=top bgColor=#cccccc align=middle width=132>
   <TABLE valign="top" align=left border=0 cellPadding=0 cellSpacing=0 width="100%">
    <TR>
     <TD align=left>&nbsp;</TD>
     <TD align=left>
      <P><FONT color=#004000 size=5>
      Get the latest news at your desk!</FONT></P>
      <P>&nbsp;
       <form>
        <center>
         <INPUT name=email size=12 value="Your Email Address"><br>
         <IMG alt="Subscribe Now" src="/wsd-samples/sample-subscribe.gif" ><br>&nbsp;
       </center>
       </P></form>
     </TD>
    </TR>
   </TABLE>
  </TD>
  <td valign=top align=left>
   <TABLE cellpadding=3 valign="top" width="100%">
    <TR>
     <TD align=middle>
      <P><center>
      <font color="#000066" size=+2><B>Your Newsletter Masthead</B></font>
      </center>
      </P>
     </TD>
    </TR>
    <TR>
     <td align=left>
      <table border=0 width="100%">
       <tr>
        <td align=left valign=bottom>
         <P><font face="Arial, Helvetica" size=+0>
         <b>News Release Date:</b> 
<!-- The following EDIT control allows the user to enter news release date that
     will be displayed on the page -->
         <!--[type=EDIT name="NewsReleaseDate" prompt="News Release Date:<br>" 
              width=25]-->
(Format: Month dd, yyyy)
         <!--[END]--></font>
         <br><B>Author:</B> <$authorname></FONT></P>
        </td>
        <td align=right valign=top>
<!-- The following control allows the user to select an image to be displayed
     the the right of the release date  -->
         <!--[type=IMAGE name="Icon" prompt="Select a Picture:<br>" 
              imagedir="/wsd-samples"]-->
         <img src="" border=2> 
         <!--[END]-->
        </td>
       </tr>
      </table>
     </td> 
    </TR>
    <TR>
     <TD align=middle>
      <P><font face="Arial, Helvetica"><font size=+1><B>
<!-- The following EDIT control allows the user to enter the headline -->
      <!--[type=EDIT name="Headline" prompt="Headline:<br>" width=60]-->
      (Headline max length: 60 characters!)
      <!--[END]--></b></font><br>
      <!--[type=HYPERLINK name="Other_Story" prompt="Select a Reference<br>" dir="."]-->
      <a target="Reference" href="">Click here for associated story!</a>
      <!--[END]-->
      </font></P>
     </TD>
    </TR>
    <TR>
     <TD align=left>
      <!--[type=HTMLEDIT name = "Story" prompt="Story:<br>" imagedir="/wsd-samples" 
           width=PREFWIDTH pixelwidth=100% pixelheight=360 height=30 wrap=SOFT]-->
      <P><font color="#cc0000" size=+1>(Enter Story Text here, including hyperlinks to 
      other media)</font></P>
      <!--[END]-->
     </TD>
    </TR>
   </TABLE>
  </td>
 <TD VALIGN="top" align=right WIDTH=132 bgcolor="#cccccc"> 
  <center>
  <TABLE BORDER="0" CELLSPACING="0" CELLPADDING=5>
   <TR> 
    <TD align=middle valign=top> 
     <font face="Arial,Helvetica" size=-2><b><u>Advertisement</u></b><br>&nbsp;<br>
     <IMG alt=Advertisement border=2 src="/wsd-samples/sample-advertisement-2.gif"><br>
     <IMG alt=Advertisement border=2 src="/wsd-samples/sample-advertisement-4.gif"><br>
     <IMG alt=Advertisement border=2 src="/wsd-samples/sample-advertisement-3.gif"><br>
     <IMG alt=Advertisement border=2 
          src="/wsd-samples/sample-advertisement-1.gif"></font>
     </TD>
   </TR>
  </TABLE></center>
 </TD>
</TR>
</TABLE>
<TABLE width="100%" bgcolor="#ffffff">
 <TR>
  <TD align=middle>
   <hr>
   <font face="Arial,Helvetica" size=-1>Content provided by <$authorname>.</font>
  </TD>
 </TR>
</TABLE>

<!--[type=HYPERLINK name="Footer" prompt="Select a Footer Template:<br>" 
     prefix="$docroot" mime="*" dir="$workingdir/templates/ftr"]-->
<!-- $docroot"" --> 
<$include $docroot>
<!--[END]-->

</body>
</html>
 

Copyright 2000-2003 CyberTeams, Inc., http://www.cyberteams.com All rights reserved
CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc. All other marks are the property of their respective owners.