Ressources pour les cours, séminaires et Travaux Pratiques

Dans ces pages, vous trouverez une multitude de ressources pour vous guider afin de bien réaliser les différents travaux pratiques et séminaires à faire au cours de cette année.

Séminaire ¦ Sites ¦ Général ¦ Manuels Web ¦ Graphisme ¦ Logiciels ¦ Home E72b

Ressources pour les séminaires Top	Vous trouverez sur ces pages une foultitude de ressources relatives au séminaires: des documents online, des transparents du cours, etc, traitant des théries de l'apprentissage, du lien entre technologies et l'enseignement...
Sites intéressants Top	Dans ces pages, vous trouverez les sites que nous jugeons dignes d'etre explorés. Sites orientés Apprentissage & Enseignement Une liste importante de ressources pédagogiques sur le web. EduTech @ TECFA Theory in Practice G. Kearsley Sites "design" High Five Core Page KillerSites
Les ressources générales Top	Voici une liste non-exhaustive des principaux sites de références en informatique. Notre sélection comme site principal de ressources techniques, pédagogiques Ressources techniques, pédagogiques sélectionnées pour l'EO 771 par François Lombard Les moteurs de recherches Google (moteur seulement) HotBot (moteur seulement) Yahoo ou Yahoo France (moteur & liste) AltaVista (moteur & liste) Excite (moteur & liste) Infoseek (moteur & liste) search.com Lycos ou Lycos Suisse Ressources informatiques C ¦ NET, The Computer Network Netscape Web Style Resources @ WebReview (plus particulièrement l'index des ressources) HTML @ Yahoo.com HTML @ Yahoo.fr (version française)
Programmation HTML Top	Ressources générales Sans être chauvin, notre webmaster a compilé un excellent centre de ressources sur le web et ses multiples facettes. En particulier sur les outils de programmation, selon lui, 90% de ce dont vous avez besoin est ici Le site www.builder.com, et sa section Authoring est également un bon centre de ressources sur la programmation HTML, pour savoir quels sont les meilleurs éditeurs HTML, les ressources graphiques, etc. Si vous désirez travailler depuis votre domicile, il vous faudra vous connecter au serveur de l'Université en FTP. Cette page d'explications, faite par François Lombard, vous y aidera. Tutoriels Claris Home Page 3.0 Nous avons choisi au TECFA le logiciel Claris Home Page 3.0 comme éditeur WYSIWYG HTML, pour des raisons de couts (moins de CHF 200.-) et de facilité d'utilisation. Notez que son apparente simplicité cache un large éventail de fonctions d'édition évoluées. Si vous désirez toutefois avoir un avis extérieur sur les éditeurs existants, vous pouvez voir l'analyse de CNET-Builder. Il existe sur Internet de nombreux Tutoriels consacrés à Claris Home Page 3.0. Vous trouverez ci-dessous quelques points de départ qui pourront vous aider à vous familiariser avec ce programme. Nous vous conseillons le très bon cours de Christian Oihénart, du CPTIC, sur la création de page WEB à l'aide de Claris Homne Page 3.0. Vous souhaitez un guide pas à pas pour faire vos premières pages WEB avec Home Page? Allez à la page "Créer ses premières pages WEB facilement" de F.Lo du Tecfa (et en français en plus!). Vous pouvez aussi aller sur la page "Créer sa page Web" d'Edunet (et en français encore!). Cela décrit l'utilisation de Home Page 2.0, mais la version 3.0 est très proche. Vous ne savez plus à quoi sert un bouton ? Allez voir cette introduction de Claris Home Page 3.0 qui liste les différents boutons et leur fonctionalité (et en français toujours!). Tutoriels Netscape Composer Une autre solution serait d'utiliser le module Composer de la suite Natescape Communicator. Si vous avez besoin d'aide, le module HELP de Netscape Composer vous donnera certainement un coup de main (menu Help -> Help Contents ou en cliquant ici Netscape Composer Tutorial: une courte (une page) introduction au Composer Introduction to web page authoring with NS Composer: une autre courte (une page) introduction au Composer Creating Web Pages: un tutoriel complet pour la creation de page web (@Ohio State University) Manuel HTML Malgré l'apparente supériorité des éditeurs WYSIWYG pour la création des pages WWW, connaitre les codes HTML est un must. Vous trouverez ici les quelques manuels pour pouvoir éditer les codes HTML de vos pages, ainsi que d'autres ressources apparentées. Le manuel du TECFA Introduction to HTML Le guide Rapide HMTL (les spécifications des codes HTML) Idem, version locale TECFA Les spécifications du langage HTML Comment créer des liens dans un document HTML? (Avec Claris Home Page) Quelques réflexions pour aborder la rédaction de pages HTML (WEB) efficacement, de François Lombard. JavaScript Ces quelques liens incontournables présentent différents aspects que ce modeste langage peut apporter a une page web. Quelques exemples vus au cours: Une homepage dont le contenu dépend de la date (voir en particulier le commentaire associé à la date de naissance) Une application interactive (un QCM simple) La bamboula page de Dao (voir en particulier la partie Ajouter Bamboula qui vérifie que vous avez correctement rempli le formulaire) JavaScript Guide un guide de référence La meilleure Foire Aux Questions sur le sujet Notre page de pointeurs, présentation succinte du langage et des ses fonctionnalités, ainsi que liens indispensables Quelques bons exemples, voir notamment: Un simple test qui utilise un formulaire simple et calcule un résultat Vérification de formulaire: vérifie que certains champs soient remplis avant d'envoyer le formulaire Un effet graphique simple: lorsque le curseur passe au dessus du lien (qui englobe l'image), cela déclenche un événement (OnMouseOver) qui exécute le code qui remplace l'image courrante par une autre Quelques tutoriels vous introduisent step-by-step aux secrets de javascript Is JavaScript same as Java? (tiré de la FAQ javascript) exemple d'intégration de javascript dans un cursus de formation à distance (tutoriel-web, en l'occurence pour apprendre html, ici les tableaux) travail de 2 étudiants (futurs enseignants) dans le cadre du cours Médias et Informatique pour les plus avancés (voir par exemple une page qui permet de tester le couleurs) Les champs d'un formulaire à travers un exemple simple JavaScript Developer Central chez Netscape Si vous n'avez pas trouvé la réponse à vos questions, vous pouvez toujours les poser dans les newsgroup comp.lang.javascript Les manuels de style Savoir faire des pages WWW est une chose, créer un site agréable, cohérent et facile à utiliser en est une autre. Voici quelques ressources pour "réussir" le design de votre projet. Web Page Design for designers (mon préféré) Yale Style Manual Sun Style Manual WebWonk Web Design @ HTMLgroup
Ressources graphiques Top	Si l'image et le graphisme concourt à faire du WWW ce qu'il est devenu aujourd'hui, peut-etre aurez-vous besoin de quelques ressources (que vous trouverez ici) pour vous aider. Ce premier lien, issu de la FAQ de François Lombard, vous expliquera comment exploiter les images qe vous trouvez sur Internet. Encore une fois, les ressources de CNET Builder.com sont trčs utiles, et ici pour le graphisme dans la section Graphics/Spotlight/. Webiographie du cours staf13 (Images et sons dans le multimédia), contient de nombreuses références Fiches d'introduction au Multimédia Images sur le web: petite fiche multimédia de Jean-François L'haire Général (Images, icônes, boutons, + liens) IconBazaar The ClipArt Directory Andy's Art Attack Photodisc Cool Free Graphics Dessins, icônes, cartoons en noir & blanc Icônes (serveur TECFA)
Logiciels Top	La liste des logiciels d'Enseignement Assisté par Ordinateur (progiciels, didacticiels, micro-mondes et tutoriels) disponibles au TECFA, ainsi que les logiciels utilisés pour réaliser les pages WWW. Logiciels EAO La liste des logiciels EAO disponible au TECFA Logiciels pour les TP Navigateur WWW & éditeur WYSIWYG: Malgré de nombreuses lacunes, imperfections, limites, etc, nous utilisons Netscape Gold 3.0. `PC :` Accès sous Programmes / Www / Netscape Navigateur Gold / Netscape Navigateur Gold. Télécharger la version pour Windows 95 ou pour windows 3.1 `Mac :` Accès sous Soft_Enseignement / Hypertextes / HTML / Netscape 3 Gold / Netscape Navigateur Gold Editeur HTML L'utilisation du Netscape Gold ne vous dispensera pas toujours de manipuler vos fichiers-sources. Nous vous proposerons des programmes PC & Mac pour éditer les codes HTML. Graphisme Vous sentez l'inspiration monter en vous et désirez mettre à profit vos talents artistiques? Ou tout simplement, vous voulez modifier les graphiques trouvés sur la Toile. Voici les logiciels conseillés pour parvenir à vos buts: `PC :` PaintShop Pro, version 4. Accès : Programmes / Multimedia / Dessin / PaintShop Pro / PaintShop Pro 4. Si PSP est à mettre sur disquettes, télécharger ces 3 répertoires, copier les ensuite sur votre disque dur et cliquer sur setup.exe (pour Windows 95) `Mac :` GifConverter permet de modifier les images et de les convertir en d'autres formats. Accès : Soft_Enseignement / Utilitaires / Convertisseur / GifConverter / GifConverter 2.3.6

Retour vers: Top | Home E72b

Patrick Mendelsohn & Didier Strasser