Description du cours
Ce cours aborde les techniques de conception réactive avec CSS. Cela garantit que les pages Web s'adapteront à l'écran de tout appareil que vous utilisez : téléphone, tablette ou ordinateur de bureau. Vous apprendrez ce qu'est la fenêtre d'affichage et comment déterminer le périphérique utilisé. Vous examinerez également la grille de visualisation, les requêtes média, les conteneurs et la manière d'utiliser les CSS pour mettre les pages en page.
Ce que vous allez apprendre
- Naviguer dans la zone d'affichage (viewport) et déterminer quel appareil est utilisé
- Appliquer des requêtes multimédias (media queries) et des conteneurs pour adapter les mises en page aux différents appareils
- Mettre en pratique la vue en grille CSS (CSS grid view) pour la mise en page
- Utiliser CSS pour mettre en page afin qu'elles s'adaptent aux écrans de téléphones, de tablettes et d'ordinateurs de bureau
- Créer des conceptions web réactives avec des frameworks HTML et CSS réactifs
Points clés à retenir
- Le design réactif (responsive design) avec CSS garantit que les pages web s'adaptent à l'écran de n'importe quel appareil utilisé, que ce soit un téléphone, une tablette ou un ordinateur de bureau.
- Le cours explique ce qu'est la zone d'affichage (viewport) et comment déterminer quel appareil est utilisé.
- Il examine la vue en grille (grid view), les requêtes multimédias (media queries) et les conteneurs en tant qu'outils de mise en page.
- Le cours aborde l'utilisation de CSS pour concevoir des pages de manière réactive (responsive).
Foire aux questions
Que couvre ce cours ?
Il couvre les techniques de design réactif avec CSS, notamment le viewport (zone d'affichage), la détermination de l'appareil utilisé, la vue en grille (grid view), les requêtes multimédias (media queries), les conteneurs et l'utilisation de CSS pour structurer les pages.
Que vais-je apprendre à faire ?
Vous apprendrez à naviguer dans le viewport, à explorer les requêtes multimédias et les conteneurs, et à mettre en pratique la vue en grille.
Pourquoi le design réactif (responsive design) est-il important ?
Le design réactif garantit que les pages web s'adaptent à l'écran de l'appareil que vous utilisez, qu'il s'agisse d'un téléphone, d'une tablette ou d'un ordinateur de bureau.
Comment le cours est-il structuré ?
Le cours est divisé en quatre leçons : Design réactif Partie 1 à Partie 4 (Responsive Design Part 1 through Part 4).
Quelles compétences ce cours permet-il de développer ?
Il développe des compétences en codes CSS, frameworks CSS, CSS Grid, CSS orienté objet, HTML réactif et conception web réactive (Responsive Web Design).
