Formation HTML et CSS

Mise à jour : 2025
50 heures
Projets
Quiz

Apprenez HTML & CSS : la formation inclut Sass, les Flexbox, les grilles et de nombreux projets. De débutant à expert.

4.8

2510 avis

44 382

inscrits

Les notions abordées dans la formation

Apprenez HTML 5, les derniers standards du web pour des sites modernes.
Maîtrisez CSS 3, la version la plus avancée de CSS pour un design élégant.
Créez des pages totalement responsives adaptées aux tablettes et mobiles.
Comprenez les derniers modules CSS comme Flexbox et CSS Grid pour des mises en page flexibles.
Apprenez Sass, le préprocesseur CSS le plus utilisé en entreprise.
Développez le site d’un café et celui d’une agence immobilière avec des techniques professionnelles.
Réalisez des mises en page complexes, inspirées de plateformes comme Medium.
Construisez et mettez en ligne un CV responsive pour booster votre carrière.

Que sont HTML et CSS

HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont les deux piliers essentiels du développement web. Ils constituent la base de tous les sites Internet, car ils sont deux des trois langages fondamentaux interprétés par les navigateurs web. HTML structure le contenu de vos pages, tandis que CSS gère leur apparence visuelle, permettant de créer des sites esthétiques et fonctionnels.

Ces langages sont incontournables pour tout développeur front-end. Il est important de noter que le HTML n'est pas un langage de programmation, mais un langage de balisage. Avec l'évolution constante du web, de nouvelles fonctionnalités sont introduites chaque année, rendant ces langages toujours plus puissants et flexibles.

Dans cette formation, vous apprendrez à maîtriser les langages HTML et CSS en partant des bases jusqu'à un niveau avancé. Vous découvrirez comment utiliser les modules CSS les plus modernes, tels que Flexbox et CSS Grid, pour créer des mises en page dynamiques et responsive, adaptées à tous les appareils, des ordinateurs de bureau aux mobiles.

En adoptant les dernières tendances et innovations en CSS, vous serez en mesure de concevoir des sites web performants et compétitifs, essentiels pour rester à la pointe du développement web. Rejoignez-nous et améliorez vos compétences pour devenir un développeur web recherché.

Les prérequis pour suivre cette formation

Aucune connaissance préalable n'est requise pour suivre cette formation.

Obtenez un certificat de réussite

Pour chaque formation que vous accomplirez, vous obtiendrez une certification que vous pourrez partager sur Linkedin.

Projets réalisés pendant la formation

Nous utiliserons uniquement les bases pour notre premier projet. Un site pour un café.

Plan de la formation

Afficher tout

