Technologies web 1

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)
Florine Landrein-Vasseur (TP)
Jean-Luc Lamotte (TP)
Jean-Marc Lecarpentier (TP)
Lise Kastner (TP)
Marion Joly (TP)
Maroua Bouzid (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 8 au 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
- Les éléments de structuration d’HTML5

Travaux pratiques

Semaine 2
du 15 au 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
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 22 au 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 img et quelques-uns de ses attributs
- Propriétés de base des backgrounds en CSS
- Remplacement d’images

Travaux pratiques

Semaine 4
du 29 septembre au 3 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

Travaux pratiques

Semaine 5
du 6 au 10 octobre

Précisions sur les sélecteurs & polices sur le web

Présentation du sujet du DM

Notes de cours

Précisions sur les sélecteurs
- Utiliser divers sélecteurs ensemble
- Utiliser identifiants et classes
- Spécificité des sélecteurs
Utilisation de polices sur le web
- Polices du système et font stack
- Utiliser n’importe quelle police avec @font-face