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)
  • Assia Hammamouche (TP)
  • Frédéric Jurie (TP)
  • Gaétan Richard (TP)
  • Jean-Luc Lamotte (TP)
  • Jean-Marc Lecarpentier (TP)
  • Kirill Milintsevich (TP)
  • Sophie Schüpp (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 11 au 15 septembre

Web et HTML

Notes de cours

Travaux pratiques

Semaine 2
du 18 au 22 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 et héritage
  • 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 25 au 29 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 2 au 6 octobre

Mise en page CSS

Notes de cours

Travaux pratiques

Semaine 5
du 9 au 13 octobre

Bonnes pratiques CSS et polices sur le web

Présentation du sujet du DM

Notes de cours

Travaux pratiques

Semaine 6
du 16 au 20 octobre

Sélecteurs avancés

Notes de cours

Travaux pratiques

Semaine 8
du 6 au 10 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 9
du 13 au 17 novembre

Design adaptatif — Transitions et transformations CSS

Notes de cours

Travaux pratiques

Semaine 10
du 20 au 24 novembre
Semaine 11
du 27 novembre au 1er décembre

Travail sur le DM

Pas de CM cette semaine !

Travaux pratiques

mercredi 13 décembre
(23h)
mardi 19 décembre
(14h-15h)

Annales des examens