Chapitre 1 : Introduction et outils
4 leçons 00:49:52
- A l'abordage
- Mise en place de l'environnement
- Comment fonctionne Internet
- A quoi sert le HTML et le CSS ?
Chapitre 2 : Les bases du HTML
11 leçons 02:50:08
- Liens hypertextes et images
- Les commentaires, et les principaux éléments HTML
- Les formulaires
- Présentation du chapitre
- Les éléments sémantiques
- Listes et tableaux
- Les éléments div et span
- Éléments en ligne et éléments de bloc
- Structure d'une page HTML
- Les attributs HTML et les métadonnées
- Affichage d'une page HTML
Chapitre 3 : Les bases du CSS
17 leçons 04:25:18
- Les pseudo-classes et les curseurs
- Le modèle de la boite CSS
- La position
- Les classes, les ids et les sélecteurs
- L'alignement horizontal et les boîtes flottantes
- Les couleurs
- Définir la taille des éléments
- La propriété display
- Visibilité, overflow et Z-index
- Les unités en CSS
- Utiliser l'inspecteur des navigateurs
- Présentation du chapitre
- Les bordures
- Mise en forme du texte
- Déclarer des règles CSS
- Les arrière-plans
- Ordre d'application du CSS
Chapitre 4 : Projet 1 : Café Florette
7 leçons 02:24:24
- Mise en place des détails
- Mise en place de la page de contact
- Mise en place de la page de localisation
- Suite et fin de la page d'accueil
- Mise en place de la partie centrale
- Mise en place du header
- Présentation du projet
Chapitre 5 : Créer des pages responsive
5 leçons 01:27:04
- Les unités relatives vh et vw
- Les unités relatives em et rem
- Introduction au chapitre
- Les media queries
- Rendre notre projet responsive
Chapitre 6 : Les boîtes flexibles avec display: flex
5 leçons 01:29:03
- Les propriétés des éléments flexibles
- Exemple d'une mise en page avec les boîtes flexibles
- L'alignement et la propriété stretch
- Les container flexibles, la direction, les propriétés wrap et flow
- Introduction aux boîtes flexibles
Chapitre 7 : Projet 2 : Agence Ledor
8 leçons 02:39:08
- Mise en place de la section contact et du footer
- Mise en place du header
- Présentation du second projet
- Mise en place de la partie avis
- Mise en place du contenu
- Mise en place de la seconde partie du contenu
- Mise en place de la troisième partie
- Rendre la page responsive
Chapitre 8 : CSS avancé
11 leçons 02:19:25
- La fonction CSS calc()
- Les transitions
- Les animations
- Les pseudo-éléments
- Les filtres et l'opacité
- Les pseudo-classes avancées
- La fonction linear-gradient()
- Les sélecteurs avancés
- La propriété transform
- Les propriétés box-shadow et text-shadow
- Les variables
Chapitre 9 : Les grilles avec display: grid
10 leçons 02:19:29
- Les bases des grilles
- Introduction aux grilles CSS
- Les zones
- Positionnement des éléments avec les numéros de ligne
- Exemple de grille avancé
- Alignement d'un élément
- Les fonctions de grille
- L'alignement automatique des éléments
- Les grilles et les requêtes médias
- L'alignement des éléments et des pistes
Chapitre 10 : Projet 3 : Medium
9 leçons 02:36:36
- Mise en place des contenus populaires
- Mise en place de l'espace publicitaire
- Présentation du projet
- Mise en place
- Mise en place de la section pour les articles
- Mise en place du contenu principal
- Mise en place de la barre de navigation
- Rendre le projet responsive
- Mise en place du header
Chapitre 11 : Sass
7 leçons 01:59:40
- Les variables et les partials
- Les fonctions
- L'imbrication
- L'héritage
- Les mixins
- Installation de Sass sur Linux
- Présentation de Sass
Chapitre 12 : Projet 4 : CV
10 leçons 02:30:49
- Ajout d'animations
- Rendre le projet responsive
- Mise en place du header
- Mise en place des parties sociale et présentation
- Mise en place du projet
- Mise en place des parties contact et éducation
- Mise en place de la partie contact
- Mise en place des parties skills et langues
- Présentation du projet
- Mise en place de la partie expérience
Chapitre 13 : Déploiement d'un site Web avec Netlify
6 leçons 01:00:29
- Utilisation de GitHub
- Introduction au déploiement d'un site Web
- Utilisation de Git
- Récupérer des données envoyées par l'utilisateur avec Netlify
- Achat d'un nom de domaine sur OVH
- Utilisation de Netlify

Également inclus dans cette formation

Flexbox et Grilles

Flexbox et CSS Grid sont des outils essentiels en CSS pour créer des mises en page modernes et responsives. Flexbox permet d'aligner et de distribuer les éléments de manière efficace, tandis que CSS Grid offre un contrôle précis sur la disposition de tous les éléments HTML. Ces technologies sont incontournables dans le développement web d'aujourd'hui.
Responsive

Avec l'omniprésence des smartphones et tablettes, il est crucial que les sites soient entièrement responsives. Apprenez à maîtriser les unités CSS (px, rem, em, %) et les requêtes médias pour garantir une adaptabilité parfaite sur tous les écrans. Nos projets pratiques vous guideront pour créer des sites web fluides et performants, quel que soit l'appareil utilisé.
Sass

Sass est un préprocesseur CSS qui ajoute des fonctionnalités avancées telles que les variables, mixins, et imbrications, transformant le code en CSS standard compatible avec tous les navigateurs. Découvrez comment Sass peut optimiser votre flux de travail et améliorer la maintenabilité de votre code.

Évaluations et avis sur la formation HTML & CSS

4.8

2510 avis

J'ai été agréablement surpris par la qualité de cette formation HTML et CSS. Les explications sont claires et bien structurées, ce qui rend l'apprentissage du développement web accessible, même pour les débutants. Le projet du site de Café m'a permis d'appliquer immédiatement les concepts, consolidant ainsi mes connaissances. Je recommande cette formation à toute personne souhaitant maîtriser les bases du web.
Pauline G.Étudiant(e) vérifié(e)
Cette formation m'a offert une compréhension approfondie du HTML et du CSS, en particulier dans l'utilisation des grilles et des flexbox. Le formateur a su rendre des concepts complexes comme les media queries très accessibles. Grâce à cette formation, je suis désormais capable de créer des sites web responsives et modernes.
Antoine R.Étudiant(e) vérifié(e)
Une formation extrêmement complète et bien organisée. Les sections sur le projet du site d'agence et l'utilisation de Sass m'ont particulièrement aidé à améliorer mes compétences. Les exercices pratiques sont bien pensés pour une application immédiate des notions apprises, ce qui rend cette formation idéale pour ceux qui souhaitent aller au-delà des bases et devenir des développeurs web compétents.
Elisa M.Étudiant(e) vérifié(e)

Ces entreprises offrent cette formation à leurs collaborateurs

