Aller au contenu principal
  • Cours pratique
  • Informatique

Formation HTML5, CSS3, l'essentiel

Les bases indispensables du HTML5 et CSS3

Demander un devis
Une formatrice accompagne deux participants penchés sur leurs notes, en salle de formation
Durée
2 jours
Niveau
Fondamental
Modalités
Présentiel / Distanciel

Description de la formation HTML CSS Essentiels

Quelle que soit la technologie que vous utilisiez, ou que vous allez utiliser, le langage HTML est un passage obligé. En effet, JAVA, .NET, PHP ou autre langage ou architecture, en dernier ressort, génèrent du HTML. C'est dire l'importance de ce langage et la nécessité de la connaître.

Au cours de cette formation HTML, vous allez apprendre à décrire et réaliser des pages Web comprenant du texte mis en forme et structuré, des images, des formulaires. Le multifenêtrage sera également couvert, les hyperliens, ainsi qu'une introduction aux scripts serveur de type PHP. L'insertion de code javascript ainsi que DHTML sera également couverte.

Atelier en salle : une participante présente des notes au tableau

Objectifs pédagogiques

  • Identifier la structure et les balises sémantiques d’un document HTML5.
  • Utiliser CSS3 pour mettre en forme et adapter les pages à différents écrans.
  • Intégrer des images, médias et formulaires accessibles.
  • Ajouter des interactions simples avec JavaScript moderne (DOM, événements).
  • Appliquer les bonnes pratiques de référencement et d’accessibilité.
  • Publier une page Web sur un hébergement gratuit (Netlify, GitHub Pages).

Objectifs opérationnels

Objectif opérationnel :

Être capable de concevoir et mettre en ligne des pages Web modernes, accessibles et responsives en utilisant HTML5 et CSS3.

Programme

Contenu du cours

Introduction au Web moderne

Fonctionnement d’un site Web : client, serveur, navigateur.
HTTPS, URL et structure des fichiers.
Les standards du Web : W3C, WHATWG.

HTML5 : structure et sémantique

Structure de base d’un document HTML5.
Balises principales et sémantiques (header, main, section, etc.).
Liens, images, listes, tableaux, formulaires.
Bonnes pratiques d’accessibilité et d’organisation du code.

Travaux pratiques : création d’une page complète avec navigation.

CSS3 : mise en forme et mise en page

Sélecteurs, propriétés, unités et couleurs modernes.
Flexbox et CSS Grid.
Responsive design : media queries, mobile-first.
Variables CSS, pseudo-classes et animations simples.

Travaux pratiques : styliser et rendre responsive la page du module 2.

JavaScript (initiation)

Introduction au langage et à la manipulation du DOM.
Gestion d’événements et interactions simples (menu, formulaire).
Bonnes pratiques et validation du code.

Travaux pratiques : ajout d’une interaction dynamique à la page.

Accessibilité, SEO et déploiement

Accessibilité numérique (WCAG 2.2).
Métadonnées et référencement naturel (balises meta, sémantique).
Outils de validation (W3C Validator, Lighthouse).
Introduction à Git et déploiement sur un hébergeur gratuit.

Programme mis à jour le 14/10/2025

Formations liées