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.
All Levels
50 heures
4.9 / 5
1,749 reviews
31,563 learners
Overview
This course is not available in your language.
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.
Here’s what you will accomplish
Course Outline
Section 1
Introduction
Nous commencerons pas une brève introduction sur les prérequis pour suivre cette formation HTML et CSS.
Section 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.
Section 3
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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.
Section 6
Interactive Quiz
Challenge: 1 question
Section 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 !
Section 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.
Section 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.
Section 10
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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.
Section 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 !
Section 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.
Section 15
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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 !
Section 18
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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.
Section 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.
Section 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.
Section 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.
Section 24
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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.
Section 27
Interactive Quiz
Challenge: 1 question
Section 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 !
Section 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.
Section 30
Interactive Quiz
Challenge: 1 question
Section 31
Entraînement sur les formulaires
Il est temps d'ajouter des formulaires sur nos projets !
Section 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.
Section 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.
Section 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.
Section 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.
Section 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.
Section 37
Interactive Quiz
Challenge: 1 question
Section 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.
Section 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.
Section 40
Conclusion
C'est ici qu'on prend nos mouchoirs pour se dire au revoir.
Earn Your Certification
At the end of this course, you will receive a certification validating your skills in HTML et CSS if you successfully complete all quizzes.
Learner Reviews of Our HTML et CSS Course
4.9 / 5
1,749 reviews (Trustpilot and 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.
Web developer verified by 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.
Web developer verified by Trustpilot
Prerequisites
Aucun prérequis n'est nécessaire pour suivre cette formation. Venez les mains dans les poches.
Instructor
Louis-Nicolas Leuillet
FAQs
What is HTML and CSS?
How long will it take to complete this course?
Are there specific times I need to follow the course?
What level is required to take this course?
Can I ask questions if I have a problem?
Will I receive a certificate at the end of the course?
Is the course up-to-date with the latest version?
Why learn HTML et CSS when AI is on the rise?
Our articles on 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.
You Might Also Like These Courses
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
Discover our HTML & CSS glossary
Browse the most commonly used terms and definitions in the HTML and CSS field.