Activités STAF10

1. Activité: Apprendre à naviguer sur le web en faisant connaissance avec le site TECFA
   Netscape ou IExplorer
   TECFA: http://tecfa.unige.ch
   TECFA Ressource pointers, TECFA's Toolbox
   

   Trouver les dates staf. Chercher la page de DKS. Chercher les pages Web design et HTML de TECFA (Resources - Toolbox) depuis le menu. Trouver le campus virtuel TECFA. Trouver les travaux des étudiants de volée 99/2001 (promotion Fanny). Trouver la page de cours staf14 de DKS.

   
   
2. Activité: Communiquer avec le MOO (Client: Java applet)
   Netscape ou IExplorer
   Vous avez besoin d'un login et un mot de passe MOO
   Il faut écrire en bas du fenêtre dans le petit boîte
   TECFA's MOO page
   

   Appeler l'adresse http://tecfa.unige.ch/moo/clients/jmud/telnet-tecfa.html. Se connecter : connect <login> <mot-de-passe> Quitter : @quit Démander de l'aide : help Voir qui est connecté : who. Dire qqch à tout le monde dans une pièce MOO : say Hello Communication à distance : page Kaspar Hello

   
   
3. Activité: Trouver un fichier, ouvrir et éditer avec XEmacs
   Explorateur, XEmacs et Netscape ou IExplorer
   Travail en local sur le disque dur de votre ordinateur
   TECFA's XEmacs resources
   

   Appeler le fichier http://tecfa.unige.ch/tecfa/teaching/staf10/fichiers/tell.html avec votre browser préféré et sauver depuis le menu (File - Save as) dans un répertoire personnel du disque dur. Sauver aussi l'image au même endroit en cliquant du bouton droit de la souris sur l'image (Save image as...). Ouvrir le fichier sauvé (tell.html) avec XEmacs (Démarrer - Programmes - Bureautique - XEmacs - XEmacs ) et remplacé le nom "Willhelm Tell" pour que ça corresponde à votre nom. Sauver le fichier comme welcome.html depuis le menu XEmacs (File - Save As) dans le même endroit au disque dur.

   
   
4. Activité: Trouvez votre "Home" et votre espace "Travaux" au réseau TECFA
   Explorateur
   Travail avec les lecteurs réseau pour sauver qqch au réseau (UNIQUEMENT depuis la salle TECFA)
   

   Ouvrir l'Explorateur et connecter au réseau depuis le menu Outils - Connecter un lecteur réseau et mettre le Chemin: \\tecfasun7\web. Regarder les changements dans la liste de l'Explorateur. Pour accéder à votre "Home" il faut descendre le Chemin: perso/staf/<votre-login> Copier le fichier tell.html dans votre "Home" et renommer comme "welcome.html". Vérifier avec le browser que la page http://tecfa.unige.ch/perso/staf/<votre-login> correspond au fichier déplacé. Pour arriver à votre espace "Travaux" il faut descendre à staf/staf-g/<votre-login> pour connecter à votre espace "Travaux". Dans votre espace "Travaux", créer 8 répertoires (staf11, staf12, staf13, ... , staf18) dans lesquels vous déposerez ultérieurement vos travaux staf.

   
   
5. Activité: Transférer des fichiers depuis un browser (FTP simple)
   Netscape ou IExplorer et Explorateur
   Pour télécharger des logiciels depuis par ex:TECFA
   TECFA/STAF computing Manuel
   

   Appeler l'adresse suivante ftp://tecfa.unige.ch/pub/software/ (Attention: ftp:// et pas http://). Chercher "Winzip". Une fois que vous l'avez trouvé, téléchargez-le en cliquant dessus. Vérifier avec Explorateur que "Winzip" se trouve dans votre répertoire.

   
   
