<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>WIT 2002 Web Page Organization</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#003300" onLoad="MM_preloadImages('../../../img/2002logo-alt-over.gif')" leftmargin="0" topmargin="20" link="#0033CC" vlink="#009933" alink="#66CC66" background="../../../img/background2002.jpg">
<font face="Arial, Helvetica, sans-serif"> </font> <font face="Arial, Helvetica, sans-serif"> 
<table width="100%" border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td rowspan="3" width="163" valign="top" align="left"> 
      <p><a href="../../index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Logo','','../../../img/2002logo-alt-over.gif',1)"><img name="Logo" border="0" src="../../../img/2002logo-alt.gif" width="150" height="150"></a></p>
      <table width="100%" border="0" cellspacing="10" cellpadding="0">
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002home.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value="."><param name="BGCOLOR" value="#006600">
              
              <embed src="/Templates/2002home.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002about.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002about.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002homerooms.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002homerooms.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002curriculum.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002curriculum.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002software.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002software.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002mentor.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002mentor.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002projects.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002projects.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002feedback.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BASE" value=".">
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002feedback.swf" base="."  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
        <tr> 
          <td width="5">&nbsp;</td>
          <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
              <param name=movie value="/Templates/2002search.swf">
              <param name="wmode" value="transparent">
			  <param name=quality value=high>
              <param name="BGCOLOR" value="#006600">
              <embed src="/Templates/2002search.swf" base=""  quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="#006600">
              </embed> 
            </object></td>
        </tr>
      </table>
      <div align="center"></div>
          </td>
    <td valign="top" align="left" colspan="2" height="47"> 
      <h1><!-- #BeginEditable "title" --> <font color="#003300"><b>Developing 
        Web Pages for Classroom Use</b></font><!-- #EndEditable --></h1>
    </td>
  </tr>
  <tr> 
    <td colspan="2" valign="top" align="left"> <!-- #BeginEditable "body" --> 
      <h1 align="center">&nbsp; </h1>
      <h2 align="center"><u>Web Page Organization</u></h2>
      <p>Although there are many style manuals being written on how web documents 
        should be designed, there is really no &quot;correct&quot; style. Style 
        manuals help to formalize document design, however, it is more important 
        for each author to come up with their own standards. Continuity and consistency 
        should be the goal of any set of standards. </p>
      <p>Listed below are some general rules about the organization of your web 
        pages. Read each carefully, as every tip is important for a well developed 
        site.</p>
      <p></p>
      <h3><u>Rules of Web Page Organization</u></h3>
      <ul>
        <li>Start and maintain a paper (notebook) copy of your web page work. 
        </li>
        <li> Write down both the title and URL of any web page for which you will 
          create a link. </li>
        <li>Save all of your web page (.gif, .jpg, .html) files in one folder 
          on your C drive (home base computer) or A drive (diskette). This is 
          MOST IMPORTANT for publishing your page!</li>
        <li>When you save an image file, write down its source (Graphics Collection 
          title and URL), the file name, and a short description of the image.</li>
        <li>Don't use excessive graphics. If they don't directly relate to your 
          topic, they are a nuisance.</li>
        <li>Make sure your site is easy to navigate. Users should know where to 
          go to next if following a sequence</li>
        <li> The web page title and the web page .html file name are different. 
          The title describes the page's content. The .html file name will be 
          part of the page's URL and should be kept short. </li>
        <li>Always make a back up copy of your web page files and keep it updated. 
        </li>
        <li>Break up your information into useful-sized chunks. </li>
        <li>Have other teachers browse your site and offer feedback. <br>
        </li>
        <li>Limit the size of your home page so as not to confuse the users. Create 
          links to different pages on specific topics within your site.</li>
        <li>Each web page should be able to stand on its own. Try to limit each 
          page to one concept or idea. Organize the page for quick scanning. Annotate 
          any lists of resources so the user knows what to expect when the link 
          is followed. </li>
        <li>People browsing the web have eight seconds worth of patience while 
          waiting for your pages to load. <br>
          <ul>
            <li>This is especially true for home pages. </li>
            <li>This is especially true for children. </li>
            <li>It's like the restaurant business mantra: Don't keep them waiting, 
              or they'll leave and never return. <br>
              <br>
            </li>
          </ul>
        </li>
      </ul>
      <p align="right"><b><i><font size="+2"><a href="/2002/modules/designingwebpages/stepsfordesign.htm">Click 
        here to continue</a></font></i></b></p>
      <p><i></i></p>
      <table width="75%" border="5" cellspacing="0" cellpadding="5" bgcolor="#66CC66" align="center">
        <tr> 
          <td> <div align="center"><a href="index.htm">Module Home Page</a></div></td>
          <td> <div align="center"><a href="threetypes.htm">Three Types of Pages</a></div></td>
          <td> <div align="center"><a href="taskone.htm">Task One</a></div></td>
          <td> <div align="center"><a href="notesondesign.htm"><strong>Web Page 
              Organization</strong></a></div></td>
          <td> <div align="center"><a href="stepsfordesign.htm">Steps for Design</a></div></td>
          <td> <div align="center"><a href="websitestructure.htm">Web Site Structure</a></div></td>
          <td> <div align="center"><a href="ideasforwebsite.htm">Ideas for Your 
              Web Site</a></div></td>
          <td> <div align="center"><a href="tipsfordesign.htm">Tips for a Successful 
              Design</a></div></td>
        </tr>
      </table>
      <!-- #EndEditable --> </td>
  </tr>
  <tr> 
    <td colspan="2" valign="top" align="left"> 
      <table width="100%" border="3" cellspacing="3" cellpadding="5" bordercolor="#003300" align="left">
        <tr> 
          <td><h6 align="left"> <font color="#006600">The contents of the Web 
              Institute for Teachers website are Copyright 1999-2002, University 
              of Chicago. No one may print, copy, or otherwise reproduce these 
              materials without the express written permission of the Director 
              of the Web Institute for Teachers. </font></h6>
            <h6 align="left"><font color="#006600"> The current time is 
              <!--#config timefmt="%I:%M %p on %A %b %d, %Y"-->
              <!--#echo var="DATE_LOCAL"-->
              . This page was last modified on 
              <!--#config timefmt="%b %d, %Y" -->
              <!--#echo var="LAST_MODIFIED"-->
              . It has had 
              <!--#exec cgi="/cgi-bin/nmi/textcounter/witcounter.pl"-->
              . </font></h6>
            <h6><font color="#006600">Please use the <a href="/2002/feedback/index.htm">Feedback</a> 
              button to tell us how you like this page.</font></h6>

			  </td>
        </tr>
      </table>
      <h6>&nbsp;</h6>
    </td>
  </tr>
</table>
</font>
</body>
<!-- #EndTemplate --></html>
