KnowledgeCity

CSS : conception avec Grid

Comment comprendre et utiliser la conception de grilles
Regardez la première leçon gratuitement — accédez aux 4 leçons complètes.

To view this video please enable JavaScript.

Cours : À la demande
Intermédiaire  Fournisseur Cliff Brozo  4 Leçons ·  23m  en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinois simplifié 

Description du cours

Dans ce cours, vous examinerez la mise en page et la conception de la grille, en prenant un code compliqué et en le convertissant en quelque chose qui a du sens visuellement, afin que vous puissiez mieux comprendre ce que vous faites. Vous aurez la possibilité de manipuler la disposition de la grille, d'apprendre à utiliser des conteneurs et de déterminer quels éléments placer dans quelle zone de la grille que vous créez. La disposition en grille est une partie importante du CSS et un outil essentiel pour donner vie à vos sites Web.

Ce que vous allez apprendre

  • Concevoir une mise en page en grille (grid layout) en CSS
  • Explorer les outils disponibles pour la conception de grilles
  • Utiliser des conteneurs pour structurer les mises en page en grille
  • Déterminer les éléments à placer dans chaque zone de la grille
  • Créer des menus attrayants avec CSS Grid
  • Styliser des articles et des encarts (asides) au sein d'une grille

Points clés à retenir

  • Le cours convertit le code de grille complexe en quelque chose qui a du sens visuellement, afin que les apprenants comprennent mieux ce qu'ils font.
  • Les apprenants s'exercent à manipuler la mise en page en grille et à utiliser des conteneurs pour organiser le contenu.
  • La mise en page en grille (grid layout) est présentée comme une partie importante du CSS et un outil essentiel pour donner vie aux sites web.
  • Le cours couvre le placement d'éléments dans des zones spécifiques d'une grille et la stylisation d'éléments tels que les menus, les articles et les encarts (asides).

Foire aux questions

Que vais-je apprendre dans ce cours ?

Vous examinerez la mise en page et la conception en grille, manipulerez la mise en page en grille, apprendrez à utiliser des conteneurs et déterminerez quels éléments placer dans quelle zone de la grille. Les objectifs incluent la conception d'une grille en CSS, l'exploration des outils de conception de grille, la création de menus attrayants et la stylisation des articles et des encarts (asides).

Comment le cours est-il structuré ?

Le cours est organisé en quatre leçons : Conception en grille Partie 1 (Grid Design Part 1), Conception en grille Partie 2, Conception en grille Partie 3 et Conception en grille Partie 4.

Quelles compétences ce cours couvre-t-il ?

Il couvre les codes CSS, les frameworks CSS, CSS Grid, le système de grille, la mise en page en grille et le CSS orienté objet.

Pourquoi l'apprentissage de la mise en page en grille est-il important ?

La mise en page en grille est une partie importante du CSS et un outil essentiel pour donner vie à vos sites web.