<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>WI T 2002 Dreamweaver Teaching Guide</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" -->Building a Curriculum Web with Dreamweaver: 
        Teaching Guide<!-- #EndEditable --></h1>
    </td>
  </tr>
  <tr> 
    <td colspan="2" valign="top" align="left"> <!-- #BeginEditable "body" --> 
      <h6>&nbsp;</h6>
      <a name="top"></a> 
      <table border="3" align="center" cellpadding="4" bordercolor="#009999" bgcolor="#99CC99">
        <tr> 
          <td><div align="center"> 
              <h5><a href="overview.htm">Overview</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="howtogethelp.htm">How to get help</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="sitesetup.htm">Site setup and maintenance</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="textetc.htm">Text, layout, styles, links</a></h5>
            </div></td>
        </tr>
        <tr> 
          <td><div align="center"> 
              <h5><a href="images.htm">Images</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="templates.htm">Templates</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="libraries.htm">Libraries</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="navbars.htm">Navigation bars</a>/<a href="altnavbar.htm"><br>
                Alternative version</a> </h5>
            </div></td>
        </tr>
        <tr> 
          <td><div align="center"> 
              <h5><a href="frames.htm">Frames</a> </h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="behaviors.htm">Layers and behaviors</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="extending.htm">Extending Dreamweaver</a></h5>
            </div></td>
          <td><div align="center"> 
              <h5><a href="index.htm">Module Home</a></h5>
            </div></td>
        </tr>
      </table>
      <h6>&nbsp;</h6>
      <blockquote> 
        <p><a href="#aim">Aim<br>
          </a><a href="#rationale">Rationale<br>
          </a><a href="#audience">Audience<br>
          </a><a href="#subjectmatter">Subject-matter</a><a href="#objectives"><br>
          Learning objectives<br>
          </a><a href="#materials">Materials<br>
          </a><a href="#instructional">Instructional plan<br>
          </a><a href="#assesseval">Plan for assessment and evaluation</a></p>
      </blockquote>
      <p><b>Aim<a name="aim"></a></b>: This set of lessons is designed to help 
        educators who are fairly comfortable using computers to learn enough about 
        Dreamweaver to be able to use it to create attractive and useful curriculum 
        webs.</p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b>Rationale<a name="rationale"></a></b>: Dreamweaver simplifies the 
        entire process of web design, from planning a site to creating a consistent 
        look and feel. The product has many more functions than web-page editors 
        such as Netscape Composer. While this additional functionality can be 
        quite useful for teachers and other creators of web sites designed to 
        support teaching and learning, it also requires the user to learn a lot 
        more about the program. Therefore we have built this module to support 
        the somewhat steep learning curve of new users of Dreamweaver, and because 
        most of the participants in WIT Advanced will be teachers, have focused 
        it on the development of curriculum webs. </p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b>Audience<a name="audience"></a></b>: This module is designed for teachers 
        and other adult educators who are comfortable using a computer for word 
        processing and other basic applications, who have access to an Internet-linked 
        computer, and who are internally motivated to learn Dreamweaver. Participants 
        should know what the World Wide Web is, what the basic structures and 
        components of web sites are, how to use a web browser and conduct simple 
        searches, and what kinds (and levels) of materials are likely to help 
        the target users to learn. </p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b>Subject-matter<a name="subjectmatter"></a></b>: Learning Dreamweaver 
        involves the exploration and use of a number of components and procedures, 
        including:</p>
      <ul>
        <li>structure of the program and its components</li>
        <li>simple web site planning and design</li>
        <li>site management</li>
        <li>document setup</li>
        <li>page layout</li>
        <li>tables</li>
        <li>frames</li>
        <li>asset management</li>
        <li>text formatting</li>
        <li>inserting images and other media</li>
        <li>editing HTML directly</li>
        <li>linking and navigation</li>
        <li>templates and libraries</li>
        <li>layers</li>
        <li>behaviors</li>
        <li>forms</li>
        <li>publishing a site</li>
      </ul>
      <p>The latter lessons in this module assume that participants are familiar 
        with the basic structure and purposes of curriculum webs. This should 
        be clear to you from the Introduction to <font face="Arial, Helvetica, sans-serif"><a href="../creating/index.htm">Creating 
        a Curriculum Web </a></font><a href="../creating/index.htm">module</a> 
        that you participated in during the first couple of days of WIT 200<font face="Arial, Helvetica, sans-serif">2</font>.</p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b><a name="objectives"></a>Learning objectives</b>:</p>
      <p>Upon completion of the lessons in this module, participants will be able 
        to use Dreamweaver to:</p>
      <ul>
        <li>copy an existing web site from a remote server</li>
        <li>utilize the extensive help files (both included on CD and online) 
          to discover new procedures or learn new skills</li>
        <li>set up a new web site from scratch using the site layout view</li>
        <li>create a well-organized web site consisting of interlinked html documents</li>
        <li>publish partial or completed web sites to the CUIP server</li>
        <li>connect to the same web site from a different computer, and download, 
          modify, and republish that same site</li>
        <li>create a template and apply it to a set of pages within a web site</li>
        <li>incorporate library items into a web site design</li>
        <li>understand the &quot;web-safe&quot; color space and use it on a web 
          site</li>
        <li>use menus and other procedures to add text, images, and other content</li>
        <li>use the property inspector to modify a wide variety of web page elements</li>
        <li>use the site files view to copy, move, delete, and update pages on 
          a local computer and remote server</li>
        <li>create and edit tables to effectively display content of all sorts</li>
        <li>define behaviors and use layers to include interactivity in web pages</li>
        <li>diagnose problems with layout and fix them using the HTML tag selector 
          and code view</li>
        <li>extend capabilities by downloading and managing new extensions</li>
      </ul>
      <p><a href="#top">Back to the top.</a></p>
      <p><b><a name="materials"></a>Materials</b>: An internet-linked computer 
        lab with one computer per participant (or one to be shared by pairs of 
        participants), an instructor station with projector, and Dreamweaver installed 
        on each computer. One CD containing Dreamweaver MX for each participant 
        in order to install the software on a home computer (PC or Mac). The <a href="index.htm">curriculum 
        web designed to support this module</a>.</p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b><a name="instructional"></a>Instructional plan</b>: This module is 
        intended to be used during WIT 200<font face="Arial, Helvetica, sans-serif">2</font> 
        to support the goals of <font face="Arial, Helvetica, sans-serif">Creating 
        a Curriculum Web</font>. The primary outcome of <font face="Arial, Helvetica, sans-serif">Creating 
        a Curriculum Web</font> will be the development of a complete curriculum 
        web. The mentors of each <a href="../../homerooms/index.htm">section</a> 
        of <font face="Arial, Helvetica, sans-serif">Creating a Curriculum Web</font> 
        will determine what order the modules shall be used in. The separate lessons 
        of this module are designed to be used in sequence, but may be spread 
        out over a series of days or even weeks.</p>
      <p>For each lesson within this module, it is suggested that the mentor demonstrate 
        the techniques described in the module using a projector to show the participants 
        what they are doing, and then have the participants do the activities 
        while mentors circulate and offer help. When everyone has successfully 
        completed the task or activity, then the mentors demonstrate the next 
        set of techniques. </p>
      <p><a href="#top">Back to the top.</a></p>
      <p><b><a name="assesseval"></a>Plan for assessment and evaluation</b>: Each 
        session will include a &quot;session goal.&quot; Activities will be included 
        to determine whether the participant has achieved the session goal. Participants 
        who do not achieve the session goal will be encouraged to work on the 
        goals on their own or to seek the help of the instructor or other participants. 
        Participants who have not yet met the &quot;session goal&quot; of any 
        previous sessions will be asked to schedule a time to receive additional 
        help.</p>
      <p>A general WIT workshop <b>evaluation</b> is available <a href="../../feedback/index.htm" target="_blank">online</a>. 
      </p>
      <p><a href="#top">Back to the top.</a> </p>
      <p>&nbsp;</p>
      <table width="90%" border="0" align="center" cellpadding="3">
        <tr bgcolor="#FFCCFF"> 
          <td valign="middle"> <div align="center"> 
              <h5><a href="http://cuip.uchicago.edu/wit/2001/modules/dw4wit/index.htm" target="_top">Module 
                Home</a></h5>
            </div></td>
          <td valign="middle"> <div align="center"> 
              <h5><a href="guide.htm">Teaching Guide</a></h5>
            </div></td>
          <td valign="middle"> <div align="center"> 
              <h5>Developed by <a href="http://cuip.uchicago.edu/%7Ecac" target="_blank">Craig 
                A. Cunningham</a></h5>
            </div></td>
        </tr>
      </table>
      <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>
