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€
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

Plan détaillé du cours

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
285
Apprenants
15
Commentaires
5/5
Note moyenne
5/5
14
4/5
1
3/5
0
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 03/07/2024
Maintenant, il ne reste plus qu'à avoir des idées pour utiliser tout ça. Merci
Carl Brison
Carl Brison
Merci à vous ;-)
Valérie Caruana
Valérie Caruana
Publié le 31/05/2024
Bon entrainement et mise en application des flexboxes. Ce tuto apprend aussi la méthode d'organisation dans le fichier CSS et le balisage méthodique .
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Guillaume Duval
Guillaume Duval
Publié le 05/01/2024
trés bien construit et expliqué
Carl Brison
Carl Brison
Merci beaucoup ;-)

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,00 €
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 1422 tutos gratuits

Notre politique de protection des données