<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>WIT 2002 Designing Web Pages ... module home page</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>De<font face="Arial, Helvetica, sans-serif">signing</font> 
        Web Pages for Classroom Use</b></font><!-- #EndEditable --></h1>
    </td>
  </tr>
  <tr> 
    <td colspan="2" valign="top" align="left"> <!-- #BeginEditable "body" --> 
      <table border="5" cellspacing="0" cellpadding="8" align="center" width="67%">
        <tr bgcolor="#66CC66"> 
          <td colspan="2"> 
            <p align="center"><a href="#introduction">Introduction</a></p>
          </td>
        </tr>
        <tr bgcolor="#66CC66"> 
          <td width="50%"> 
            <div align="center">
              <p><a href="#whydevelop">Why should I develop web pages for my classroom?</a></p>
            </div>
          </td>
          <td width="50%"> 
            <div align="center">
              <p><a href="threetypes.htm">Three types of Web Pages</a></p>
            </div>
          </td>
        </tr>
        <tr bgcolor="#66CC66"> 
          <td> 
            <div align="center">
              <p><a href="notesondesign.htm">Web Page Organization</a></p>
            </div>
          </td>
          <td> 
            <p align="center"><a href="stepsfordesign.htm">Steps for Design</a></p>
          </td>
        </tr>
        <tr bgcolor="#66CC66"> 
          <td> 
            <div align="center">
              <p><a href="websitestructure.htm">Web Site Structure</a></p>
            </div>
          </td>
          <td> 
            <div align="center">
              <p><a href="ideasforwebsite.htm">Ideas for your web page</a></p>
            </div>
          </td>
        </tr>
        <tr bgcolor="#66CC66"> 
          <td> 
            <div align="center">
              <p><a href="tipsfordesign.htm">Tips for A Successful Site</a></p>
            </div>
          </td>
          <td> 
            <div align="center">
              <p><a href="resourcepage.htm">Resources </a></p>
            </div>
          </td>
        </tr>
        <tr bgcolor="#66CC66"> 
          <td> 
            <p align="center"><a href="referencepage.htm">References</a></p>
          </td>
          <td> 
            <p align="center"><a href="teachingguide.htm">Teaching Guide</a></p>
          </td>
        </tr>
      </table>
      <table width="42%" border="5" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFF66">
        <tr> 
          <td width="50%"> 
            <div align="center">
              <p><a href="taskone.htm">Task One</a></p>
            </div>
          </td>
          <td width="50%"> 
            <div align="center">
              <p><a href="tasktwo.htm">Task Two </a></p>
            </div>
          </td>
        </tr>
      </table>
      <h3 align="center">There are three goals within this module:</h3>
      <div align="center"> 
        <ol>
          <li> To identify three different types of web pages and see examples 
            of each</li>
          <li>To decide which of the three designs is best for your needs</li>
          <li>To learn how design can make or break your web page </li>
        </ol>
      </div>
      <div align="center"> 
        <h4>Read the <a href="teachingguide.htm">Teaching Guide</a></h4>
      </div>
      <hr>
      <h3><u><a name="introduction"></a>Introduction</u></h3>
      <p>Use this module to help yourself decide which type of web page is right 
        for you. Learn about three types of web pages and view samples of each. 
        Then ask yourself some questions about which one is best for your needs 
        as an educator. Once you have decided on a style, learn how to design 
        that page so that it is user friendly, meets your needs and makes you 
        proud. For those who are eager to begin, there are even templates to help 
        you get started!</p>
      <p>At the end of this module, you will e-mail your mentor with the type 
        of web page you plan to create.</p>
      <hr>
      <h3><u><a name="whydevelop"></a>Why develop web pages for your class?</u></h3>
      <p>Many teachers wonder why they should create a web page for their classroom. 
        Below are some reasons:</p>
      <ul>
        <li>To engage students in learning</li>
        <li>To achieve teaching goals</li>
        <li>Showcase student work</li>
        <li> Communicate with peers</li>
        <li>Keep parents posted on class activities</li>
        <li>Extend existing lessons (updating information on these topics)</li>
        <li>To keep an electronic portfolio for yourself or students to view throughout 
          the year</li>
        <li>Provide additional educational resources for both parents and students</li>
      </ul>
      <p>Now that you have some reasons, lets get started!</p>
      <p align="right"><b><i><font size="+2"><a href="threetypes.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"><b>Module Home Page</b></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">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="right">&nbsp;</p>
      <p align="right"><font size="-1">Created by <a href="mailto:nzump@aol.com">Nicole 
        M. Zumpano</a></font></p>
      <p>&nbsp;</p>
      <p>&nbsp; </p>
      <!-- #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>
