• portables
• windows
• comptes
• installations
  

Exercices:
• Le portail TECFA: votre compte
  Description:

  Enregistrez-vous! (utilisez le même login avec Unix, plus pratique). 

  
  
• Le portail TECFA: votre personnage
  Description:

  Connectez-vous avec votre login. Mettez à jour les informations qui vous concernent. Voir par exemple: celle de Vivian. Pensez à aussi à modifier votre mot de passe.

  
  
• Le portail TECFA: Insérez un lien dans l'outil "liens Web"
  Description:

  Cherchez sur Internet un tutoriel sur XHTML ou XML. Vérifiez brièvement s'il est d'une qualité suffisamment acceptable et soumettez le lien à l'outil "liens Web".

  
  
• Le portail TECFA: Faites un commentaire par rapport à un article dans les nouvelles/News
  Description:

  Chaque lecteur des nouvelles a la possibilité d'ajouter des commentaires dans n'importe quel article posté. Dans le cadre de cet atelier, faites un commentaire par rapport à cet article sur les notes
  

  
  
• Le portail TECFA: Forums
  Description: Faites quelques tests avec le forum "test". Ensuite si vous avez des questions concernant staf10, utilisez le forum en question.

• Cherchez une réponse à une question dans un forum
  Description:
  • Imaginez une question (plutôt d'ordre technique)
  • Cherchez une réponse dans Google Groups
  
  
• Cherchez un forum ailleurs sur Internet lié à un certain thème
  
  

Description: Introduction au codage HTML (DKS/SM/SL)

(à finir à distance pour ceux qui ne l'ont jamais fait)

Sensibilisation

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

Trouver un fichier, ouvrir et éditer avec XEmacs

• Outils: Explorateur, XEmacs, Firefox, Mozilla ou IExplorer
• Travail en local sur le disque dur de votre ordinateur
• Voir aussi: TECFA's XEmacs resources
• Vous avez besoin des fichiers "tell.html" et "tell.gif". Affichez le fichier http://tecfa.unige.ch/tecfa/teaching/staf10/fichiers/tell.html avec votre browser préféré et sauvez depuis le menu (File - Save as) dans un répertoire personnel du disque dur. Selon le client, sauvez aussi l'image au même endroit en cliquant du bouton droit de la souris sur l'image (Save image as...).
• Ouvrez le fichier "tell.html" avec XEmacs (Démarrer - Programmes - Bureautique - XEmacs - XEmacs ) et remplacer le nom "Willhelm Tell" pour que ça corresponde à votre nom. Sauvez le fichier comme "welcome.html" depuis le menu XEmacs (File - Save As) au même endroit au disque dur.
• Vérifiez  le résultat avec votre browser (File - open file ...)
• Continuez à faire des changements et vérifiez régulièrement qu'est-ce que ca donne dans le browser.
  
• (à faire comme activité avec FTP!) Transférez  vos fichiers depuis le disque dur à votre espace perso (soit par FTP, soit par copier-coller dans le lecteur réseau, Espace "Perso" - P:\staf\votre_login).
• Vérifiez votre première page XHTML depuis: "http://tecfa.unige.ch/perso/staf/votre_login" (ex: http://tecfa.unige.ch/perso/maltt/canonica )
• Note: Il y a aussi un "template" XHTML vide à votre disposition: http://tecfa.unige.ch/tecfa/teaching/staf10/fichiers/xhtml-template.html

XHTML de base

• Ouvrez le fichier "welcome.html" avec XEmacs.
• Mettez l'éditeur en mode XML en tapant: "M-X xml-mode". (par défaut vous aller travailler avec HTML !!)
• Modifiez le texte comme vous voulez.
• Agrandissez le titre de la page avec un alignement central.
• Vérifiez les changements avec le navigateur.
• Créez un paragraphe court qui décrit vos intérêts juste après le titre "Intérêts".
• Vérifiez les changements avec le browser.
• Changez l'adresse email à la fin pour qu'elle corresponde à la vôtre
• Vérifiez les changements avec le browser (ne pas fermer XEmacs !)
• Ajoutez d'autres éléments à cette page ....
• Transférez sur le serveur dans /web/perso/maltt/VOTRE_LOGIN/welcome.html

Les liens externes (absolus et relatifs)

• 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
• Faire un lien vers la page d'un autre étudiant STAF (qui se trouve dans le même serveur TECFA)

Les liens internes

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

Liens vers d'autres protocoles

• 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.infosystems.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.

Images

• 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.
  

Tables

• Organiser vos pointeurs dans une table qui a une colonne avec 2 cellules (Pages TECFA et Moteurs de recherche)
  et une colonne à côté avec "http://tecfa.unige.ch/" et "http://www.google.com/"

FTP et suite XTHML (DKS, SM, SL)
(DKS, SM, SL)

 Ceux qui n'ont jamais codé du HTML doivent finir cet exercices à distance. Les autres peuvent se lancer dans le tutoriel Xemacs (HELP->Tutorials pendant la séance.

• le formalisme XML (DSK)
• le "framework" du W3C (DSK)
• survol de quelques applications (DSK)

Exercice de sensibilisation technique:

• Faites un fil RSS 0.9.1 avec qqs liens intéressants
• Description:
  
• Exemple: http://tecfa.unige.ch/tecfa/teaching/staf10/rss/example/summary.php (voir aussi la source dans 'summary.phps')
• Copiez depuis le repertoire http://tecfa.unige.ch/tecfa/teaching/staf10/rss/ les 2 fichiers "rss-0.91.dtd" et "backend.xml.txt" dans /web/etu-maltt/linus/votre_login sur le serveur (c.a.d. votre espace Travaux T: sur les PC dans la salle). Enlevez l'extension "txt" du deuxième fichier.
• Editez avec XEmacs le fichier "backend.xml" et ajoutez qqs articles (items) là-dedans
• Regardez le STAF-Linus news agreggator qui reunit tous les articles dans une seule page
• S'il vous reste du temps, vous pouvez jouer avec les feuilles de style CSS et XSL qui se trouvent dans ce répertoire (lire le texte affiché en haut de la page).

• Visite guidée de Wikis à TECFA (Swiki, Mediawiki, PhPWiki etc.)
• Le Wiki du portail TECFA: complétez le glossaire selon les instructions
  

•  Introduction aux mondes virtuels textuels  (DKS)
•  Utilisation de MOO (Fonctions de base)  (SL)

• Utilisez un client comme tkMOO (dans le menu de Windows à TECFA ) ou encore l'interface Web http://tecfamoo.unige.ch:7000/ (ne marche pas avec tous les navigateurs !!)
  
• Se connecter comme Guest (sans mot de passe)
  
• Entrer un nom (re-rentrer un autre s'il n'est plus disponible)
• Regarder la "salle", tapez: look
• Dire qqch à tout le monde dans une pièce MOO : "say Hello"
• Voir qui est connecté : "who"
• Communication à distance : "page Kaspar Hello"
• Si vous voulez avoir un vrai "login", faire un "page" à Kaspar
• Quitter : ";@quit"
• Se reconnecter : connect <login> <mot-de-passe>
• Démander de l'aide : "help"
• Configurez votre personnage (gender, description, intérêts, etc. Avec l'interface Xpress (expérimental) c'est plus simple. N'oubliez pas de changer aussi le mot de passe.