6. Activité: Transférer des fichiers avec FTP
   Client FTP (ex:FTPExpert)
   Pour transférer depuis chez vous les travaux staf à TECFA
   TECFA/STAF computing Manuel
   

   Ouvrir le client FTP et connecter à tecfa.unige.ch avec votre login et mot de passe. Choisir à gauche le répertoire personnel où se trouve le fichier "tell.html" et à droite votre espace "Home" (/web/perso/staf/<votre-login>/staf14/. Choisir le fichier welcome.html avec le souris et transférer-le depuis local au réseau en cliquant sur la flèche du milieu qui pointe vers la droite.

   
   
7. Activité: FTP anonyme pour télécharger des logiciels
   Client FTP (ex:FTPExpert)
   A TECFA les logiciels se trouvent: /src/....?
   TECFA/STAF computing Manuel
   

   Ouvrir le client FTP et connecter au nic.switch.ch avec comme login anonymous et comme mot de passe votre-email. Choisir à gauche votre "Home" TECFA et à droite chercher le logiciel WinZip (ou votre logiciel préféré d'archivage et de compression). Transférer ce logiciel dans votre "Home".

   
   
8. Activité: Configurer votre Email
   Client Email (Netscape Messenger, Eudora, Webmail)
   Ne mettre pas votre mot de passe!
   Utilisez Webmail avec un ordinateur qui vous n'appartient pas pour éviter la configuration!
   
   

   Voir la page de l'uni email pour les étudiants

   
   
9. 1. Activité: Initiation à HTML
      Netscape ou IExplorer
      TECFA's HTML page, Manuel HTML TECFA
      

      Ouvrir l'adresse URL TECFA http://tecfa.unige.ch/. Depuis le menu de votre browser faire (pour Netscape:) "View - Page source" ou (pour IExplorer:) "Affichage - Source". Regarder la source de la page TECFA.

      
      
   2. Activité: HTML de base
      Explorateur, XEmacs, Netscape ou IExplorer
      Faites "drag & drop" du fichier "welcome.html" depuis l'Explorateur vers XEmacs.
      Vérifier toujours les changements que vous faites avec le browser à l'adresse "http://tecfa.unige.ch/perso/staf/~<votre-nom>"
      Pour les accents français regarder le manuel HTML.
      Gardez les "Interêts", "CV" et "Pointeurs".
      TECFA's HTML page, Manuel HTML TECFA
      

      Ouvrir le fichier "welcome.html" avec XEmacs. Regarder que le menu change pour HTML mode. Changer le texte comme vous voulez. Faire le titre de la page plus grand avec un alignement centrale. Vérifier les changements avec le browser. Créer une paragraphe courte qui décrit vos intérêts juste après le titre "Intérêts". Vérifier les changements avec le browser. Changer l'adresse email à la fin pour que ça corresponde à votre adresse. Vérifier les changements avec le browser et fermer pas XEmacs!.

      
      
   3. Activité: HTML - Les listes
      XEmacs, Netscape ou IExplorer
      On est toujours dans le même fichier "welcome.html"
      TECFA's HTML page, Manuel HTML TECFA
      

      Faire une liste numérotée pour organiser votre paragraphe qui décrit vos intérêts. Vérifier les changements avec le browser. Faire une liste de définition qui définit vos étapes professionnels au dessus du titre "Petit CV" Vérifier les changements avec le browser.

      
      
   4. Activité: HTML - Les liens externes (absolus et relatifs)
      XEmacs, Netscape ou IExplorer
      Liens externes = liens vers autres documents HTML
      TECFA's HTML page, Manuel HTML TECFA
      

      Faire un lien vers l'adresse http://tecfa.unige.ch/ avec la description "TECFA" au dessus du titre "Quelques bons pointeurs". Vérifier les changements avec le browser. Ajouter un autre lien vers l'adresse http://www.google.com/ avec la description "Google search engine" au dessus du titre "Quelques bons pointeurs". Vérifier les changements avec le browser. Faire un lien vers la page staf10 (http://tecfa.unige.ch/tecfa/teaching/staf10/) qui se trouve dans le même serveur TECFA (aide: /web/....) Vérifier les changements avec le browser. Faire un lien vers la page d'un autre étudiant STAF (qui se trouve dans le même serveur TECFA) Vérifier les changements avec le browser.

      
      
   5. Activité: HTML - Les liens internes
      XEmacs, Netscape ou IExplorer
      Liens internes = liens vers un endroit à l'intérieur du même document
      TECFA's HTML page, Manuel HTML TECFA
      

      Au début de la page, faire 3 liens internes vers les 3 ancres "Intérêts", "Petit CV", et "Quelques bons pointeurs" avec comme noms "interests", "cv" et "pointers". Vérifier les changements avec le browser. Mettre une ancre avant chaque titre "Intérêts", "Petit CV", et "Quelques bons pointeurs". Vérifier les changements avec le browser.

      
      
   6. Activité: HTML - Liens vers d'autres protocoles
      XEmacs, Netscape ou IExplorer
      Protocoles : HTTP, FTP, Mail, NEWS
      TECFA's HTML page, Manuel HTML TECFA
      

      Faire un lien pour l'envoi d'email avec votre adresse email. Vérifier les changements avec le browser. Faire un lien vers le newsgroup de HTML (comp.info.systems.www.authoring.html). Vérifier les changements avec le browser. Faire un lien vers le ftp de TECFA (tecfa.unige.ch/pub/software/). Vérifier les changements avec le browser.

      
      
   7. Activité: HTML - Images
      XEmacs, Netscape ou IExplorer
      Répertoire à TECFA avec des images: http://tecfa.unige.ch/ico/
      TECFA's HTML page, Manuel HTML TECFA
      

      Faire un répertoire "images" dans votre espace "Home". Trouver une image qui vous plaît et sauver-la dans le répertoire "images" (depuis le browser avec le bouton droit de souris - Save Image As...). Changer l'image de "Willhelm Tell" avec l'image que vous avez téléchargé. Vérifier les changements avec le browser. Copier l'image de logo TECFA depuis l'adresse http://tecfa.unige.ch/ico/logos/tecfa70.gif dans le même répertoire "images". Mettre le logo TECFA qqpart dans votre page. Vérifier les changements avec le browser. Faire le logo TECFA cliquable qui envoi vers l'adresse TECFA (http://tecfa.unige.ch/) . Vérifier les changements avec le browser.

      
      
   8. Activité: HTML - Tables
      XEmacs, Netscape ou IExplorer
      
      TECFA's HTML page, Manuel HTML TECFA
      

      Organiser vos pointeurs dans une table comme celle-ci: Pages TECFA http://tecfa.unige.ch/ Moteurs de recherche http://www.google.com/ Vérifier les changements avec le browser.

      
      
10. Activité: Initiation à XML (Construire la page Travaux STAF)
    Explorateur, XEmacs et les 4 fichiers "travaux.dtd", "welcome.sxml", "travaux.xsl" et "example.sxml"
    Vérifier régulièrement les changements à l'URL suivant: http://tecfa.unige.ch/staf/staf-g/<votre-login>/welcome.sxml
    et le syntax XML avec XEmacs depuis le Menu - DTD - Parse DTD
    TECFA's XML page
    

    Copier les 4 fichiers "travaux.dtd", "welcome.sxml", "travaux.xsl" et "example.sxml" depuis http://tecfa.unige.ch/tecfa/teaching/staf10/travaux/ dans votre espace "Travaux". Ouvrir XEmacs et mettre en XML mode (Alt-x et puis écrire "xml-mode", regarder en bas du fenêtre Xemacs). Ouvrir le fichier "welcome.sxml" dans XEmacs.(drag & drop depuis l'Explorateur ou File - Open - <chemin>) Remplir les balises xml d'une façon logique qui puissent décrire votre page Travaux STAF (Voir le fichier "example.sxml" et voir aussi qqs explications). Vérifier les changements avec le browser préféré à l'URL suivant: http://tecfa.unige.ch/staf/staf-g/<votre-login>/welcome.sxml.