Ayez le bon réflexe CSS, utilisez la technologie Flexbox !
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h47
de formation
10
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Ayez le bon réflexe CSS, utilisez la technologie Flexbox !

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

Pour ce tuto vidéo, nous allons réaliser une page web 100% responsive en utilisant la technologie des flexbox du CSS 3.
La connaissance des flexbox est indispensable pour pouvoir suivre ce tuto. En cas de besoin, je mets à votre disposition mon tuto dédié à l'apprentissage complet des flexbox.

Comme dans le monde professionnel, nous partirons d'un cahier des charges (ici, nous nous servirons d'une page web du site de tuto.com en guise de support), et nous devrons quoiqu'il arrive, respecter ce cahier des charges.

Et pour cela nous devrons non seulement avoir des connaissances théoriques mais aussi et surtout savoir les appliquer efficacement !
 

Dans ce tuto, nous ne nous préoccuperons pas de la forme mais du fond !

Nous appliquerons toutes nos connaissances des flexbox pour pouvoir réaliser cette page web 100% responsive, après avoir définis les points de rupture. La théorie informatique c'est bien et nécessaire, mais de savoir l'appliquer correctement c'est indispensable.

Pour évoluer en informatique, il n'y a pas d'autres secrets que la pratique !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Les fichiers de travail sont fournis avec le cours, de même qu'un QCM. Ce dernier vous permettra de valider vos compétences.

PS: Je préconise quelques petites connaissances en HTML ainsi qu'en CSS pour pouvoir bien apprécier ce cours .
Je mets à votre disposition une formation complète sur l'apprentissage du HTML5 & CSS3.

Bonne formation !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation et préparation du travail
Leçon 2
Mise en place du HEADER et du FOOTER
Leçon 3
Travail complet sur le HEADER 1/2
Leçon 4
Travail complet sur le HEADER 2/2
Leçon 5
Travail complet sur le FOOTER 1/2
Leçon 6
Travail complet sur le FOOTER 2/2
Leçon 7
Travail complet sur le MAIN 1/3

Table des matières

Leçon 1

Présentation et préparation du travail

12m09
Leçon 2

Mise en place du HEADER et du FOOTER

09m35
Leçon 3

Travail complet sur le HEADER 1/2

12m51
Leçon 4

Travail complet sur le HEADER 2/2

14m13
Leçon 5

Travail complet sur le FOOTER 1/2

11m16
Leçon 6

Travail complet sur le FOOTER 2/2

12m09
Leçon 7

Travail complet sur le MAIN 1/3

14m45
Leçon 8

Travail complet sur le MAIN 2/3

13m36
Leçon 9

Travail complet sur le MAIN 3/3

05m16
Leçon 10

Conclusion

01m47

Aperçus

Avis des apprenants

Détail des avis
320
Apprenants
19
Commentaires
5/5
Note moyenne
5/5
18
4/5
1
3/5
0
2/5
0
1/5
0
Fred Andenas
Fred Andenas
Publié le 21/11/2025
tuto très riche et bien présenté !!!
Carl Brison
Carl Brison
Merci beaucoup Fred, c'est très gentil ;-)
Marc Le Person
Marc Le Person
Publié le 18/11/2025
Bien bien ce Tuto, explicite et clair.
Carl Brison
Carl Brison
Merci beaucoup, c'est vraiment très gentil ;-)
Lionel Morlot
Lionel Morlot
Publié le 27/06/2025
Excellent TP, tout comme les tutos précédents : simple, précis et clair. Merci.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Que contient le fichier source ?

L'ensemble des codes 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
17,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h47 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