Questions fréquemment posées sur la formation HTML & CSS

À quoi sert HTML et CSS ?

HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont les langages fondamentaux du développement web. HTML structure le contenu de vos pages web, tandis que CSS contrôle leur apparence, en définissant la mise en page, les couleurs, les polices, et bien plus. Ces langages sont utilisés pour créer des sites web modernes, attrayants et responsive, compatibles avec tous les navigateurs et appareils. Maîtriser HTML et CSS est indispensable pour quiconque souhaite devenir développeur web.

La formation HTML et CSS est-elle accessible aux débutants ?

Oui, cette formation est parfaitement adaptée aux débutants. Elle commence par une introduction aux bases de HTML et CSS, expliquant leur rôle dans la création de sites web. Vous apprendrez à structurer vos pages web et à styliser vos éléments en utilisant les dernières techniques, comme Flexbox et CSS Grid. Aucun prérequis technique spécifique n'est nécessaire, et chaque étape est expliquée de manière claire et progressive pour vous permettre de monter en compétences à votre rythme.

La formation HTML et CSS est-elle en ligne ou en présentiel ?

La formation HTML et CSS est entièrement en ligne, vous offrant la flexibilité d'apprendre où et quand vous le souhaitez. Vous pouvez accéder aux cours et aux projets pratiques depuis n'importe quel appareil, à tout moment. Chaque module est accompagné de vidéos explicatives, de ressources écrites, et de projets concrets pour vous permettre de mettre immédiatement en pratique ce que vous apprenez.

Quelles compétences vais-je acquérir grâce à cette formation HTML et CSS ?

Maîtrise des bases du HTML pour structurer vos pages web.
Utilisation avancée du CSS pour créer des designs attractifs et responsives.
Compétences en création de mises en page modernes avec Flexbox et CSS Grid.
Capacité à développer des sites web responsives adaptés à tous les écrans, des ordinateurs aux mobiles.
Connaissance des préprocesseurs comme Sass pour améliorer la maintenabilité de vos styles CSS.

La formation est-elle à jour avec les dernières technologies HTML et CSS ?

Oui, la formation est régulièrement mise à jour pour inclure les dernières fonctionnalités et bonnes pratiques en HTML et CSS. Vous apprendrez à utiliser les modules CSS les plus récents, comme Flexbox et CSS Grid, ainsi que les nouvelles techniques de design web. Cette formation vous assure de rester à jour avec les technologies actuelles, ce qui est essentiel pour un développeur web moderne.

Y a-t-il des travaux pratiques dans la formation HTML et CSS ?

Absolument, cette formation est riche en travaux pratiques. Vous réaliserez plusieurs projets, dont la création du site d'un café et celui d'une agence immobilière. Ces projets vous permettent d'appliquer les concepts théoriques en situation réelle, vous aidant à consolider vos compétences et à créer des sites web professionnels, prêts à être déployés.

Comment cette formation HTML et CSS m'aidera-t-elle dans ma carrière ?

Maîtriser HTML et CSS vous ouvrira de nombreuses opportunités dans le développement web. Que vous souhaitiez devenir développeur front-end ou web designer, cette formation vous donnera les compétences nécessaires pour créer des sites web modernes, esthétiques et fonctionnels. Les compétences acquises vous rendront compétitif sur le marché du travail, vous permettant de travailler sur des projets variés allant des sites personnels aux applications web d'entreprise.

Le contenu de la formation HTML et CSS est-il suffisant pour un projet complet ?

Oui, cette formation HTML et CSS est parfaitement conçue pour vous guider dans la création de projets web complets. Vous apprendrez à développer des sites web robustes en utilisant les meilleures pratiques de HTML et CSS. Les projets inclus, tels que la création d'un site de café et d'une agence immobilière, vous fourniront l'expérience nécessaire pour construire des sites professionnels de bout en bout.

La formation vous enseigne les bases indispensables pour créer une page web avec HTML et CSS. Avec le langage HTML, vous apprendrez à structurer le contenu de vos pages web à travers des éléments HTML tels que les titres, paragraphes, listes, et images. Vous serez également guidé dans l'utilisation des attributs HTML, des métadonnées, et des liens hypertextes pour naviguer efficacement entre les pages web. De plus, la formation couvre les dernières fonctionnalités de HTML5, vous permettant de créer des sites internet modernes et performants.

Côté CSS, vous découvrirez comment styliser ces éléments pour rendre votre site web visuellement attrayant, en maîtrisant la mise en forme du texte, la gestion des couleurs, et la création de mises en page flexibles avec Flexbox et CSS Grid. Vous apprendrez également à rendre vos sites entièrement responsives, garantissant une compatibilité optimale sur toutes les tailles d'écran, de la simple page web aux sites web complets et professionnels.