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

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

Carl Brison
17,99€
klarna-condensed
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 1Présentation et préparation du travail
12m09
Leçon 2Mise en place du HEADER et du FOOTER
09m35
Leçon 3Travail complet sur le HEADER 1/2
12m51
Leçon 4Travail complet sur le HEADER 2/2
14m13
Leçon 5Travail complet sur le FOOTER 1/2
11m16
Leçon 6Travail complet sur le FOOTER 2/2
12m09
Leçon 7Travail complet sur le MAIN 1/3
14m45
Leçon 8Travail complet sur le MAIN 2/3
13m36
Leçon 9Travail complet sur le MAIN 3/3
05m16
Leçon 10Conclusion
01m47

Aperçus

Avis des apprenants

Détail des avis
307
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
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
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
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

CSS 3, HTML 5

Que contient le fichier source ?

L'ensemble des codes de ce tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 17,99 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1409 tutos gratuits

Notre politique de protection des données