Apprendre à créer un site web : HTML, CSS et PHP pour débutants
Apprenez à créer votre premier site web en partant de zéro, même si vous n’avez aucune connaissance en programmation web.
Ce parcours gratuit pour débutants vous guide pas à pas dans l’apprentissage du HTML, du CSS et du PHP, les trois technologies essentielles pour construire un site web complet.
Vous commencerez par le HTML afin de créer et structurer vos premières pages web. Vous apprendrez ensuite le CSS pour mettre en forme votre site, organiser sa présentation et l’adapter aux différents écrans. Enfin, vous découvrirez le PHP pour rendre vos pages dynamiques et commencer à programmer de véritables fonctionnalités.
Chaque nouvelle notion est expliquée avant d’être utilisée. Vous progressez étape par étape grâce à des exemples concrets, des exercices pratiques, des corrections détaillées et des QCM qui vous permettent de vérifier votre compréhension.
Le parcours est organisé en trois cours progressifs : apprendre le HTML, apprendre le CSS, puis apprendre le PHP. Vous maîtrisez ainsi chaque technologie à votre rythme avant de passer à la suivante.
L’objectif est simple : vous permettre de comprendre comment fonctionne un site web et de devenir capable de créer progressivement vos propres pages et projets web.
État de rédaction du parcours : Parcours complet
La rédaction de ce parcours est complète. Cet état éditorial est indépendant de votre progression.
Niveau conseillé : Débutant — aucune connaissance en programmation requise.
Durée indicative : Environ 20 à 30 heures, à votre rythme, réparties entre lecture, pratique, exercices et révisions.
Dernière mise à jour du parcours : lun. 21 sept. 2026 02:26
Objectifs du parcours
À la fin de ce parcours, vous saurez :
- Créer et structurer correctement une page web avec HTML.
- Utiliser les principales balises HTML et organiser le contenu de manière accessible.
- Créer plusieurs pages et les relier entre elles.
- Mettre en forme un site avec CSS.
- Comprendre les sélecteurs, les propriétés, les couleurs, les dimensions et la mise en page.
- Adapter une interface aux différentes tailles d’écran.
- Comprendre les bases de PHP et son rôle dans un site web dynamique.
- Utiliser les variables, les conditions, les boucles et les fonctions en PHP.
- Créer et traiter des formulaires.
- Construire progressivement un petit site web combinant HTML, CSS et PHP.
- Appliquer de bonnes pratiques de structure, de lisibilité et d’accessibilité dès le début.
Prérequis
Aucune connaissance en programmation ou en développement web n’est nécessaire.
Vous devez simplement savoir utiliser un ordinateur, naviguer sur Internet, créer et retrouver des fichiers et dossiers, et saisir du texte dans un éditeur.
Toutes les notions de HTML, CSS et PHP seront expliquées progressivement avant leur utilisation.
Vous partez de zéro : aucune connaissance en développement web ou en programmation n’est nécessaire.
Dans ce cours, vous allez découvrir [b]HTML[/b], le langage utilisé pour structurer le contenu des pages web.
Vous apprendrez progressivement à créer vos propres pages, à organiser correctement leur contenu et à comprendre le rôle des principaux éléments HTML : titres, paragraphes, listes, liens, images, tableaux, formulaires et éléments de structure.
Chaque nouvelle notion sera [b]expliquée avant d’être utilisée[/b]. Vous avancerez par petites étapes, avec des exemples concrets, des exercices pratiques, des corrections détaillées et des QCM pour vérifier votre compréhension.
L’accessibilité fera partie de l’apprentissage dès le début. Vous apprendrez notamment à utiliser une hiérarchie logique des titres, à fournir un texte alternatif pertinent aux images et à associer correctement les libellés aux champs de formulaire.
Ce cours est consacré [b]uniquement à HTML[/b]. Nous ne chercherons pas encore à modifier l’apparence des pages avec CSS ni à les rendre dynamiques avec PHP. Ces technologies seront étudiées séparément dans les cours suivants du parcours.
À la fin du cours, vous serez capable de construire seul un petit site composé de plusieurs pages HTML correctement structurées.
Niveau conseillé : Débutant — aucune connaissance en développement web ou en programmation requise.
Durée indicative : Environ 8 à 12 heures, à votre rythme, réparties entre lecture, pratique, exercices et révisions.
Vous poursuivez le site [b]Mon premier site HTML[/b] construit dans le cours précédent : index.html, apropos.html, contact.html et l’image ordinateur.jpg. Un seul fichier styles.css met progressivement les trois pages en forme.
Vous travaillez sur les vrais contenus du projet : les titres Accueil, À propos et Contact, la navigation, les deux notes de progression, l’image de l’espace de travail, le tableau des trois pages et le formulaire de contact. Chaque leçon indique ce qu’il faut conserver, ajouter ou remplacer, puis propose un exercice, sa correction et un QCM.
Les huit chapitres comprennent chacun trois leçons. Le cours se termine par la vérification du même site, pas par la création d’un autre projet. Les notions CSS enseignées servent la lisibilité, la mise en page et l’utilisation au clavier. Le formulaire reste sans traitement serveur ; ce traitement appartient au cours PHP suivant.
Niveau conseillé : Débutant en CSS — suite du cours HTML du même parcours.
Durée indicative : Environ 8 à 12 heures, lecture, pratique, QCM et vérifications compris. Estimation indicative : les exercices prennent plus de temps que la lecture seule.
Ce cours prolonge directement les cours HTML et CSS du parcours.
Vous allez reprendre le même petit site composé de ses pages, de sa navigation, de son formulaire de contact et de sa feuille de style pour découvrir progressivement PHP.
PHP ajoutera une nouvelle dimension au projet : la logique exécutée côté serveur. Vous apprendrez à comprendre ce rôle, à exécuter un script, à utiliser des variables et des types de valeurs, à manipuler et comparer des données, à construire des conditions, à organiser des tableaux, à parcourir des données avec des boucles, puis à créer vos premières fonctions.
Le dernier chapitre consolidera ces bases avant de terminer le projet par un premier traitement de formulaire côté serveur avec validation et affichage sûr des données.
Le cours conservera la même méthode que les cours HTML et CSS : chaque notion sera expliquée avant d’être utilisée, les exercices resteront reliés au même projet et les corrections expliqueront les choix effectués.
HTML continuera à porter le sens et la structure du contenu. CSS continuera à contrôler sa présentation. PHP ajoutera la logique côté serveur sans remplacer les deux langages déjà appris.
Ce cours reste volontairement un cours d’initiation. Les sessions, l’accès aux bases de données avec PDO et les opérations CRUD relèvent d’une suite plus avancée et ne sont pas nécessaires pour terminer correctement ces bases.
Niveau conseillé : Débutant — aucune connaissance préalable de PHP requise.
Durée indicative : Environ 15 à 20 heures, à votre rythme, avec lecture, pratique, exercices et révisions.