<HTML> <HEAD>    <TITLE> Web Images Teaching Research : Presentation & Workshop</TITLE> <body bgcolor="#ffffff" text="#000025"> <center> <font size=5 face=Arial, helvetica color=red>First <A HREF=http://www.er.uqam.ca/nobel/r14310/Listes/AHW.Meetings.html>Annual Meeting</a> of  <A HREF=http://www.er.uqam.ca/nobel/r14310/Listes/AHW-Members.html>Art History Webmasters</a></font> <p> <font size=8 color=#009900 face="Arial, helvetica"><A HREF= http://witcombe.sbc.edu/private/teachingonline/index.html><b>Web Images Teaching Research</b></A></font><br> <font size=5 color=darkgreen face="Arial, helvetica"><b>Web Images Enseignement Recherche</font><br> <font size=6 color=#009900 face="Arial, helvetica"><b>Art History and New Technologies</b></font><br> <font size=5 color=darkgreen face="Arial, helvetica">Histoire de l'art et nouvelles technologies </b></font><p> <font size=3 face=Arial, helvetica><b>Presentation and Workshop by</b></font><p> <font size=6 face="Arial, helvetica"><A HREF=http://witcombe.bcpw.sbc.edu/Witcombe.table.html>Christopher L. C. E. Witcombe</a></font><br>  <font size=4 face="Arial, helvetica">Professor of Art History, <A HREF=http://www.sbc.edu>Sweet Briar College</a>, Virginia USA</font><p>  <font size=6 face=Arial, helvetica> <b>Friday, March 27, 1998</b></font><br> <font size=6 face=Arial, helvetica> Universit&eacute; du Qu&eacute;bec &agrave;          Montr&eacute;al</font><p>  <table cellpadding=1 width=550> <TR> <td width=50> </TD>  <TD width=200 valign=top> <P><CENTER><B><FONT SIZE="+1" COLOR="#AF0000"> <font face=Arial, helvetica> <center> <b>9h30 - 12h30</b>                    <P><CENTER><B><FONT SIZE="+1" COLOR="#AF0000">Free Public          Lecture</FONT></B></CENTER></P>                    <P><CENTER><B><FONT SIZE="-1" COLOR="#00AF00">9h30-10h00          Introduction<BR>                    10h00-12h00 Lecture<BR>                    12h00-12h30 Question period</FONT></B></CENTER></P>                    <P><CENTER><B><FONT SIZE="-1">Salle          Marie-G&eacute;rin-Lajoie (733 seats), Pavillon          Judith-Jasmin, J-M400,<BR>                    405 rue Sainte-Catherine est,<BR>                    Universit&eacute; du Qu&eacute;bec &agrave;          Montr&eacute;al,<BR>                    </FONT><FONT          SIZE="-1"><A HREF="http://www.tourism-montreal.org/index.html"          TARGET="_top">Montr&eacute;al</A></FONT><FONT SIZE="-1">          (Qu&eacute;bec)<BR>                    M&eacute;tro Berri-UQ&Agrave;M.</FONT></B></P>  </TD> <td width=10> </td> <TD width=1 valign=top> <IMG width=2 height=200 SRC="images/redpixel.jpg"></TD> <td width=10> </td>  <TD> <TD width=200 valign=top>  <P><CENTER><B><FONT face=Arial, helvetica SIZE="+1" COLOR="#AF0000"> <center>9h30 -          12h30</b> <P><CENTER><B><FONT face=Arial, helvetica SIZE="+1" COLOR="#AF0000">Conf&eacute;rence          publique gratuite</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1" COLOR="#00AF00">9h30-10h00          Introduction<BR>                    10h00-12h00 Conf&eacute;rence<BR>                    12h00-12h30 P&eacute;riode de questions</FONT></B>          </CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica COLOR="#AF0000" SIZE="-1">Salle          Marie-G&eacute;rin-Lajoie (733 si&egrave;ges), Pavillon          Judith-Jasmin, J-M400,<BR>                    405 rue Sainte-Catherine est,<BR>                    Universit&eacute; du Qu&eacute;bec &agrave;          Montr&eacute;al,<BR>                   <A HREF="http://www.tourisme-montreal.org/"          TARGET="_top">Montr&eacute;al</A>          (Qu&eacute;bec)<BR>                    M&eacute;tro Berri-UQ&Agrave;M.</FONT></B></CENTER></P>  </TD> </TR> </TABLE>  <P><CENTER><IMG SRC="images/trait-n.gif" WIDTH="50%" HEIGHT=1 ALIGN=bottom vspace="4"></CENTER></P>   <P><CENTER><FONT FACE="Arial, helvetica" COLOR="#000000"><b>Traduction fran&ccedil;aise par <A HREF="http://www.er.uqam.ca/nobel/r14310/Accueil.html" TARGET="_top">Robert Derome</A>, professeur, <BR>  D&eacute;partement d'histoire de l'art, Universit&eacute; du Qu&eacute;bec &agrave; Montr&eacute;al.</b></FONT></CENTER></P>  <P><CENTER><IMG SRC="images/trait-n.gif" WIDTH="50%" HEIGHT=1 ALIGN=bottom vspace="4"></CENTER></P>   <table cellpadding=1 width=550> <TR> <td width=50> </TD>  <TD width=200 valign=top> <P><CENTER><B><FONT SIZE="+1" COLOR="#AF0000"> <font face=Arial, helvetica> <center> 14h30 - 17h30</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="+1" COLOR="#AF0000">Workshop in          info labs</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1" COLOR="#00AF00">54 seats with          computers<BR>                    Pavillon Judith-Jasmin<BR>                    J-1320 et J-1325</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Restricted to teachers in Art          History from participating institutions who contributed          required 250$ fee (UQ&Agrave;M, Universit&eacute; de          Montr&eacute;al, McGill University, Universidad Nacional          Aut&oacute;noma de M&eacute;xico) and to other institutions          who wishes to </FONT><FONT          SIZE="-1"><A HREF="mailto:derome.robert@uqam.ca"          TARGET="_blank">contribute</A></FONT>.</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Restricted access to other          UQ&Agrave;M teaching and administrative          personnel.</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Reservations for members of          theses categories to be made by e-mail at </FONT><FONT face=Arial, helvetica          SIZE="-1"><A HREF="mailto:dep.histoire.art@uqam.ca"          TARGET="_blank">D&eacute;partement d'histoire de          l'art</A></FONT><FONT face=Arial, helvetica SIZE="-1">, UQ&Agrave;M, by telephone          (514) 987-4111, or by fax (514) 987-6615.</FONT></B>          </CENTER></P>                    <P><CENTER><FONT face=Arial, helvetica SIZE="-2">Please confirm your presence at          </FONT><B><FONT SIZE="-2"          COLOR="#AF0000">Cocktail</FONT></B><FONT face=Arial, helvetica SIZE="-2"> and          </FONT><B><FONT SIZE="-2"          COLOR="#AF0000">Dinner</FONT></B><FONT face=Arial, helvetica SIZE="-2"> (at your          expense) following the workshop at the bar/restaurant of          H&ocirc;tel des Gouverneurs, Place Dupuis, 1415 rue          Saint-Hubert, telephone (514) 842-4881, fax (514)          842-1584.</FONT></CENTER></P>  </TD> <td width=10> </td> <TD width=1 valign=top> <IMG width=2 height=350 SRC="images/redpixel.jpg"></TD> <td width=10> </td>  <TD> <TD width=200 valign=top> <P><CENTER><B><FONT face=Arial, helvetica SIZE="+1" COLOR="#AF0000"> 14h30 - 17h30</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica COLOR="#AF0000">Atelier au                    laboratoire d'informatique</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1" COLOR="#00AF00">54 places avec          ordinateurs<BR>                    Pavillon Judith-Jasmin<BR>                    J-1320 et J-1325 </FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Entr&eacute;e          r&eacute;serv&eacute;e aux professeurs et charg&eacute;s de          cours d'histoire de l'art des institutions qui ont          contribu&eacute; les 250$ requis (UQ&Agrave;M,          Universit&eacute; de Montr&eacute;al, McGill University,          Universidad Nacional Aut&oacute;noma de M&eacute;xico) et          aux autres institutions qui d&eacute;sirent </FONT><FONT          SIZE="-1"><A HREF="mailto:derome.robert@uqam.ca"          TARGET="_blank">contribuer</A></FONT><FONT face=Arial, helvetica SIZE="-1">.          </FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Acc&egrave;s          r&eacute;serv&eacute; aux autres personnels enseignant et          administratif de l'UQ&Agrave;M.</FONT></B></CENTER></P>                    <P><CENTER><B><FONT face=Arial, helvetica SIZE="-1">Les r&eacute;servations pour          les personnes &eacute;ligibles doivent &ecirc;tre faites par          courriel au </FONT><FONT face=Arial, helvetica          SIZE="-1"><A HREF="mailto:dep.histoire.art@uqam.ca"          TARGET="_blank">D&eacute;partement d'histoire de          l'art</A></FONT><FONT face=Arial, helvetica SIZE="-1">, UQ&Agrave;M, par          t&eacute;l&eacute;phone au (514) 987-4111, ou par fax au          (514) 987-6615.</FONT></B></CENTER></P> <P><CENTER><FONT face=Arial, helvetica SIZE="-2">Veuillez confirmer votre          pr&eacute;sence au </FONT><B><FONT SIZE="-2"          COLOR="#AF0000">Cocktail</FONT></B></B><FONT face=Arial, helvetica SIZE="-2"> et au          </FONT><B><FONT SIZE="-2"          COLOR="#AF0000">Souper</FONT></B><FONT face=Arial, helvetica SIZE="-2"> (&agrave;          vos frais) qui suivront l'atelier au bar/restaurant de          l'H&ocirc;tel des Gouverneurs, Place Dupuis, 1415 rue          Saint-Hubert , t&eacute;l&eacute;phone (514) 842-4881, fax          (514) 842-1584.</FONT></CENTER></P>  </TD> </TR> </TABLE>  <p>  <P><CENTER><IMG SRC="images/trait-n.gif" WIDTH="50%" HEIGHT=1 ALIGN=bottom vspace="4"></CENTER></P>   <table cellpadding=1 width=550> <TR> <td width=50> </TD>  <TD width=200 valign=top><center><font size=6 face=arial,helvetica color="#990000"><b>PRESENTATION</b></font><br> <font size=4 face=arial,helvetica color="#990000"><b> CONF&Eacute;RENCE</b><p>  <b>9h30 - 12h30</b></font> <p> <IMG width=150 height=2 SRC="images/redpixel.jpg"> <p> </center> <p>  <p> <font size=5 face=Arial, helvetica color=blue><LI type=circle>The Web... and Why I'm Using It</font><br>  <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>Le web... et pourquoi je l'utilise</b></font> <p>  <font size=3 face=Arial, helvetica> <LI type=circle><b>Things you can do<br>  <LI type=square>Ce que vous pouvez faire</b> <UL> <LI type=circle><font size=3 face=Arial, helvetica> Create documents with built-in sources and references, called <font size=3 face=Arial, helvetica color=blue>hyperlinks</font>, that allow you to connect immediately to other online sites anywhere in the world  <LI type=square>Cr&eacute;er des documents avec    des ressources et des r&eacute;f&eacute;rences    int&eacute;gr&eacute;es, appel&eacute;es <font size=3 face=Arial, helvetica color=blue>hyperliens</font>, qui vous    permettront de consulter imm&eacute;diatement d'autres sites    situ&eacute;s n'importe o&ugrave; dans le monde <p> <LI type=circle>Include High Quality Images  <LI type=square>Inclure des Images de grande qualit&eacute;<p>   <LI type=circle>Include QuickTime Virtual Reality  <LI type=square>Inclure des &Eacute;l&eacute;ments de R&eacute;alit&eacute; virtuelle QuickTime<p>   <LI type=circle>Include QuickTime Movies  <LI type=square>Inclure des Films QuickTime<p>  <LI type=circle>Include Shockwave  <LI type=square>Inclure des &eacute;l&eacute;ments Shockwave<p>  <LI type=circle>Include Amusing Animation  <LI type=square>Inclure des Animations amusantes<p>   <LI type=circle>Include Java Devices  <LI type=square>Inclure des &Eacute;l&eacute;ments Java<p>  <LI type=circle>Provide access to Research Resources  <LI type=square>Donner acc&egrave;s &agrave; des Ressources pour la recherche </UL>    <font size=5 face=Arial, helvetica color=blue><LI type=circle>Teaching on the Web</font><br>  <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>Enseigner sur le Web...</b></font> <p> <font size=3 face=Arial, helvetica><LI type=circle><b>Two Courses<br> <LI type=square>Deux cours</b>  <UL> <LI type=circle>European Art in the Seventeenth Century <LI type=square>L'art europ&eacute;en du XVIIe si&egrave;cle<p>     <LI type=circle>Ancient Art <LI type=square>L'art ancien </UL> <p>  <font size=4 face=Arial, helvetica><LI type=circle><b>Insights<br> <LI type=square>...permet une meilleure compr&eacute;hension...</b>  <UL> <LI type=circle><font size=4 color=red face=Arial, helvetica><b>Technology and the Shaping of Information and Ideas</b></font> <LI type=square><font size=4 color=red face=Arial, helvetica><b>...de la technologie et de son influence sur l'information et les id&eacute;ologies</b></font><p>     <LI type=circle><font size=4 color=red face=Arial, helvetica><b>The Web as a Model for    Teaching</FONT></B> <LI type=square><font size=4 color=red face=Arial, helvetica><b>...du web comme paradigme    pour l'enseignement...</FONT></B> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Impact<BR> <LI type=square>...et permet...</FONT></B>  <UL> <LI type=circle><font size=4 color=red face=Arial, helvetica><b>Beyond Slides and    Textbooks</b></font> <LI type=square><font size=4 color=red face=Arial, helvetica><b>...d'aller au-del&agrave; des    diapositives et des recueils de textes...</b></font><p>     <LI type=circle><font size=4 color=red face=Arial, helvetica><b>The Classroom as the Centre of a Worldwide Network of Information</FONT></B> <LI type=square><font size=4 color=red face=Arial, helvetica><b>...en faisant que la salle de    cours devienne le noyau d'un r&eacute;seau international    d'informations</FONT></B> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Advantages<BR> <LI type=square>Avantages</FONT></B>   <UL> <font size=4 face=Arial, helvetica> <LI type=circle>Universal access<BR>     <LI type=square>Acc&egrave;s universel<p>     <LI type=circle>Flexible, open-ended<BR>       <LI type=square>Acc&egrave;s flexible en tout temps<p>     <LI type=circle>Low cost to students<BR>      <LI type=square>Faible co&ucirc;t pour les &eacute;tudiants<p>     <LI type=circle>Empowers student learners<BR>      <LI type=square>Conf&eacute;rer plus de pouvoirs aux &eacute;tudiants    d&eacute;butants<p>     <LI type=circle>Encourages quality in student    contributions<BR>     <LI type=square>Favoriser une meilleure qualit&eacute; des r&eacute;alisations    &eacute;tudiantes<p> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Disadvantages<BR> <LI type=square>D&eacute;savantages</font></b>  <UL> <LI type=circle>Not everyone has easy access to    the Internet<BR>      <LI type=square>Tous n'ont pas acc&egrave;s &agrave; l'internet<p>       <LI type=circle>Reading text on a computer    monitor<BR>        <LI type=square>La fatigue visuelle cons&eacute;quente &agrave; l'utilisation d'un    moniteur vid&eacute;o<p>        <LI type=circle>Little useful text available on    the web<BR>       <LI type=square> Le peu de disponibilit&eacute; de textes de qualit&eacute;<p>        <LI type=circle>Problem of copyright<BR>        <LI type=square>La question des droits d'auteur<p>        <LI type=circle>Equipment malfunctions<BR>        <LI type=square>Le malfonctionnement des &eacute;quipements</p> </UL>   <font size=5 face=Arial, helvetica color=blue><LI type=circle>Creating Web-based Courses</font><BR>  <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>La cr&eacute;ation de cours sur le web</b></FONT></P>  <font size=4 face=Arial, helvetica><LI type=circle><b>Questions<BR> <LI type=square>Questions</font>  <UL> <LI type=circle>What sort of course do I want to    teach?<BR>     <LI type=square>Quel sorte de cours vais-je enseigner&nbsp;?<p>     <LI type=circle>What sort of material (text,    images) do I want to include?<BR>     <LI type=square>Quelles sont les images et les textes que je veux    inclure&nbsp;?<p>     <LI type=circle>What sort of format do I    want?<BR>     <LI type=square>Quel format vais-je utiliser&nbsp;?<p>     <LI type=circle>Where do I find the text and    images I want to use?<BR>     <LI type=square>O&ugrave; vais-je trouver les textes et les images que je veux    utiliser&nbsp;?<p> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Two examples<br> <LI type=square>Deux exemples&nbsp;:</font>  <UL>   <LI type=circle><A HREF=http://www.arthistory.sbc.edu/euroart116/euroart116.html>European Art in the Sixteenth Century</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/euroart116/euroart116.html>L'art europ&eacute;en du XVIe si&egrave;cle</A><p>     <LI type=circle><A HREF=http://www.arthistory.sbc.edu/rentheory241/rentheory.html>Art and Theory in Renaissance Italy</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/rentheory241/rentheory.html>Les th&eacute;ories de l'art dans l'Italie de la Renaissance</A> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Two more examples<br> <LI type=square>Deux autres exemples&nbsp;:</font>  <UL> <LI type=circle><A HREF=http://www.arthistory.sbc.edu/ancient/ancient.html>Ancient Art</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/ancient/ancient.html>L'art ancien</A><p>     <LI type=circle><A HREF=http://www.arthistory.sbc.edu/seniorsem/>Art History Senior Seminar</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/seniorsem/>S&eacute;minaire de deuxi&egrave;me cycle en histoire de l'art</A> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Beyond the classroom<br> <LI type=square>Au-del&agrave; de la salle de cours&nbsp;:</font></b>  <UL> <LI type=circle><A HREF=http://www.arthistory.sbc.edu/artartists/artartists.html>Art and Artists</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/artartists/artartists.html>L'art et les artistes</A><p>     <LI type=circle><A HREF=http://www.arthistory.sbc.edu/sacredplaces/sacredplacesintro.html>Sacred Places</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/sacredplaces/sacredplacesintro.html>Les lieux sacr&eacute;s</A><p>     <LI type=circle><A HREF=http://www.arthistory.sbc.edu/imageswomen/>Images of Women in Ancient Art: Issues of Interpretation and Identity</A> <LI type=square><A HREF=http://www.arthistory.sbc.edu/imageswomen/>L'image des femmes dans l'art ancien&nbsp;: enjeux sur    l'interpr&eacute;tation et l'identit&eacute;</A> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Other Uses:<BR> <LI type=square>Autres utilisations&nbsp;:</font></b>  <UL> <LI type=circle>Mary Magdalen as a Penitent Prostitute in Renaissance    Art<BR> <LI type=square>Marie    Madeleine en tant que prostitu&eacute;e p&eacute;nitente dans    l'art de la Renaissance<p>     <LI type=circle>Prints and the Early History of    Copyright <LI type=square>La gravure et les d&eacute;buts de l'histoire des    droits d'auteur </UL>   <font size=5 face=Arial, helvetica color=blue><LI type=circle>Teaching Courses Online</font><BR> <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>Enseigner avec le web</b></FONT>  <UL> <font size=4 face=Arial, helvetica> <LI type=circle>In the classroom (computers,    projectors, television)     <LI type=square>Les &eacute;quipements n&eacute;cessaires (ordinateurs,    projecteurs, t&eacute;l&eacute;vision)<p>     <LI type=circle>Lectures, discussions <LI type=square>Conf&eacute;rences et discussions<p>     <LI type=circle>Exams, Quizzes, Papers, Reports,    etc. <LI type=square>Examens, jeux-concours, travaux, compte-rendus, etc.<p>     <LI type=circle>Web-based Exercises   <LI type=circle>Des exercices sur le web<p> </UL>  <font size=4 face=Arial, helvetica><LI type=circle><b>Research Resources<BR> <LI type=square>Ressources pour la recherche</b>  <UL> <font size=4 face=Arial, helvetica> <LI type=circle>Index of Resources <LI type=square>Les index des ressources<p>     <LI type=circle>Images <LI type=square>Les images<p>     <LI type=circle>Search Engines <LI type=square>Les moteurs de recherche<p>     <LI type=circle>Online Texts <LI type=square>Les recueils de textes<p>     <LI type=circle>Online Bibliographies <LI type=square>Les bibliographies<p>     <LI type=circle>Online Library Catalogues <LI type=square>Les catalogues de biblioth&egrave;ques<p>     <LI type=circle>Journal Article Searches <LI type=square>Les articles de p&eacute;riodiques<p>        <LI type=circle>Encyclopedias, Dictionaries,    Glossaries <LI type=square>Les    encyclop&eacute;dies, dictionnaires et glossaires<p> </UL>   <font size=5 face=Arial, helvetica color=blue><LI type=circle>Copyright and Related Issues</font><BR> <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>Enjeux concernant les droits d'auteurs</b></FONT>   <UL> <LI type=circle>Image and Text copyright <LI type=square>Les droits d'auteur sur les images et les textes<p>  <LI type=circle>Using images <LI type=square>L'utilisation des images<p>  <LI type=circle>Limiting access to images and    text <LI type=square>L'acc&egrave;s limit&eacute; aux images et aux textes<p>     <LI type=circle>Using passwords <LI type=square>L'utilisation de mots de passe<p>     <LI type=circle>Etiquette and Acknowledgments <LI type=square>La d&eacute;ontologie de la propri&eacute;t&eacute;    intellectuelle, les cr&eacute;dits et les remerciements<p> </UL>   <font size=5 face=Arial, helvetica color=blue><LI type=circle>The Digital Classroom</font><BR>  <font size=4 face=Arial, helvetica color=darkblue><LI type=square><b>La salle de cours num&eacute;ris&eacute;e</b></FONT>   <UL> <LI type=circle>The Present Situation <LI type=square>La situation actuelle<p>     <LI type=circle>Immediate Future <LI type=square>Le futur imm&eacute;diat<p>     <LI type=circle>The Next Revolution <LI type=square>La prochaine r&eacute;volution<p>     <LI type=circle>Predictions <LI type=square>La futurologie<p> </UL>   </TD> <td width=10> </td> <TD width=1 valign=top> <IMG width=2 height=5000 SRC="images/redpixel.jpg"></TD> <td width=10> </td>  <TD width=200 valign=top> <center> <font size=6 face=arial,helvetica color="#990000"><b>WORKSHOP</b></font><br> <font size=4 face=arial,helvetica color="#990000"><b>ATELIER</b><p>  <b>14h30 - 17h30</b></font><p> <IMG width=150 height=2 SRC=images/redpixel.jpg><p> </center> <p>    <P><FONT SIZE="+1" FACE="arial,"> <LI type=circle>The workshop focuses on the practical application of web technology in a teaching environment. The approach is "non-technological." The workshop is not about the new technology as such, but about learning how to use it in teaching.</FONT></P>  <P><FONT SIZE="+1" FACE="arial,"> <LI type=square>L'atelier se focalise sur les applications pratiques des technologies de l'internet dans le cadre de l'enseignement.  L'approche est &#171;&nbsp;non technologique&nbsp;&#187;.  L'atelier ne porte donc pas tant sur la technologie en soi, que sur la fa&ccedil;on de l'utiliser dans l'enseignement.</FONT></P>  <P> <FONT SIZE=5 FACE=arial, helvetica color=#009900><LI type=circle>Webpage Construction</font><BR>  <FONT SIZE=4 FACE=arial, helvetica color=darkgreen><LI type=square><b>La pr&eacute;paration d'une page web</FONT></B></P>  <P><FONT SIZE="+1" FACE="arial,"> <LI type=circle><FONT SIZE="+1" FACE="arial," color=blue>HTML</FONT><FONT SIZE="+1" FACE="arial,"> (HyperText Markup Language) is simply a series of "tags" introduced into the text which tell the web browser (such as Netscape) what to do. It is not difficult to learn.</FONT></P>  <P><FONT SIZE="+1" FACE="arial,"> <LI type=square>Le </FONT><FONT SIZE="+1" FACE="arial," color=blue>HTML</font> (HyperText Markup Language - Langage de marquage en hypertexte) est tout simplement une s&eacute;rie de codes cach&eacute;s sous le texte qui indiquent au logiciel de navigation (tel que Netscape) o&ugrave; se diriger pour acc&eacute;der &agrave; la page que l'on veut consulter.  Ce langage n'est pas difficile &agrave; apprendre.</FONT></P>  <FONT SIZE="+1" FACE="arial,"> <LI type=circle><b>Basic html<br> <LI type=square>Bases du html</b>      <UL> <LI type=circle>What html is<br>  <LI type=square>Ce qu'est le html<p>        <LI type=circle>How html works<br> <LI type=square> Comment       fonctionne le html<p>        <LI type=circle>How to write a webpage in html <br> <LI type=square>Comment r&eacute;diger une page en html<p>          </UL><p>  <LI type=circle><b>Making links <br> <LI type=square>Les hyperliens</b> <UL>  <LI type=circle>How to set       up links to other websites <br> <LI type=square>Les hyperliens vers d'autres sites       web<p>        <LI type=circle>How to make links to other pages<br> <LI type=square>Les hyperliens vers d'autres pages<p>        <LI type=circle>How to make links to images<br> <LI type=square>Les hyperliens vers des images<p>    </UL>     <p> <LI type=circle><b>Introducing images <br>  <LI type=square>L'utilisation des    images</b> <UL> <LI type=circle>Downloading       images <br> <LI type=square>Le t&eacute;l&eacute;d&eacute;chargement des       images<p>        <LI type=circle>Manipulating images <br> <LI type=square>La       manipulation des images<p>        <LI type=circle>Placing images in your webpage <br> <LI type=square>Placer des images sur votre page web<p>        <LI type=circle>From thumbnails to larger images<br> <LI type=square> Micro-images et grands formats<p>        <LI type=circle>Scanning images (slides, photos,       etc.)<br> <LI type=square> Num&eacute;risation des images (diapos, photos,       etc.)<p>    </UL>     <LI type=circle><b>Tips on text <br> <LI type=square>Conseils concernant les    textes</b>        <UL> <LI type=circle>Fonts,       sizes, and colours <br> <LI type=square>Polices, tailles et couleurs<p>        <LI type=circle>Indents, paragraphs, etc. <br> <LI type=square>Formatage des paragraphes, indentations, etc.<p>        <LI type=circle>Integrating text and images<br>       <LI type=square>Int&eacute;gration de textes et d'images<p>  <LI type=circle>How to put documents on a web server <br> <LI type=square>L'installation d'un site sur un serveur web<p>    </UL>   <FONT SIZE=5 FACE=arial, helvetica color=#009900><LI type=circle>Constructing a Website for a Course</font><br> <FONT SIZE=4 FACE=arial, helvetica color=darkgreen><LI type=square><b> La construction d'un site web pour un cours</FONT></B><p>  <P><FONT SIZE="+1" FACE="arial,"> <LI type=circle>Not all courses are the same, so not all websites need be the same. Different types of websites can be constructed for different types of courses. Course websites can range in form from richly composed and linked environments to ones that employ a much simpler structure to which new images, text, and links can be quickly added as needed. The point to remember about all websites is that they are flexible and open-ended.</FONT></P>  <P><FONT SIZE="+1" FACE="arial,"> <LI type=square>Les cours diff&egrave;rent, ainsi en va-t-il des sites web qui les concernent.  Certains sites n&eacute;cessitent un riche environnement d'hyperliens, d'autres peuvent se limiter &agrave; une structure simple &agrave; laquelle de nouvelles images, des textes, et des hyperliens peuvent &ecirc;tre facilement ajout&eacute;s au besoin.  Il est important de noter que tous les sites web peuvent tr&egrave;s facilement &ecirc;tre modifi&eacute;s.</FONT></P>  <FONT SIZE="+1" FACE="arial,"> <LI type=circle><b>The Course<br> <LI type=square>Le cours</b>        <UL> <LI type=circle>Page designs for a Survey course <br> <LI type=square>Les grands cours &agrave; larges       corpus<p>        <LI type=circle>Page designs for a lecture-type       course <br> <LI type=square>Le cours conf&eacute;rence<p>        <LI type=circle>Page designs for a Seminar<br> <LI type=square>Les s&eacute;minaires de cycles sup&eacute;rieurs<p>        <LI type=circle>Page designs for Discussion       sections <br> <LI type=square>Les pages de discussion<p>        </UL>  <LI type=circle><b>Course Content - Website Content<br> <LI type=square>Contenu du cours - Contenu du site web</b>        <UL>    <LI type=circle>Online text<br> <LI type=square>Textes disponibles en ligne<p>        <LI type=circle>Images <br> <LI type=square>Images<p>        <LI type=circle>Movies, Sound <br> <LI type=square>Films et       sons<p>        <LI type=circle>Site Navigation <br> <LI type=square>La navigation       &agrave; l'int&eacute;rieur du site<p>  </UL>   <LI type=circle><b>Additional Online Course Features<BR> <LI type=square>Quelques &eacute;l&eacute;ments additionnels des cours web</b><p>  <LI type=circle>Besides images and text, course websites can also incorporate many additional features<br>  <LI type=square>En plus des images et des textes, les sites web de cours peuvent &eacute;galement incorporer plusieurs autres &eacute;l&eacute;ments. <p> <UL> <LI type=circle><b>Quizzes, Exams, Papers,    Projects, Reviews <br> <LI type=square>Jeux-concours, examens, travaux, projets,    compte-rendus</b>        <UL> <LI type=circle>Quizzes <br> <LI type=square>Jeux-concours<p>        <LI type=circle>Online Exams (image       identification, essays, multiple choice) <br> <LI type=square>Examens en ligne       (identification d'image, essais, choix multiples<p>        <LI type=circle>Putting Student Papers and other       projects online <br> <LI type=square>Publication de travaux d'&eacute;tudiants et       d'autres projets<p>        <LI type=circle>Out-of-class online review       features <br> <LI type=square>Proc&eacute;dures de r&eacute;vision en ligne       hors-classe<p>  <LI type=circle>E-mail and listserv <br> <LI type=square>Courrier &eacute;lectronique et listes de distribution<p>    </UL>      <LI type=circle>  <b>Web-based Course Exercises <br> <LI type=square>Exercices sur    les sites web de cours</b>        <UL> <LI type=circle>"Annotated       Text" <br> <LI type=square>L'annotation des textes<p>        <LI type=circle>Site Reviews and Assessment<br> <LI type=square>Compte-rendus et &eacute;valuation de sites<p>        <LI type=circle>Topic Searches <br> <LI type=square>Les recherches       th&eacute;matiques<p>    </UL> </UL> <LI type=circle><b>E-mail and listserv <br> <LI type=square>Courrier &eacute;lectronique et listes de distribution<p> <p> <p> </TD> </TR> </TABLE>     </center> </BODY> </HTML>   </BODY> </HTML>   
