Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez les Flexbox CSS
Revoir le teaser Je m'abonne
DescriptionProgrammeAvis
5,0

Maîtrisez les Flexbox CSS - La mise en page responsive


24,90€ Je commande

À partir de
17€ /mois
Je m'abonne à Elephorm
Maîtriser la mise en page grâce à la flexbox issue du CSS 3

Apprenez à utiliser la flexbox CSS pour créer des mises en page responsive

La « flexbox », aussi appelée "boîte flexible" en français, est un module de mise en page issue du CSS 3

Le but est de donner à un élément contenant (container) la possibilité de changer les largeur et hauteur des éléments contenus (items) pour remplir au mieux tout l'espace et s'adapter aux différentes tailles d'écrans (PC, tablettes, smartphones). Un container flexible permet aux items de s'étendre pour occuper toute la place ou à l'inverse les diminue pour leur éviter de dépasser et ainsi s'adapter à tous les devices.  

Le modèle flexbox offre une amélioration du modèle Block pour créer facilement des mises en page responsive design.

Vous démarrez cette formation sur les flexbox CSS par l'apprentissage de l'environnement de travail de votre projet HTML 5 et CSS 3 pour utiliser les Flexbox

Vous apprenez ensuite à utiliser la propriété CSS flex flow qui permet de positionner un élément à l'aide de directions ; Le flex flow suit l'axe principal ou l'axe perpendiculaire. 

Le formateur vous montre comment aligner vos éléments horizontalement et verticalement, définir l'ordre des éléments, gérer le responsive design à l'aide des outils Flew grow et Shrink et aligner chacun des éléments indépendamment de l'ensemble.

Ce cours vidéo sur le flexbox CSS se poursuit par des exercices pratiques vous permettant de maîtriser parfaitement ce module flexbox. Vous effectuez un premier exercice pratique vous permettant de créer grâce à la flexbox une navigation de site internet responsive

Un deuxième exercice pratique vous apprend à créer avec la flexbox une mise en page (layout) de site internet reponsive.

Dans un dernier exercice pratique, vous réalisez une mise en page pour navigation mobile avec un en-tête (header) et un pied de page (footer) fixes.

Voir plus

Programme détaillé de la formation

Teaser de la formation
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
Achetez la formation ou abonnez-vous pour déverrouiller cette vidéo
1 commentaire
5,0
1 vote
5
4
3
2
1
alain_nogues
Il y a 2 mois
Commentaire
Très bon pédagogue
Explications claires
Ces formations vont vous intéresser

Apprendre CSS 3

Apprendre CSS 3

Apprendre CSS 3

Apprendre HTML 5

Apprendre HTML 5

Apprendre HTML 5

Maîtriser Materialize CSS

Maîtriser Materialize CSS

Maîtriser Materialize CSS

éditeur de vidéos pédagogiques
Des supports pédagogiques en vidéo, produits avec les meilleurs experts. Dans nos studios à Paris, Lyon ou Montpellier. Vous souhaitez travailler avec nous ?
image-micro