site de Fabien Torre, université de Lille


Master mention Information Communication Culture et Document (Master ICCD)

Informations sur le cours que j'ai assuré en Master 1 ICDD durant l'année universitaire 2014-2015.

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 :

Descriptif du cours

Éléments abordés

contenu

Dans ce cours, nous nous intéressons à différents langages définis pour le web et permettant de structurer les documents.

Nous nous interrogerons systématiquement sur les possibilités de ces langages sous l'angle :

  • du visiteur humain (handicapé ou non, en tout cas avec ses préférences),
  • du visiteur robot (indexeur d'un moteur de recherche, extracteur du web sémantique, agent d'un réseau social, etc.),
  • du matériel utilisé (écran, imprimante, smartphone, etc.).

connaissances

À l'issue du cours, les étudiants auront acquis des notions sur les concepts suivants :

  • structuration de documents,
  • séparation fond et forme,
  • internet et web,
  • métadonnées, métadonnées et réseaux sociaux,
  • référencement, pagerank, etc.
  • robots et indexation,
  • web sémantique.

compétences

  • structuration de document à l'aide des langages HTML,
  • mise en forme de ces documents avec CSS,
  • utilisation de métadonnées de différents types,
  • écriture au format SVG pour les dessins et animations,
  • écriture au format MathML pour les documents scientifiques.

Évaluations

Une interrogation et un travail à la maison.

  • Interrogation  le mercredi 5 novembre 2014  : QCM+dissertation, une heure, les documents sont autorisés.
  • Travail à la maison à rendre au plus tard  le lundi 8 décembre 2014 à 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 à .
    Dans tous les cas, joindre au mail une archive du site (s'assurer que tous les fichiers nécessaires sont présents et que la navigation entre les pages est bien assurée) et, si celui-ci est en ligne, indiquer l'url du site dans le corps du mail.
    Exercices à prendre en compte :
    HTML 1 2 3 4 5 svg mathml
    CSS 1 2 3 4 5 6 7

Planning des séances

Cours Magistraux un mercredi sur trois de 13h30 à 15h30, salle B2.454. Travaux Pratiques les autres mercredi de 13h30 à 15h30 (groupe 2), de 15h30 à 17h30 (groupe 1), salle A1.410.

Cours 1/3, mercredi 17 septembre 2014

  • 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 24 septembre 2014

Création de pages HTML :

  • structure
  • couleurs
  • balises HTML
  • images, liens, tableaux simples, etc.

TP 2/7, mercredi 1er octobre 2014

Finalisation des pages HTML :

  • meta-données
  • DOCTYPE, codage des caractères
  • validation W3C des pages
  • tableaux complexes

Cours 2/3, mercredi 8 octobre 2014

  • 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 15 octobre 2014

  • suppression des balises HTML de mise en forme
  • écriture d'une feuille de style CSS

TP 4/7, mercredi 22 octobre 2014

  • placement en CSS, réalisation de menus

Cours 3/3, mercredi 5 novembre 2014

  • images réactives en HTML
  • SVG
  • MathML
  • interrogation écrite

TP 5/7, mercredi 12 novembre 2014

  • HTML5 et CSS
  • images réactives en HTML

TP 6/7, mercredi 19 novembre 2014

  • réalisation de dessins en SVG
  • utilisation de MathML

TP 7/7, mercredi 26 novembre 2014

  • finalisation du site
Fabien Torre Valid HTML5! Valid CSS!
Accueil > Enseignement > Formations > Anciennes formations > Master 1 ICCD
(contenu mis à jour )
site de Fabien Torre, université de Lille

Description

Survoler un lien de navigation pour lire sa description ici...