<html><!-- #BeginTemplate "/Templates/2002.dwt" --><!-- DW6 -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>WIT 2002 Files and Folders</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">Files and Folders</font><!-- #EndEditable --></h1>
    </td>
  </tr>
  <tr> 
    <td colspan="2" valign="top" align="left"> <!-- #BeginEditable "body" --> 
      <div align="center"> 
        <h1><a name="top"></a></h1>
        <table width="75%" border="2" cellpadding="2" bordercolor="#00FF33" align="center">
          <tr align="center" valign="middle"> 
            <td width="10%"> 
              <div align="center"><a href="index.htm">Files &amp; Folders Home</a></div>
            </td>
            <td width="9%"> 
              <div align="center"><a href="Files_&_Folders.htm">About Files</a><a href="Why.htm"></a></div>
            </td>
            <td width="10%"><a href="Why.htm">Make Folders</a></td>
            <td width="18%"> 
              <div align="center"> 
                <p><a href="ace_ftp/introduction.htm">Ace FTP</a> </p>
              </div>
            </td>
            <td width="12%"><a href="ssh/ssh_download_install.htm">SSH Secure 
              File Transfer-</a></td>
            <td width="10%"><a href="telnet/telnet.htm">Telnet-Mini Module</a></td>
            <td width="18%"> 
              <div align="center"><a href="teachingguide.htm">Teacher Guide</a></div>
            </td>
          </tr>
        </table>
        <p>About Files: This page has information that may be helpful as you deal 
          with files. They do not cover everything. The intent is to address some 
          frequently asked questions about files .</p>
        <table width="100%" border="4" bordercolor="#00FF00">
          <tr> 
            <td width="50%"> 
              <div align="center"><a href="#name">Naming files.</a></div>
            </td>
            <td width="50%"> 
              <div align="center"><a href="#relative">Relative Links</a></div>
            </td>
          </tr>
          <tr> 
            <td width="50%"> 
              <div align="center"><a href="#extension">File Extensions</a></div>
            </td>
            <td width="50%"> 
              <div align="center"><a href="#absolute"> Absolute Links</a></div>
            </td>
          </tr>
          <tr> 
            <td width="50%"> 
              <div align="center"><a href="#index">Index file</a></div>
            </td>
            <td width="50%">&nbsp;</td>
          </tr>
        </table>
        <h3><font color="#006633"><a name="name"></a>How do you name your files?</font></h3>
        <p align="left"><b>Most Important</b>: Name your files so you will know 
          what they are. You may consider two oppositional preferences.</p>
      </div>
      <ul>
        <li> 
          <div align="left">Short simple names are preferred by those who type 
            file names and urls, so that when someone needs to access the file, 
            they don't need to spend a lot of time typing, and then retyping because 
            they did not do it right the first time. </div>
        </li>
        <li> 
          <div align="left">Longer names may help you remember what is in the 
            file. Keep in mind that you need to remember what each file is about, 
            so describe them well.</div>
        </li>
      </ul>
      <div align="center"> 
        <p align="left"><b>Spaces</b> in file names are not good. Use &quot;filenames.htm&quot; 
          or &quot;file_names.htm&quot; instead of the two words separated by 
          a space in &quot;File Names&quot;. If you must have words separated, 
          use the underscore to separate, as in &quot;file_names.htm&quot;.</p>
        <p align="left"><b>Upper case letters</b> in file names are not necessary. 
        </p>
        <p align="left"><a href="#top">Top of Page</a></p>
        <p align="left"><b><a name="extension"></a>File Extensions:</b></p>
        <p align="left"><b>In Windows</b>, the file names are in two parts....the 
          part before the dot, and the part after the dot. The part before the 
          dot is the file name, and the part after the dot, called the extension, 
          is supposed to identify the kind of file. Your computer operating system 
          (i.e. Windows) also uses the extension to choose what program it will 
          use to open a file. Common extensions in files associated with web pages 
          are &quot;htm&quot;, &quot;html&quot;, &quot;jpg&quot;, and &quot;gif&quot;.</p>
        <p align="left">The &quot;jpg&quot; and the &quot;gif&quot; extensions 
          indicate that the file is an image. The &quot;jpg&quot; image is usually 
          a photograph, and the &quot;gif&quot; image is usually a drawing, like 
          a cartoon. These image files are preferred for web pages because they 
          are smaller than other types of image files, and thus take less time 
          to load into a browser.</p>
        <p align="left">The htm and html extensions are used for web page files. 
          Composer for Windows automatically inserts an html extension for each 
          web page file. </p>
        <p align="left"><a href="#top">Top of Page</a></p>
        <p align="left"><b><a name="index"></a>&quot;index.html&quot; or &quot;default.html&quot;</b></p>
        <p align="left">If a browser is given a web address (url) that leads to 
          a folder, browsers look for and display any file named either &quot;index.html&quot; 
          or &quot;default.html&quot;.</p>
        <p align="left">If there is no file with one of those names, the browser 
          will display a list of the files in the folder, on a page that it creates 
          and calls Index of /&quot;name of folder&quot;. You get to choose which 
          one you want to see first. </p>
        <p align="left">We give our introductory or welcome page either of these 
          names to tell browsers to start with the file we want readers to see 
          first.</p>
        <p align="left"><a href="#top">Top of Page</a></p>
        <h2 align="left"><font color="#006633">What are &quot;relative links&quot;?<a name="relative"></a></font></h2>
        <p align="left">These are links to files and images in the same folder 
          as the html file you are working with. . When we make links for these 
          files, we just use the file name for the link...no drive, folder, etc. 
          When we want to create a link to a file that is in the same folder as 
          the page file we are working on, we use relative links.</p>
        <p align="left">For a image, like this one, <img src="eiffeltower_waving_md_wht.gif" width="64" height="86" align="top"></p>
        <p align="left">the &quot;relative link&quot; is simply the file name, 
          which is &quot;eiffeltower_waving_md_wht.gif&quot;. This image file 
          is in the same folder as this page file, and the browser expects that 
          both the page file and the image file are in the same folder.</p>
        <p align="left">What does this mean? Your links to files and images that 
          are part of your project, and are in the same folder as the page on 
          which you are making links, are entered as relative links. All you need 
          to do for these is to type in the file name for the link. You do not 
          type the full address of the file you want to link to, such as.c:\filemgt\eiffeltower_waving_md_wht.gif 
          on their computers. </p>
        <p align="center"><img src="images/comp_link_window.jpg" width="342" height="305"></p>
        <p align="left"><a href="#top">Top of Page</a></p>
        <h2 align="left"><font color="#006633">What are &quot;absolute links&quot;?<a name="absolute"></a></font></h2>
        <p align="left"><font color="#000000">An absolute link may be a url, such 
          as http://my.yahoo.com/. This is a link is the address of a file on 
          an Internet server. A browser can find this file because it looks up 
          the address of the Yahoo server, and then it goes to that server, looks 
          in the specified folder, and displays the index file for the folder.</font></p>
        <p align="center"><img src="images/comp_absolute_ink_window.jpg" width="342" height="305"></p>
        <table width="75%" border="2" cellpadding="2" bordercolor="#00FF33" align="center">
          <tr align="center" valign="middle"> 
            <td width="10%"> 
              <div align="center"><a href="index.htm">Files &amp; Folders Home</a></div>
            </td>
            <td width="9%"> 
              <div align="center"><a href="Files_&_Folders.htm">About Files</a><a href="Why.htm"></a></div>
            </td>
            <td width="10%"><a href="Why.htm">Make Folders</a></td>
            <td width="18%"> 
              <div align="center"> 
                <p><a href="ace_ftp/introduction.htm">Ace FTP</a> </p>
              </div>
            </td>
            <td width="12%"><a href="ssh/ssh_download_install.htm">SSH Secure 
              File Transfer-</a></td>
            <td width="10%"><a href="telnet/telnet.htm">Telnet-Mini Module</a></td>
            <td width="18%"> 
              <div align="center"><a href="teachingguide.htm">Teacher Guide</a></div>
            </td>
          </tr>
        </table>
        <p align="center">&nbsp;</p>
        <p align="left"><a href="#top">Top of Page</a></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>
