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 :
- é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
Semaine 1
du 9 au 13 septembre
du 9 au 13 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
- Les éléments de structuration d’HTML5
Travaux pratiques
Semaine 2
du 16 au 20 septembre
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
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
du 30 septembre au 4 octobre
Mise en page CSS et polices sur le web
Notes de cours
- Bases de la mise en page avec CSS
- Propriété
display
- Positionnement absolu et relatif
- Flottants
- Mise en page classique et moderne
- Propriété
- Utilisation de polices sur le web
- Polices du système et font stack
- Utiliser n’importe quelle police avec
@font-face
Travaux pratiques
Semaine 5
du 7 au 11 octobre
du 7 au 11 octobre
Bonnes pratiques CSS
Présentation du sujet du DMNotes de cours
- Précisions sur les sélecteurs et bonnes pratiques CSS
- Utiliser divers sélecteurs ensemble
- Utiliser identifiants et classes
- Spécificité des sélecteurs
- tutoriel sur la factorisation du CSS
- Structuration des fichiers CSS
- Largeur adaptable avec
max-width
Travaux pratiques
Semaine 6
du 14 au 18 octobre
du 14 au 18 octobre
Sélecteurs avancés
Notes de cours
- Sélecteurs avancés
- Sélecteurs de descendance et d’adjacence
- Pseudo-classes
- Pseudo-éléments
Travaux pratiques
Semaine 7
du 21 au 25 octobre
du 21 au 25 octobre
Interactivité en CSS — Audio & vidéo
Notes de cours
- Bases de l’interactivité en CSS
- Topo sur les menus déroulants
- Pseudo-classe
:target
et lightbox en CSS
Travaux pratiques
Semaine 8
du 4 au 8 novembre
et du 11 au 15 novembre
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
- Outils CSS de base pour le design adaptatif
- media queries
- viewport
- Propriétés utiles pour l’adaptatif
- Unités de distance dynamiques
- Transitions, transformations, animations
- Animer les transitions entre valeurs d’une propriété
- Transformations
- Un mot sur les animations non transitionnelles
Travaux pratiques
Semaine 9
du 18 au 22 novembre
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
du 25 au 29 novembre
Compléments
Pas de CM cette semaine !Travaux pratiques
mercredi 13 décembre
(23h)
(23h)
semaine du 16 décembre