Responsive Web Site avec CSS Grid & Flexbox
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h53
de formation
15
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Responsive Web Site avec CSS Grid & Flexbox

4.7/5 Trustpilot (1395 avis) Satisfait ou remboursé
1h53
de formation
15
leçons vidéo
1
chapitre

Dans ce tuto en vidéo nous allons réaliser un site web en utilisant les technologies CSS Grid et Flexbox.
Le but de ce tuto n'est pas tant de créer un site internet, mais d'apprendre à structurer une méthodologie de travail. En effet, le développement d'une page web devient de plus en plus complexe, il devient donc indispensable de travailler en utilisant des process ce qui permet ainsi de travailler efficacement !

Nous allons partir de 0 et monter tout un projet en nous consacrant à la méthodologie de travail.
Les technologies que nous allons utilisées dans ce tuto sont les suivantes :

  • HTML5
  • CSS-Grid
  • Flexbox
  • Les medias queries

Je mets également à votre disposition, l'ensemble des codes utilisé dans ce tuto.

En cas de besoin, je mets à votre disposition les cours suivants :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation de la maquette
Leçon 2
Mise en page HTML
Leçon 3
Mise en page CSS desktop
Leçon 4
Mise en page CSS smartphone
Leçon 5
Présentation du détail des zones
Leçon 6
Mise en place du header
Leçon 7
Mise en place de la section

Table des matières

Leçon 1

Présentation de la maquette

06m15
Leçon 2

Mise en page HTML

06m54
Leçon 3

Mise en page CSS desktop

08m45
Leçon 4

Mise en page CSS smartphone

05m12
Leçon 5

Présentation du détail des zones

03m10
Leçon 6

Mise en place du header

16m10
Leçon 7

Mise en place de la section

06m14
Leçon 8

Mise en place de la nav

13m27
Leçon 9

Mise en place du footer

11m04
Leçon 10

Mise en place de la zone article 1/4

09m26
Leçon 11

Mise en place de la zone article 2/4

09m27
Leçon 12

Mise en place de la zone article 3/4

07m03
Leçon 13

Mise en place de la zone article 4/4

07m37
Leçon 14

Conclusion

02m35
Leçon 15

Pour aller plus loin

36s

Avis des apprenants

Détail des avis
191
Apprenants
16
Commentaires
5/5
Note moyenne
5/5
15
4/5
1
3/5
0
2/5
0
1/5
0
Fred Andenas
Fred Andenas
Publié le 19/02/2026
J'apprécie vraiment la façon de structurer la construction d'une page en pratiquant l'entonnoir. On a la base pour opérer le début du développement d'un site.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Guy Saenen
Guy Saenen
Publié le 08/11/2025
Très bon mais parfois peut-être un peu rapide si on veux faire l'exercice en parallèle. Guy
Carl Brison
Carl Brison
Merci à vous, Guy.
Simon Costa
Simon Costa
Publié le 19/07/2025
Excellent tuto sincérement et oui comme indiqué dans la conclusion , j'ai fais de mon côté une version grid du site. je trouvais grid plus simple d'utilisation.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Simon ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source complet de ce tuto.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h53 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 784 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.7/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données