Aller au contenu

HTML et CSS : créer son premier site web

Partez de zéro et construisez une page web professionnelle, responsive et accessible, ligne de code après ligne de code.

Débutant 7 h 14 leçons En ligne, à son rythme Français Certificat de réussite

Proposé par Spectral Academy · Formateur : KANGAH

Version 1 · mise à jour le 19/10/2026

Ce que vous allez apprendre

  • Expliquer comment fonctionne une page web (navigateur, serveur, HTML, CSS)
  • Structurer une page avec les balises HTML sémantiques
  • Mettre en forme une page avec les sélecteurs et propriétés CSS essentielles
  • Réaliser une mise en page avec Flexbox et Grid
  • Rendre une page responsive et accessible

Programme

5 modules · 14 leçons · 7 h

Objectif : Comprendre le fonctionnement d'une page web Structurer un document HTML

  • Comment fonctionne le web ? Aperçu gratuit 15 min
  • La structure d'une page HTML 25 min
  • Bases du web et du HTML 10 min

Objectif : Utiliser liens, images, tableaux et formulaires Écrire un HTML valide et accessible

  • Liens, images et tableaux 20 min
  • Les formulaires 25 min
  • Contenus riches et formulaires 10 min

Objectif : Appliquer des styles avec les sélecteurs CSS Maîtriser le modèle de boîte et la typographie

  • Sélecteurs, couleurs et typographie 25 min
  • Le modèle de boîte 20 min
  • Mettre en forme avec CSS 10 min

Objectif : Créer des mises en page avec Flexbox et Grid Rendre une page responsive et accessible

  • Flexbox et Grid 25 min
  • Responsive design et accessibilité 25 min
  • Mise en page et responsive 10 min

Objectif : Valider les compétences HTML et CSS

  • Évaluation finale 20 min
  • Page vitrine responsive d'une entreprise 3 h

Description

Le premier pas vers le métier de développeur

Chaque site web que vous visitez repose sur deux langages fondamentaux : HTML, qui structure le contenu, et CSS, qui le met en forme. Les maîtriser est le point de départ indispensable de tout développeur web, et une compétence utile pour toute personne qui travaille avec le numérique.

Ce que vous allez construire

Tout au long du cours, vous construirez pas à pas la page vitrine d'une petite entreprise (un restaurant, une boutique ou votre propre activité) : en-tête avec menu, présentation, liste de services, galerie, formulaire de contact et pied de page. À la fin, votre page s'affichera correctement sur ordinateur, tablette et téléphone.

Au programme

  • Le fonctionnement du web et l'installation de l'environnement ;
  • Les balises HTML essentielles et sémantiques ;
  • Les liens, images, listes, tableaux et formulaires ;
  • Les sélecteurs, couleurs, typographie et modèle de boîte en CSS ;
  • La mise en page avec Flexbox et Grid ;
  • Le responsive design et les bases de l'accessibilité.

Méthode

Chaque leçon contient des exemples de code commentés que vous recopiez et modifiez. Tapez le code vous-même plutôt que de le copier-coller : c'est ainsi que l'on apprend.

Prérequis

  • Savoir utiliser un ordinateur (fichiers, dossiers, navigateur)
  • Installer un éditeur de code gratuit (Visual Studio Code recommandé)

Pour qui ?

  • Débutants complets qui veulent apprendre à coder
  • Futurs développeurs web et étudiants en informatique
  • Entrepreneurs et chargés de communication qui veulent comprendre le web

Compétences et mots-clés

HTML5 sémantiqueCSS3, Flexbox et GridResponsive design et accessibilité de base #débutant#HTML#CSS#développement web#responsive

Certification

Certificat de réussite

  • Terminer toutes les leçons obligatoires
  • Réussir les évaluations avec un score moyen d'au moins 70 %

Document numéroté, vérifiable en ligne. Ce n'est ni un diplôme d'État ni une certification accréditée.

Document délivré par Spectral Academy via SUO, avec un identifiant unique vérifiable en ligne. Il ne constitue pas un diplôme d'État ni une certification accréditée par un organisme public, sauf mention explicite et vérifiable.

Avis des apprenants

Pas encore d'avis

Seuls les apprenants inscrits ayant suivi une partie de la formation peuvent laisser un avis vérifié.

Formateur

K

KANGAH

Organisme

S Spectral AcademyCabinet de formation

Formations associées