Créer et mettre en forme des pages web (HTML5 et CSS3)

Programme détaillé

Programme type, ajusté en fonction du niveau et du contexte des participants.

2 jours

Jour 1 — Introduction & bases HTML5

Matin

Structure d’une page HTML

Balises essentielles (titres, paragraphes, listes, liens)

Images, figures, balises sémantiques

Mise en place de l’environnement de développement

TP : première page web

Après-midi

ableaux, listes, structures complexes

Accessibilité (WCAG/RGAA) : alt, aria, structure logique

Intégration de médias (vidéo, audio, iframe)

TP : page de contenu structurée + intégration de médias

Objectifs pédagogiques

Structurer un site à l’aide des balises HTML5.

Utiliser efficacement les propriétés CSS3 pour la mise en page.

Intégrer des médias (images, vidéos, audio) en respectant l’accessibilité.

Construire une mise en page flexible avec Flexbox et Grid Layout.

Mettre en œuvre un design responsive avec media queries.

Créer des formulaires conformes aux standards HTML5.

Compétences visées

Création et structuration de pages web HTML5.

Mise en forme et mise en page avancée via CSS3.

Conception d'interfaces responsives.

Intégration de médias et formulaires accessibles.

Application des standards WCAG/RGAA et bonnes pratiques HTML/CSS.

Public concerné

Avoir des notions générales en informatique. Une première exposition à HTML ou CSS est recommandée mais non obligatoire.

Prérequis

Pratique professionnelle ou appétence pour le sujet. Un premier contact avec le domaine est un plus.

Méthodes pédagogiques

Apports théoriques progressifs.

Nombreux travaux pratiques encadrés.

Démonstrations en direct.

Exercices individuels et mini-projets.

Mise en application sur un mini-site fil rouge pendant la formation.

Modalités d’évaluation

QCM de validation des acquis.

Travaux pratiques notés.

Mini-projet final (création d’un site complet).

Positionnement initial + évaluation finale des compétences.