<html><!-- #BeginTemplate "/Templates/2002.dwt" -->

<head>

<!-- #BeginEditable "doctitle" --> 

<title>BETA July 10, 2002</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<!-- #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="#0000FF" vlink="#663333" alink="#00CCFF" 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>

      <p>&nbsp;</p>

      <p>&nbsp;</p>

    </td>

    <td valign="top" align="left" colspan="2" height="47"> 

      <h1><!-- #BeginEditable "title" --><font color="#003300" face="Arial, Helvetica, sans-serif">July 
        10, 2002</font> <!-- #EndEditable --></h1>

    </td>

  </tr>

  <tr> 

    <td colspan="2" valign="top" align="left"> <!-- #BeginEditable "body" --> 
      <p> 
        <script language="JavaScript" type="text/JavaScript">

var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var lmod = new Date(document.lastModified); var H = lmod.getHours(document.lastModified); var MI = lmod.getMinutes(document.lastModified); var S = lmod.getSeconds(document.lastModified); var Da = lmod.getDay(document.lastModified); var MO = lmod.getMonth(document.lastModified); var D = lmod.getDate(document.lastModified); var Y = lmod.getFullYear(document.lastModified); var AM =" AM";
if(H>12){H=H-12;AM=" PM";}if(H<10){H="0"+H;}if(MI<10){MI="0"+MI;}if(S<10){S="0"+S;}
var T = days[Da]+ ", "+months[MO]+" "+D+", "+Y;

var now = new Date(); var H = now.getHours(); var MI = now.getMinutes(); var S = now.getSeconds(); var Da = now.getDay(); var M = now.getMonth(); var D = now.getDate(); var Y = now.getFullYear(); var AM =" AM";
if(H<10){H="0"+H;}if(MI<10){MI="0"+MI;}if(S<10){S="0"+S;}
var TO = days[Da]+ ", "+months[M]+" "+D+", "+Y+" <br>and the server time is "+H+":"+MI+":"+S;
document.writeln("Today is "+TO+".");
//
</script>
      </p>
      <table width="100%" border="1" bgcolor="#FFFFFF" bordercolor="#000000">
        <tr> 
          <td> <div align="center"><a href="index.htm">Home</a></div></td>
          <td> <div align="center"><a href="schedule.htm">Schedule</a></div></td>
          <td> <div align="center"><a href="participants.htm">Participants</a></div></td>
          <td> <div align="center"><a href="siteofday.htm">Site-of-the-Day</a></div></td>
          <td> <div align="center"><a href="projects.htm">Projects</a></div></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p><font face="Arial, Helvetica, sans-serif"><strong>STARTER:</strong></font></p>
      <p><font face="Arial, Helvetica, sans-serif">Make sure</font> the <font face="Arial, Helvetica, sans-serif">following 
        page is the default (home) page in both browsers: http://webinstituteforteachers.org</font></p>
      <p><font face="Arial, Helvetica, sans-serif">Please remove any extraneous 
        practice folders on the desktop of the computer you are using.</font></p>
      <p><font face="Arial, Helvetica, sans-serif">Create a new folder on the 
        desktop. Call it teacher guide. Go to the <a href="http://webinstituteforteachers.org/2002/modules/teachingguide/createyourown.htm">Teaching 
        Guide module</a>, and following the instructions for downloading and modifying 
        the <a href="http://webinstituteforteachers.org/2002/modules/teachingguide/template.htm">WIT 
        Teaching Guide Template</a>.</font></p>
      <p><font face="Arial, Helvetica, sans-serif">Define</font><font face="Arial, Helvetica, sans-serif"> 
        a new site in Dreamweaver. Define the teacher guide folder as local root 
        folder. Practice downloading a file. View these <a href="hints1.htm" onMouseOver="MM_openBrWindow('hints1.htm','Hints','scrollbars=yes,width=400,height=600')">hints</a> 
        if you need help.</font></p>
      <p><font face="Arial, Helvetica, sans-serif"><a href="siteofday.htm">Site-of-the-Day</a></font></p>
      <p>&nbsp;</p>
      <p><strong>GOAL<font face="Arial, Helvetica, sans-serif">S FOR JULY 10, 
        2002</font></strong></p>
      <p><font face="Arial, Helvetica, sans-serif">Complete a preliminary copy 
        of your teacher guide. Be sure to upload your work to the CUIP server 
        by the end of the day.</font></p>
      <p><font face="Arial, Helvetica, sans-serif">Review the <a href="http://webinstituteforteachers.org/2002/modules/websitedesign/index.htm">Web 
        Site Design</a> module. On paper (the pulpy stuff), draw a visual map 
        of the pages you would like to include in your site. Draw connecting arrows 
        between pages you would like to be linked. </font></p>
      <p><font face="Arial, Helvetica, sans-serif">Discuss interactivity:</font></p>
      <ul>
        <li> <a href="http://www.puzzlemaker.com">http://www.puzzlemaker.com</a></li>
        This site allows the user to create crossword puzzles, word searches, 
        etc. 
        <li> <a href="http://builder.com">http://builder.com.</a>&nbsp; Click 
          <a href="quizinstruct.htm">HERE</a> for helpful guidelines.&nbsp; Builder.com 
          contains an endless supply of ideas and tips when building your own 
          website<font face="Arial, Helvetica, sans-serif">.</font></li>
      </ul>
      <p><font face="Arial, Helvetica, sans-serif">More on interactivity tomorrow...</font></p>
      <!-- #EndEditable --> </td>

  </tr>

  <tr> 

    <td colspan="2" valign="top" align="left"> 

      <table width="100%" border="3" cellspacing="3" cellpadding="5" bgcolor="#99CC99" bordercolor="#003300" align="left">

        <tr> 

          <td> 

            <h6 align="left"><font color="#006600">The contents of the Web Institute 

              Web Site, including the On-Line Curriculum, Web Tank, and Session 

              Notes, are Copyright 1999-2002, Graham School of General Studies, 

              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 or the Dean of the Graham School. 

              All rights reserved. </font></h6>

            <p> <font color="#003300"> 

              <script  language="JavaScript">

<!--

var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");

var days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");

var lmod = new Date(document.lastModified); var H = lmod.getHours(document.lastModified); var MI = lmod.getMinutes(document.lastModified); var S = lmod.getSeconds(document.lastModified); var Da = lmod.getDay(document.lastModified); var MO = lmod.getMonth(document.lastModified); var D = lmod.getDate(document.lastModified); var Y = lmod.getFullYear(document.lastModified); var AM =" AM";

if(H>12){H=H-12;AM=" PM";}if(H<10){H="0"+H;}if(MI<10){MI="0"+MI;}if(S<10){S="0"+S;}

var T = days[Da]+ ", "+months[MO]+" "+D+", "+Y;

document.writeln("This page was last updated on "+T+", ");



var now = new Date(); var H = now.getHours(); var MI = now.getMinutes(); var S = now.getSeconds(); var Da = now.getDay(); var M = now.getMonth(); var D = now.getDate(); var Y = now.getFullYear(); var AM =" AM";

if(H<10){H="0"+H;}if(MI<10){MI="0"+MI;}if(S<10){S="0"+S;}

var TO = days[Da]+ ", "+months[M]+" "+D+", "+Y+" at "+H+":"+MI+":"+S;

document.writeln("and you last accessed it on "+TO+".");

//-->

</script>

              </font><font color="#333366"> </font></p>

          </td>

        </tr>

      </table>

      <h6>&nbsp;</h6>

    </td>

  </tr>

</table>

</font> 

</body>

<!-- #EndTemplate --></html>

