article(s) dans votre panier VOIR

Un layout de site web responsive gérée par les Flexbox CSS

  • Vidéo 8 sur 9
  • 46:24 de formation
  • 9 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Un layout de site internet responsive géré par flexbox
00:00 / 07:18
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
14,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Détails de la formation

Dans ce cours en ligne lié à la mise en page responsive avec les Flexbox CSS, l’auteur vous apprend un layout de site internet responsive géré par Flexbox. L’objectif de cette formation consiste à organiser un layout à partir de Flexbox. Pour y parvenir, vous devez tout d’abord créer un fichier HTML. Dans ce dernier, vous ajoutez une base de code HTML. Cela fait, vous créez une Div nommée Container. Dans ce dernier, vous insérez un header, suivi d’un article et d’un footer. Vous spécifiez ensuite deux asides. En n’oubliant pas de remplir le header, l’article et le footer. Suite à cette action, vous créez une feuille de style CSS qui doit être lié à la page HTML. Par la suite, vous saisissez le code .container. Dans ce dernier, vous ajoutez un Display : flex. Vous utilisez ensuite la propriété Flex-flow, en lui donnant une valeur initiale Row Wrap. Ensuite de cela, vous indiquez les propriétés de header, article, aside ainsi que footer. En indiquant en premier la propriété Flex, qui a une valeur par défaut 1. Vous avez également la possibilité de définir la couleur de fond. Si vous souhaitez gérer l’ordre de ces éléments, vous pouvez utiliser la fonction Order. Pour conclure, vous savez maintenant gérer un layout à partir de Flexbox.