Description du cours
Les feuilles de style en cascade (CSS) ajoutent de la couleur, du style et de l'animation aux pages Web tout en permettant aux concepteurs de garder le formatage séparé du contenu.
Ce cours intermédiaire s'appuie sur les principes de base du CSS et vous apprend à donner vie à vos sites Web. Comme les appareils mobiles représentent désormais environ la moitié de tout le trafic Web, il est essentiel que les concepteurs Web sachent comment créer des pages Web responsives qui s'adaptent automatiquement à la taille de l'appareil de l'utilisateur. Dans ce cours, vous apprendrez à créer des menus à l'aide de l’en-tête CSS et de barres de navigation. Nous aborderons également les côtés latéraux, les fenêtres de contenu et les bas de page. Le reste du cours se concentrera sur les techniques de conception réactive, y compris la fenêtre d'affichage, la vue en grille, les conteneurs, les formulaires de style et les galeries d'images. À la fin de ce cours, vous serez en mesure de créer de belles pages Web qui se présentent parfaitement sur tous les appareils.
Objectifs du cours:
- Style des articles et des côtés latéraux
- Créer des pages en mode Grille
- Utiliser des barres de navigation uniques
- Utiliser des Keyframes pour contrôler l’animation
- Créez des formulaires remarquables
- Utilisez des requêtes médias
Compétences à acquérir:
- Conception de site Web
- Création de menus
- Perspective, transitions et animations
- Info-bulles pour les formulaires
- Galeries d'images
- Requêtes médias
Ce que vous allez apprendre
- Styliser les articles et les encarts (asides) pour structurer le contenu de la page
- Créer des mises en page réactives (responsive) en utilisant CSS Grid View
- Créer des barres de navigation, des menus, des en-têtes et des pieds de page uniques
- Contrôler l'animation en utilisant des images clés (keyframes)
- Concevoir des formulaires mémorables et stylisés
- Appliquer des requêtes multimédias (media queries) et des paramètres de zone d'affichage (viewport) pour un design réactif (responsive design) sur tous les appareils
Points clés à retenir
- Le CSS ajoute de la couleur, du style et de l'animation aux pages web tout en maintenant la mise en forme séparée du contenu.
- Ce cours de niveau intermédiaire s'appuie sur les fondamentaux du CSS pour donner vie aux sites web.
- Parce que les appareils mobiles représentent environ la moitié du trafic web, les concepteurs web doivent créer des pages réactives (responsive) qui s'adaptent à la taille de l'appareil de l'utilisateur.
- Le cours couvre les éléments de mise en page, notamment les menus, les barres de navigation, les encarts (asides), les fenêtres de contenu et les pieds de page.
- Les sujets liés au design réactif (responsive design) incluent la zone d'affichage (viewport), la vue en grille (grid view), les conteneurs, la stylisation des formulaires et les galeries d'images, afin que les pages s'affichent correctement sur tous les appareils.
Foire aux questions
À qui s'adresse ce cours ?
Il s'agit d'un cours intermédiaire destiné aux concepteurs web qui connaissent déjà les principes fondamentaux du CSS et souhaitent apprendre à donner vie à leurs sites web et à les rendre réactifs sur tous les appareils.
Que serai-je capable de faire après avoir terminé ce cours ?
À la fin du cours, vous serez capable de créer de magnifiques pages web qui s'affichent parfaitement sur tous les appareils, y compris la stylisation d'articles et d'encarts (asides), la construction de mises en page en grille, la création de barres de navigation et de formulaires, et le contrôle des animations avec des images clés (keyframes).
Quelles techniques de design réactif (responsive design) le cours couvre-t-il ?
Il couvre les techniques de design réactif, notamment le viewport (zone d'affichage), la vue en grille, les conteneurs, la stylisation des formulaires, les galeries d'images et les media queries (requêtes multimédias).
Quelles connaissances préalables dois-je avoir ?
Le cours s'appuie sur les principes fondamentaux du CSS ; il est donc destiné aux apprenants qui comprennent déjà les bases du CSS.
Quels sujets sont enseignés dans les leçons ?
Les leçons couvrent une introduction, la mise en page, le design réactif (responsive design), le design en grille (grid design), les menus, l'animation, les formulaires et les galeries d'images, et se terminent par une conclusion.
