Informations sur le cours que j'assure en Master 1 ICDD pour l'année universitaire 2011-2012.
J'interviens dans le tronc commun de la première année de la mention ICCD. En seconde année, j'interviens dans deux parcours professionnels de ce master :
- le Master 2 GIDE,
- le Master 2 IDEMM.
Descriptif du cours
Éléments abordés
- HTML, XHTML et HTML5
- HTML et CSS, XML et CSS
- HTML5 et microdata
- formats SVG et MathML
Évaluations
Une interrogation et un travail à la maison.
- Interrogation : dissertation+QCM, une heure.
- Travail à la maison à rendre au plus tard
le lundi 5 décembre 2011 à 9h00 :
mini-site web, chaque exercice posé en TP doit trouver sa solution
dans l'une des parties du site.
Le rendu doit se faire par mail : simplement l'url du site si celui-ci est en ligne, sinon une archive du site jointe au mail (bien s'assurer que tous les fichiers nécessaires sont présents et que la navigation entre les pages est bien assurée).
Exercices à prendre en compte :HTML 1 2 3 4 5 svg mathml CSS 1 2 3 4 5 6
Planning des séances
CM un mardi sur deux de 8h30 à 10h30. TP les mercredi de 13h30 à 15h30 (groupe 1), de 15h30 à 17h30 (groupe 2).
Cours 1/3, mardi 20 septembre 2011
- historique de l'internet et du web
- langage HTML : structure générale, balises, attributs et entité
- DOCTYPE, encodage des caractères et meta-données
- discussions :
- XML versus non XML
- sémantique versus mise en page
- accessibilité
- référencement
- DOCTYPE
TP 1/7, mercredi 21 septembre 2011
Création de pages HTML :
- structure
- couleurs
- balises HTML
- images, liens, tableaux simples, etc.
TP 2/7, mercredi 28 septembre 2011
Finalisation des pages HTML :
- meta-données
- DOCTYPE, codage des caractères
- validation W3C des pages
- tableaux complexes
Cours 2/3, mardi 4 octobre 2011
- retour sur les DOCTYPE et les « modes des navigateurs »
- cours sur les CSS, utilisation de div et de span
- introduction à HTML5
- simplifications de l'en-tête
- nouvelles balises sémantiques
- microdata
- discussions :
- sémantique versus mise en page
- web 2.0 versus web sémantique
TP 3/7, mercredi 5 octobre 2011
- suppression des balises HTML de mise en forme
- écriture d'une feuille de style CSS
TP 4/7, mercredi 12 octobre 2011
- placement en CSS, réalisation de menus
Cours 3/3, mardi 18 octobre 2011
- images réactives en HTML
- SVG
- MathML
- interrogation écrite
TP 5/7, mercredi 19 octobre 2011
- HTML5 et CSS
- images réactives en HTML
TP 6/7, mercredi 9 novembre 2011
- réalisation de dessins en SVG
- utilisation de MathML
TP 7/7, mercredi 16 novembre 2011
- finalisation du site
Voir aussi...
- Notes de cours sur le langage HTML
Rappel succinct des points évoqués en cours sur le langage HTML et en particulier les nouveautés amenées par HTML5.
- Travaux pratiques sur le langage HTML
Exercices sur le langage HTML.
- Liens relatifs au langage HTML
Liste de liens vers des sites de référence et des outils pour compléter le cours sur le langage HTML.
- Notes de cours sur les feuilles de style
Utilisation de feuilles de style (CSS) dans la mise en forme de document HTML ou XML : principes et motivations, application à une page HTML, toutes les propriétés disponibles en CSS.
- Travaux pratiques sur les feuilles de style
Des exercices sur les CSS et des exemples montrant l'utilisation de feuilles de style dans la mise en forme de document HTML.
- Master Gestion de l'Information et de la Documentation en Entreprise (Master GIDE)
Les cours que j'assure en Master 2 GIDE : algorithmique et programmation, réalisation de sites web dynamiques avec PHP.
- Master Ingénierie Documentaire, Édition et Médiation Multimédia (Master IDEMM)
Informations sur le cours que j'assure en Master IDEMM pour l'année universitaire 2011-2012.
