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.
Le vendredi 11 novembre étant férié, il n'y aura qu'un seul TP la semaine du 7 novembre. Le dernier TP aura donc lieu la semaine du 28 novembre.
Enseignant·es
- Alexandre Niveau (CM, TP)
- Amal Mahboubi (CM, TP)
- Anaëlle Baledent (TP)
- Françoise Lambert (TP)
- Frédéric Jurie (TP)
- Gaétan Richard (TP)
- Jean-Luc Lamotte (TP)
- Jean-Marc Lecarpentier (TP)
- Pascal Vaudorne (TP)
- Sophie Schüpp (TP)
- Yohann Jacquier (TP)
- Youssef Chahir (TP)
Contrôle des connaissances
Les modalités de contrôle des connaissances sont détaillées sur cette page. Elles prendront plusieurs formes :
- évaluation du code de certains exercices faits en TP, compte-rendus de TP
- DM : conception d'un mini-site (sujet libre sur un thème imposé)
- contrôle terminal : épreuve écrite d'une heure (en première et seconde session) — le sujet de l'année dernière est récupérable en bas de la page
lundi 12 septembre
Web et HTML
Notes de cours
- Le web, c’est quoi et comment ça marche ?
- Rappels sur Internet
- Le World Wide Web : définition et principes de base
- Les constituants principaux du web : HTTP, URL, HTML
- HTML : la base du web
- Balisage et structure de documents
- Les règles de HTML
- Notions d’hypertexte
- Notions d’accessibilité
- Les éléments de structuration d’HTML5
Travaux pratiques
lundi 19 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
lundi 26 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
imget quelques-uns de ses attributs - Propriétés de base des backgrounds en CSS
- Remplacement d’images