<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>WIT 2002 Three Types of Web Pages</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" --> 
      <div align="center"> 
        <h1>&nbsp; </h1>
        <h2><u><font color="#000000">Three Types of Web Pages</font></u></h2>
        <p align="left">Below are three types of web pages that can be developed 
          for your classroom, along with sample content for each. Click on the 
          links to see examples* (note: each of the web pages is an external link. 
          Use the Back button to return to this module after visiting each page). 
          You will go through each site with your mentor. Discuss some of the 
          features of each page. Mentors and participants might want to keep short 
          notes on features of each of the three types of web pages</p>
        <p align="left"><i>*Some of the sites listed below incorporate all three 
          types of pages into one home page!</i></p>
        <table width="75%" border="5" cellspacing="0" cellpadding="5" bordercolor="#006600" align="center">
          <tr> 
            <td width="9%"> 
              <div align="center"><b><i>Type of Page</i></b></div>
            </td>
            <td width="21%"> 
              <div align="center"><b><i>Suggestions for Content</i></b></div>
            </td>
            <td width="70%"> 
              <div align="center"><b><i>Examples</i></b></div>
            </td>
          </tr>
          <tr> 
            <td width="9%"> 
              <div align="center"><b>Student Centered</b></div>
            </td>
            <td width="21%"> 
              <ul>
                <li> Class newspaper</li>
                <li>Calendar of events</li>
                <li>Resources for class projects</li>
                <li>Lessons for students</li>
                <li>Showcase of student work</li>
              </ul>
            </td>
            <td width="55%"> 
              <p align="left"><a href="http://home.att.net/%7Ecandlers">Site One</a>- 
                Candler Kids on the Web</p>
              <p align="left"><a href="http://cuip.uchicago.edu/%7Eldernbach/msw/msw1.htm">Site 
                Two</a>- Mrs. S. Work</p>
              <p align="left"><a href="http://www.comsewogue.k12.ny.us/showcase2000/riccardi/riccardi.htm">Site 
                Three</a>- Riccardi's Smarties</p>
            </td>
          </tr>
          <tr> 
            <td width="9%"> 
              <div align="center"><b>Teacher Resource</b></div>
            </td>
            <td width="21%"> 
              <ul>
                <li>Peer to Peer communication</li>
                <li>May contain &quot;resume&quot; information on the teacher</li>
                <li>Provide lesson plans/tips for other teachers</li>
              </ul>
            </td>
            <td width="55%"> 
              <p><a href="http://pages.globetrotter.net/khouryy/">Site One</a>- 
                Riverdale H.S. Geography Resources</p>
              <p><a href="http://www.gwi.net/brhs/">Site Two</a>- BRHS Library 
                Media Page</p>
              <p><a href="http://members.aol.com/mrpruslin/UNDERHOOD.html">Site 
                Three</a>- J.T. Hood School</p>
            </td>
          </tr>
          <tr> 
            <td width="9%" height="184"> 
              <div align="center"><b>Class Home Pages</b></div>
            </td>
            <td width="21%" height="184"> 
              <ul>
                <li>May contain student work</li>
                <li>Provide information about classroom procedures/school policies 
                  for parents</li>
                <li>Include additional resources for students</li>
                <li>Teacher created plans</li>
              </ul>
            </td>
            <td width="50%" height="184"> 
              <p><a href="http://comsewogue.k12.ny.us/%7Erstewart/k2001/">Site 
                One</a>-Mrs. Stewart's Kindergarten</p>
              <p><a href="http://cuip.uchicago.edu/%7Edjoyner/index.html">Site 
                Two</a>- Mrs. Joyner's Site (former WIT participant)</p>
              <p><a href="http://www.mefnj.com/wood/cas/index2.html">Site Three</a>- 
                First Grade Central</p>
            </td>
          </tr>
        </table>
        <p align="right"><b><i><font size="+2"><a href="taskone.htm">Click here 
          to continue</a></font></i></b></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"><strong>Three Types 
                of Pages</strong></a></div></td>
            <td> <div align="center"><a href="taskone.htm">Task One</a></div></td>
            <td> <div align="center"><a href="notesondesign.htm">Web Page Organization</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>
        <p align="left">&nbsp;</p>
      </div>
      <!-- #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>
