Présentation du cours

Introduction au HTML/CSS — Les langages fondamentaux du Web

DSP - USAL33

Ce cours vous initie aux deux langages qui structurent et habillent l’ensemble du Web : le HTML et le CSS. À partir de zéro, vous apprendrez à construire des pages web complètes, propres et accessibles, puis à les mettre en forme avec soin. Aucune connaissance préalable n’est requise.

Objectifs du cours

À l’issue de ce cours, vous serez capable de concevoir une page web statique de bout en bout, de la structure du contenu jusqu’à sa mise en forme. Concrètement, nous poursuivons quatre objectifs :

• Comprendre l’architecture et le fonctionnement du Web : qui parle à qui, ce qui circule sur le réseau, et ce que fait réellement un navigateur.

• Maîtriser le HTML pour structurer des pages web, c’est-à-dire décrire ce que sont les différents éléments d’un document (un titre, un paragraphe, une image…).

• Maîtriser le CSS pour mettre en forme des pages web, autrement dit décider de à quoi ressemble chacun de ces éléments.

• Adopter les bonnes pratiques de développement web, parce qu’un code qui fonctionne ne suffit pas : il doit aussi être lisible, accessible et durable.

Ces deux langages se complètent en permanence. On peut résumer leur relation par une formule simple, sur laquelle nous reviendrons souvent : le HTML dit ce que les choses sont, le CSS dit à quoi elles ressemblent.

Comment ce cours est organisé

Le parcours suit une progression naturelle, des fondations vers les techniques de mise en page les plus actuelles. On commence par comprendre l’environnement du Web, puis on construit la structure des pages avec HTML, et enfin on les met en forme avec CSS — de la simple couleur jusqu’aux systèmes de disposition modernes.

Chaque chapitre est conçu pour être consulté de façon autonome, mais l’ensemble se lit aussi comme une progression continue : les fondamentaux d’abord, le HTML approfondi ensuite, le CSS approfondi pour finir.

Planning détaillé (non définitif)

Le déroulé ci-dessous donne la progression prévue en présentiel. Les séances de cours posent les notions, les TP les mettent immédiatement en pratique, et l’ensemble converge vers un mini-projet en fin de parcours.

Date	Horaire	Programme	Emplacement
03/02	13h30-17h	Cours : Introduction + Fondamentaux + Structure sémantique	17.1.12
04/02	9h-12h30	Cours : Structure sémantique + Formulaires + Tableaux	61C.2.07
04/02	13h30-17h	TP1 : Structure sémantique + Formulaires	61C.2.07
05/02	9h-12h30	TP2 : Formulaires + Tableaux	61C.2.07
05/02	13h30-17h	Cours : Médias + Attributs globaux + Sélecteurs CSS	61C.2.07
06/02	13h30-17h	TP3 : Exercices de synthèse HTML	61.A.3.16
09/02	9h-12h30	Cours : Box Model + Positionnement
09/02	13h30-17h	TP4 : Sélecteurs + Box Model + Positionnement
11/02	9h-12h30	Cours : Flexbox + Grid Layout
11/02	13h30-17h	TP5 : Flexbox + Grid
12/02	9h-12h30	Cours : Design responsive + Typographie + Couleurs
12/02	13h30-17h	TP6 : Design responsive
13/02	9h-12h30	Cours : Bonnes pratiques + Accessibilité + Performance
13/02	13h30-17h	TP : Mini-Projet (conception + wireframe)
16/02	9h-12h30	TP : Mini-Projet (développement) + DS

Modalités d’évaluation

La note finale combine un travail régulier tout au long des séances et deux évaluations de fin de parcours.

Évaluation continue (25 % de la note finale)

Tous les TP sont à rendre. Leur moyenne compte pour 25 % de la note finale. L’objectif n’est pas de produire un travail parfait à chaque séance, mais de pratiquer régulièrement : c’est en écrivant du code qu’on apprend le HTML et le CSS, pas en le lisant.

Évaluation terminale (75 % de la note finale)

Elle repose sur deux épreuves, un DS et un mini-projet, dont la moyenne compte pour 75 % de la note finale. Le mini-projet est l’occasion de réinvestir l’ensemble des notions du cours sur un cas concret et personnel.