Formation Apprendre HTML en 2025 : Créez votre premier site internet
Faites vos premiers pas dans le web avec HTML5 et CSS3 avec flexbox et les grilles puis initiez-vous enfin au webdesign pour créer votre premier portfolio professionnel.
Tous les niveaux
50 heures
4.9 / 5
1 749 avis
31 563 apprenants
Présentation
Bienvenue dans notre formation HTML et CSS !
Le HTML est le langage de programmation que tous les sites internet utilisent : il est essentiel pour un développeur ou même pour un web designer de le connaître. Il permet de définir la structure d'un site internet grâce à différentes balises.
Notre formation HTML part de zéro pour faire de vous un expert du développement de sites internet.
Pour ce faire, vous créerez votre tout premier portfolio à l'allure élégante et moderne.
Cette formation est particulièrement axée sur la pratique :
- Vous réaliserez un site de recettes (la reine des tartes 👑)
- Vous ferez des dizaines de petits exercices (comme la création d'un bouton qui s'enfonce)
- Vous apprendrez les bases du webdesign
- Puis vous apprendrez à réaliser votre propre portfolio
Et ce n'est pas tout
Notre formation HTML et CSS est une production Believemy Originals : on se doit d'aller jusqu'au fond des choses !
Vous apprendrez donc aussi à :
- Suivre vos utilisateurs en temps réel grâce à Google Analytics
- Afficher proprement votre site internet sur les réseaux-sociaux lorsqu'un lien vers votre site est publié
- Rendre votre site internet tout beau sur les téléphones, tablettes et sur une télé 📺
One more thing
Chez Believemy, on fait les choses jusqu'à ce qu'on touche l'excellence.
Vous serez personnellement suivi grâce à notre équipe pédagogique toujours prête à dégainer la clavier dès que vous aurez besoin d'aide. Vous pourrez tester vos compétences avec nos projets, exercices et challenges en cours de vidéo... mais aussi grâce à nos petits quiz interactifs.
Enfin, vous apprendrez dans notre formation HTML les meilleures conventions et pratiques : autant tout apprendre de la manière la plus utilisée par les développeurs tout de suite dès le début.
Voici ce que vous allez réaliser
Plan de la formation
Partie 1
Introduction
Nous commencerons pas une brève introduction sur les prérequis pour suivre cette formation HTML et CSS.
Partie 2
Avant de nous lancer
Rien ne sert de se dépêcher dans le code : un bon développeur est un développeur qui comprend ce qu'il fait. Nous aborderons dans cette partie les notions importantes sur le HTML et le CSS.
Partie 3
Quiz interactif
Challenge : 1 question
Partie 4
Installons notre environnement
Créer son premier site internet, c'est bien ! Mais avec les bons logiciels, c'est mieux. Nous apprendrons à installer et à choisir notre navigateur ainsi que notre éditeur de code.
Partie 5
Plongeons dans le HTML
Dans cette partie, nous découvrirons pour la première fois le HTML. Il s'agit d'un moment magique pour beaucoup : cette sensation de créer quelque chose de toute pièce restera sans aucun doute gravée dans votre mémoire pour très longtemps.
Partie 6
Quiz interactif
Challenge : 1 question
Partie 7
Tout ce qu'il faut savoir sur les images
Ajouter des images sur son site internet, c'est pas très compliqué. Cependant, il faut prendre son temps pour bien découvrir toutes les subtilités sur les différents types d'images et les bonnes pratiques avec elles !
Partie 8
Exercice : Notre premier site internet !
Dans cet exercice, nous réaliserons notre premier site internet ! Il s'agit d'un site de recettes de cuisine très sympathique.
Partie 9
Ajoutons du style à nos éléments
Maintenant que nous avons créé notre premier site internet avec HTML, il faut ajouter du style : c'est avec CSS qu'on peut faire ceci ! C'est donc dans cette partie que nous faisons notre première rencontre avec CSS.
Partie 10
Quiz interactif
Challenge : 1 question
Partie 11
Les bordures avec CSS
Il y a de nombreux types de bordures avec CSS : il est très important d'apprendre à les maîtriser, c'est ce qu'on fait ensemble dans cette partie.
Partie 12
La mise en page de notre site internet
L'espacement, c'est ce qui donne une dimension nouvelle sur un site internet. Dans cette partie, nous découvrirons comment ajouter des marges de tous les côtés pour aérer nos différentes balises HTML.
Partie 13
Exercice : Entraînons-nous sur le CSS
C'est ici qu'on s'entraîne avec CSS ! Nous reprendrons notre site internet sur les recettes de cuisine pour le styliser et le rendre beaucoup plus moderne et agréable pour nos utilisateurs !
Partie 14
Les apparences dynamiques
Changer les couleurs d'un élément au passage du curseur ? C'est possible avec les apparences dynamiques ! C'est ici que nous apprendrons à le faire.
Partie 15
Quiz interactif
Challenge : 1 question
Partie 16
Exercice : Un bouton moderne qui s'enfonce
Dans cet exercice, nous apprendrons ensemble à créer des boutons dynamiques qui s'enfoncent. L'objectif est de pratiquer les apparences dynamiques que nous venons d'apprendre dans le chapitre précédent. Elles n'auront plus aucun secret pour vous après cet exercice.
Partie 17
Les bases du webdesign
Savoir créer un site internet est une chose ! Mais encore faut-il pouvoir créer des sites internet qui soient agréables à utiliser. On parle ici d'expérience utilisateur et d'interface utilisateur (UX / UI pour les intimes). L'objectif de cette partie : faire de vous un développeur avec d'excellentes compétences en webdesign !
Partie 18
Quiz interactif
Challenge : 1 question
Partie 19
Flexons ensemble !
Flexbox est une des technologies les plus utilisées sur les sites internet modernes ! Cette partie vous permettra de tout savoir sur son utilisation.
Partie 20
Exerçons-nous sur Flexbox
Maintenant que nous avons appris à utiliser Flexbox, il est temps de pratiquer ! Ces deux exercices vous permettront de le faire de manière progressive.
Partie 21
Les grilles avec CSS
Une autre fonctionnalité très puissante avec CSS : les grilles ! Nous apprendrons à les maîtriser jusqu'au bout des ongles dans cette partie.
Partie 22
Exerçons-nous sur les grilles
Apprendre à utiliser les grilles, cela se fait en pratiquant. Dans cette nouvelle partie, nous nous amuserons avec deux exercices qui nous permettront de montrer nos talents avec les grilles CSS.
Partie 23
Le responsive design
De nos jours faire un site internet adapté à tous les écrans (comme les smartphones) est une priorité. C'est ce qu'on appelle le "responsive design" et c'est exactement l'objectif de cette nouvelle partie.
Partie 24
Quiz interactif
Challenge : 1 question
Partie 25
Rendons notre site responsive
Maintenant que nous avons appris ce qu'est le responsive design, nous allons utiliser notre site internet sur les recettes de cuisine pour nous amuser à l'adapter aux périphériques divers et variés comme les téléphones ou les tablettes.
Partie 26
Techniques avancées
Pour tout ce qui ne rentre pas dans les autres parties, ces notions avancées vous permettront d'ajouter des lecteurs vidéos / audio mais aussi des tableaux et beaucoup d'autres fonctionnalités très intéressantes avec HTML et CSS.
Partie 27
Quiz interactif
Challenge : 1 question
Partie 28
Revoyons tout ce que nous venons d'apprendre
Un dernier petit exercice pour s'entraîner sur les notions avancées du HTML et CSS pour la route !
Partie 29
Les formulaires
Les formulaires sont à la base du web 2.0 : ils permettent à nos utilisateurs d'interagir avec notre site internet. Nous apprendrons ensemble à les utiliser sur nos projets dans cette nouvelle partie.
Partie 30
Quiz interactif
Challenge : 1 question
Partie 31
Entraînement sur les formulaires
Il est temps d'ajouter des formulaires sur nos projets !
Partie 32
Les variables et :root
Les variables sont des informations stockées pour être réutilisées plus tard. Imaginez définir une couleur principale pour votre site internet qui sera réutilisée partout : si demain vous changez votre couleur principale, cela serait plus pratique d'ajuster seulement un élément pour que tout se change automatiquement sur votre site internet, non ? C'est exactement l'objectif des variables ! Nous maîtriserons les variables CSS grâce à cette toute nouvelle partie.
Partie 33
HTML et les réseaux-sociaux
Préparer son site internet pour qu'il soit viral sur les réseaux-sociaux : ça vous tente ? C'est l'objectif ici.
Partie 34
Les inclassables
Tout ce qui est intéressant pour que vous puissiez être le meilleur développeur web que possible est disponible dans cette section.
Partie 35
Créons nos animations avec CSS
Les animations CSS sont tout ce qui donne un aspect professionnel à une page web : c'est essentiel pour un développeur de les connaître. Nous le ferons ensemble ici.
Partie 36
Générer des animations facilement
Qui a dit qu'un développeur avez l'obligation de tout faire seul ? Il peut également utiliser des outils pour l'aider ! C'est ce que nous verrons dans cette partie sur les outils pour créer nos animations CSS rapidement.
Partie 37
Quiz interactif
Challenge : 1 question
Partie 38
Entraînement aux animations
Maintenant que nous avons appris ce qu'est une animation CSS, nous nous amuserons ici avec deux exercices pour s'entraîner sur cette élément indispensable d'une page web.
Partie 39
Projet : Un portfolio professionnel pour nos réalisations
C'est ici que nous mettrons tout ce que nous avons découvert ensemble ! Nous réaliserons votre portfolio professionnel pour montrer vos réalisations aux yeux du monde : il s'agit d'un moment véritablement magique qui marquera une première étape dans vos compétences de développeur.
Partie 40
Conclusion
C'est ici qu'on prend nos mouchoirs pour se dire au revoir.
Décrochez votre certification
À la fin de cette formation, vous recevrez une certification attestant de vos compétences avec HTML et CSS si vous réussissez tous vos quizs.
Avis des apprenants sur notre formation HTML et CSS
4.9 / 5
1 749 avis (Trustpilot et Believemy)
C'est la meilleure formation développement web, superbe équipe. Merci. Vous m'avez apporté une expérience que je ne pensais pas y arriver.
Masyzarac A.
Développeur web vérifié par Trustpilot
Pour avoir fait beaucoup de formations en ligne, Believemy est au sommet ! Les cours sont en français, très bien expliqué, la pédagogie est vraiment top. De plus l'interface est intuitive et un petit QCM à chaque session souligne la qualité de l'apprentissage. J'ai pu réalisé un site de qualité grâce à Believemy et toutes les petites astuces que donne Louis Nicolas. C'est LA formation en ligne la plus aboutie.
Nicolas C.
Développeur web vérifié par Trustpilot
Prérequis
Aucun prérequis n'est nécessaire pour suivre cette formation. Venez les mains dans les poches.
Formateur
Louis-Nicolas Leuillet
FAQs
C'est quoi HTML et CSS ?
Combien de temps me faudra-t-il pour terminer cette formation ?
Faut-il respecter des horaires pour suivre la formation ?
Quel est le niveau requis pour suivre cette formation ?
Est-ce que je peux poser des questions si j'ai un problème ?
Est-ce que je recevrais un certificat à la fin de la formation ?
La formation est-elle à jour avec la dernière version ?
Pourquoi apprendre HTML et CSS alors que l'intelligence artificielle est en plein essor ?
Nos articles sur HTML et CSS
Comment devenir développeur web en 2025 : le guide ultime
Vous avez envie de changer de vie et vous avez pensé à devenir développeur web ? Mais vous ne savez pas par où commencer ? Ce guide ultime est là pour répondre à toutes vos questions.
Le guide complet sur Flexbox CSS
Vous êtes en train d'apprendre à utiliser Flexbox ? Vous cherchez comment utiliser Flexbox avec le CSS ? Vous ne savez pas comment fonctionne Flexbox ? Bienvenue sur le guide complet sur Flexbox CSS !
Les 6 métiers en télétravail les plus intéressants en 2025
Découvrez les 6 métiers en télétravail les plus intéressants en 2025. Développeur, community manager, monteur vidéo : explorez ces carrières flexibles et en forte demande.
Ces formations pourraient vous intéresser
Mettre son site en ligne facilement sur un hébergement web
Créez et hébergez votre site web avec Hostinger : facile, abordable et complet, avec e-mails personnalisés et bases du web décryptées.
Formation JavaScript
Créez des sites internet dynamiques grâce à notre formation JavaScript partant de zéro et explorez toutes les dernières nouveautées du langage de programmation le plus populaire des développeurs web.
Formation Python
Créez des jeux, des scripts, des bots et analysez des données avec l'un des langages de programmation les plus populaires au monde : Python ! Commencer
Découvrez notre glossaire HTML & CSS
Parcourez les termes et définitions les plus couramment utilisés dans le domaine du développement HTML et CSS.