Technologies web 1

Licence Informatique/Maths 1ère année

Alexandre Niveau — Jean-Marc Lecarpentier

Enseignement des technologies du Web

 

Détail de l'évaluation pour le module et sujet du DM/projet

Informations générales

L'objectif de ce cours est de donner aux étudiant·es les connaissances et les méthodes informatiques spécifiques à la réalisation de pages web simples (statiques et non interactives), en particulier les langages HTML5 et CSS. Une attention particulière sera donnée à l'ergonomie, l'accessibilité, et l'utilisation des standards du web tels qu'ils sont définis par le W3C.

Cette unité comprend 1h15 de CM (le lundi de 11h à 12h15, amphi 500) et 4h de TP (2×2h) par semaine pendant 10 semaines.

Enseignant·es

  • Alexandre Niveau (CM, TP)
  • Arthur Mittelstaedt (TP)
  • Jean-Luc Lamotte (TP)
  • Jean-Marc Lecarpentier (TP)
  • Jeremie Pantin (TP)
  • Sophie Schüpp (TP)
  • Vivien Beuselinck (TP)
  • Yohann Jacquier (TP)

Contrôle des connaissances

Les modalités de contrôle des connaissances sont détaillées sur cette page. Elles prendront plusieurs formes :

Semaine 1
du 9 au 13 septembre

Web et HTML

Notes de cours

Travaux pratiques

Semaine 2
du 16 au 20 septembre

Modifier le style des pages : CSS

Notes de cours

  • Introduction à CSS
    • Propriétés de style
    • Règles CSS
    • Intérêt des feuilles de style
    • Cascade
  • Modèle de boîte CSS3
    • Visual formatting model de HTML/CSS
    • Propriétés de base des boîtes
    • Quelques propriétés CSS3
    • Alignement de contenu

Travaux pratiques

Semaine 3
du 23 au 27 septembre

Sélecteurs ; URL ; images

Notes de cours

  • Sélecteurs CSS simples
    • Combinaison de sélecteurs
    • Classes et identifiants
    • Éléments HTML génériques
  • URL, chemins, requêtes
    • Contenu d’une URL
    • Chemins dans un système de fichiers
    • Traduction du chemin d’une requête HTTP par un serveur
    • URLs des ressources de la page
    • URL relatives et résolution
  • Images sur le web (HTML/CSS)
    • Formats d’image pour le web
    • L’élément img et quelques-uns de ses attributs
    • Propriétés de base des backgrounds en CSS
    • Remplacement d’images

Travaux pratiques

Semaine 4
du 30 septembre au 4 octobre

Mise en page CSS et polices sur le web

Notes de cours

Travaux pratiques

Semaine 5
du 7 au 11 octobre

Bonnes pratiques CSS

Présentation du sujet du DM

Notes de cours

Travaux pratiques

Semaine 6
du 14 au 18 octobre

Sélecteurs avancés

Notes de cours

Travaux pratiques

Semaine 8
du 4 au 8 novembre
et du 11 au 15 novembre

Design adaptatif — Transitions et transformations CSS

NB : Cette séance est étalée sur deux semaines à cause du 11 novembre férié. Il n’y a qu’un seul TP par semaine.

Notes de cours

Travaux pratiques

Semaine 9
du 18 au 22 novembre

Formulaires HTML

Notes de cours

  • Formulaires HTML
    • Fonctionnement général des formulaires HTML
    • Paramètres d’URL et méthode POST
    • Détails sur des widgets particuliers (boutons radio, select…)
    • Style et validation côté client

Travaux pratiques

Semaine 10
du 25 au 29 novembre

Compléments

Pas de CM cette semaine !

Travaux pratiques

mercredi 13 décembre
(23h)
semaine du 16 décembre

Annales des examens