<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>Dreamweaver for WIT 2002</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" --> Libraries in Dreamweaver <!-- #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>
      <h3>Agenda </h3>
      <ul>
        <ul>
          <li><a href="#goal">Goal</a></li>
          <li><a href="#libraries">Libraries</a></li>
          <li><a href="#assets">Assets</a></li>
        </ul>
      </ul>
      <h2><a name="goal"></a>Goal for this lesson</h2>
      <ul>
        <li>Create a new template and apply to to one page</li>
        <li>Download one library item and include it in one page</li>
        <li>Create a new library item and include it in one or two pages</li>
      </ul>
      <p><a href="#top">Back to the top.</a></p>
      <h2><a name="libraries"></a>Libraries</h2>
      <ul>
        <li>Any part of a page can be saved as a library item and reused: 
          <ul>
            <li>Select portion of the page</li>
            <li> Choose Modify, then Library, then Add Object to Library</li>
            <li>The Library in DW 4 is in the &quot;Assets&quot; tab of the Reference 
              window. Click on the orange folder (Assets)<img src="img/dw23.jpg" width="63" height="50"> 
              and then the open book: <img src="img/dw30.jpg" width="43" height="33"></li>
            <li>To add the item to a page, choose Window, then Library, then drag 
              item onto page.</li>
          </ul>
        </li>
        <li>For example, the following table is a library item:</li>
      </ul>
      <div align="center"><!-- #BeginLibraryItem "/Library/example.lbi" --><table width="40%" border="3" cellspacing="2" cellpadding="2">
    <tr>
      <td bgcolor="#99FF00">This table is an...</td>
      <td bgcolor="#FF99FF">&nbsp;</td>
      <td bgcolor="#66FFFF">&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#FFFF00">&nbsp;</td>
      <td bgcolor="#99FF00">...example of a....</td>
      <td bgcolor="#FFFF33">&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#66FFFF">&nbsp;</td>
      <td bgcolor="#FF99FF">&nbsp;</td>
      <td bgcolor="#99FF00">...library item.</td>
    </tr>
  </table><!-- #EndLibraryItem --></div>
      <div align="center"></div>
      <p align="center">&nbsp;</p>
      <ul>
        <li>Library items are stored in a special folder inside your local root 
          directory, called Library. All library items have the extension *.lbi. 
        </li>
      </ul>
      <p><b>Activity 1: Download the example.lbi library item, and add it to your 
        site Library, and put it on one of your pages. Then edit the library item 
        and watch it be updated in your page. </b></p>
      <ul>
        <li>To add the above library item to your site, create a folder in your 
          local root directory called Library. Then save the following file there, 
          by right-clicking (control-clicking on a Mac) this link and choosing 
          Save Link As...: <a href="../../../Library/example.lbi">example.lbi</a> 
          and then choosing the Library folder you just created. </li>
        <li>Once you do that, if you open your Assets/Library, the item should 
          be there. If not, right click and choose Recreate Site List.</li>
        <li>Once a selection is a library item, it cannot be edited except in 
          the library. (If you try to edit it, it will turn grey and your property 
          inspector will indicate it is a library item.</li>
        <li>Double-click on the listing in the Library window. (Or right-click 
          and use Edit.) </li>
        <li>Edit. Notice certain functions are not enabled (such a page properties). 
          When you exit the window it will ask if you want to save; then it will 
          ask you if you want to update the item in all its locations. Generally, 
          you will say Yes. (Even &quot;open&quot; files will be updated.) </li>
        <li> 
          <div align="left">You can only include elements in libraries that would 
            go between a page's &lt;body&gt; and &lt;/body&gt; tags.</div>
        </li>
      </ul>
      <h4>Activity 2: Create your own library item. Place it onto another page 
        within your site. </h4>
      <a href="#top">Back to the top.</a> 
      <h3><a name="assets"></a>Assets </h3>
      <ul>
        <li> Every image, color, link (URL), Flash movie, Shockwave movie, MPEG 
          or Quicktime movie, Script, Template, Library Item is listed in the 
          Assets panel:</li>
      </ul>
      <p align="center"><img src="img/dw34.jpg" width="346" height="317"></p>
      <ul>
        <li>If you recently added things to the site, they may not show up on 
          the Assets panel. Click the Refresh Site List button (on the lower right 
          of the Assets panel) to see an updated list.</li>
        <li>You can create your own sub-list of things (Favorites). To add things 
          to the Favorites list, click the &quot;Add to Favorites&quot; button 
          on the Assets panel. Or, right-click and choose Add to Favorites. For 
          most categories, you can switch between Favorites and Site (which includes 
          everything in the site)</li>
        <li>You can create folders in the Favorites list, using the New Favorites 
          Folder button or right clicking in the list.</li>
        <li>You can drag any asset onto the Page Design View to insert it in the 
          page. Or, click the Asset and click the Insert button on the lower right 
          of the Assets panel, or right-click and choose Insert.. (Colors apply 
          to everything that is typed AFTER the insertion point.)</li>
        <li>You can create new colors, URLs, or templates in the Assets panel, 
          by clicking the New.. button in the appropriate categories.</li>
      </ul>
      <p><b>Activity</b>: Open your assets panel. See what's in there. Add a few 
        of the assets to your Favorites. Create a new Favorites folder and put 
        some things into it (click and drag). Use the Favorites list to put an 
        image or Link somewhere else in your site.</p>
      <p><a href="#top">Back to the top.</a></p>
      <div align="right"> 
        <h4><font face="Arial, Helvetica, sans-serif"><a href="navbars.htm">Next 
          Lesson.</a></font></h4>
      </div>
      <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>
