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 :
- é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 11 au 15 septembre
du 11 au 15 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 18 au 22 septembre
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
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
du 2 au 6 octobre
Mise en page CSS
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é
Travaux pratiques
Semaine 5
du 9 au 13 octobre
du 9 au 13 octobre
Bonnes pratiques CSS et polices sur le web
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
- Utilisation de polices sur le web
- Polices du système et font stack
- Utiliser n’importe quelle police avec
@font-face
- Largeur adaptable avec
max-width
Travaux pratiques
Semaine 6
du 16 au 20 octobre
du 16 au 20 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 23 au 27 octobre
du 23 au 27 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 6 au 10 novembre
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
du 13 au 17 novembre
Design adaptatif — Transitions et transformations CSS
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 10
du 20 au 24 novembre
du 20 au 24 novembre
Compléments
Pas de CM cette semaine !Travaux pratiques
Semaine 11
du 27 novembre au 1er décembre
du 27 novembre au 1er décembre
mercredi 13 décembre
(23h)
(23h)
mardi 19 décembre
(14h-15h)
(14h-15h)