Produire des documents pour le web
Informations générales
L'objectif de ce cours est de donner aux étudiant·e·s 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 4h de TP (2×2h) par semaine pendant 6 semaines.
Enseignants
- Jean-Marc Lecarpentier
- Antoine Widlocher
Contrôle des connaissances
Le contrôle des connaissances se fera uniquement en contrôle continu par l'évaluation du code de certains exercices faits en TP.
Séance 1
mercredi 10 janvier
mercredi 10 janvier
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
Séance 2
vendredi 12 janvier
vendredi 12 janvier
Séance 3
mercredi 17 et vendredi 19 janvier
mercredi 17 et vendredi 19 janvier
Pages web et mise en forme
Notes de cours
- Introduction à CSS
- Propriétés de style
- Règles CSS
- Intérêt des feuilles de style
- Cascade et héritage
- Classes et identifiants
- Groupes et combinaison de sélecteurs
Travaux pratiques
Séance 4
mercredi 24, vendredi 26 et mercredi 31 janvier
mercredi 24, vendredi 26 et mercredi 31 janvier
Mise en page CSS
Notes de cours
- 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
- Bases de la mise en page avec CSS
- Propriété
display - Flottants, clearer
- Présentation en zones
- Positionnement absolu et relatif
- Propriété
Travaux pratiques
Séance 5
vendredi 2, mercredi 7 et vendredi 9 février
vendredi 2, mercredi 7 et vendredi 9 février
Images HTML/CSS
Notes de cours
- 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
Travaux pratiques
Séance 6
mercredi 14 et vendredi 16 février
mercredi 14 et vendredi 16 février