Série CSS intermédiaire

Name: Série CSS intermédiaire
Author: Cliff Brozo

Se lancer dans les formations intermédiaires de CSS

Preview the first lesson free — get full access to all 24 lessons.

Cours : à la demande

(musique entraînante) Bienvenue à KnowledgeCity, et notre cours sur les feuilles de style en cascade. Je m'appelle Cliff Brozo, et ceci est un cours de niveau intermédiaire. Ce qui signifie que nous allons nous attendre à ce que vous sachiez juste un peu sur CSS. Si vous n'êtes pas sûr, vous voudrez peut-être visiter notre cours pour débutants, et rafraîchissez les choses dont vous ne vous souvenez peut-être pas. Dans notre cours intermédiaire, nous allons parler de la mise en page du site Web, en utilisant des feuilles de style en cascade. Nous parlerons de la destination des en-têtes. Comment styliser nos barres de navigation? Qu'est-ce qu'un aparté et qu'est-ce qui s'y passe? Nous savons sûrement ce qui se passe dans la fenêtre de contenu. C'est du contenu, mais quel genre de contenu? Et que devrions-nous mettre dans un pied de page, et à quoi devrait-il ressembler? Une grande partie de notre cours va discuter techniques de conception réactive. Nous voulons créer nos sites Web pour que, quel que soit l'appareil utilisé par l'utilisateur, il s'adaptera à leur écran. Nous allons devoir discuter de ce qu'est la fenêtre, et comment nous analysons quel utilisateur utilise quel appareil. Nous parlerons, vue de la grille, et comment utiliser CSS pour mettre en page nos pages. Et nous discuterons des conteneurs. Ce sont les choses dans lesquelles nous mettons les choses. Lorsque nous discutons de la disposition de la grille, nous allons tourner un code compliqué, et nous le transformerons en quelque chose qui a du sens. Nous vous donnerons un visuel, création de menus déroulants, pour la navigation, devient facile et a l'air vraiment sympa lorsque nous le stylisons en CSS. Nous parlerons des formes de style, donnez-leur un aspect attrayant afin que les gens veuillent les compléter. Facilitez-leur le remplissage du formulaire. Parlez des différentes barres de progression et comment nous pouvons utiliser un curseur pour permettre à l'utilisateur de savoir, jusqu'où ils sont allés. Finalement, nous discuterons d'une galerie d'images, et comment nous pouvons afficher nos photographies, dans un joli format. Si l'utilisateur consulte notre site Web sur un ordinateur de bureau, ils peuvent voir quelque chose qui ressemble à ceci, divisé en quatre colonnes différentes. Mais s'ils ont une tablette, ce n'est pas aussi large. Donc, ils peuvent obtenir quelque chose comme ça. Et s'ils ont leur téléphone, ils peuvent obtenir quelque chose comme ça. Tout cela est fait avec CSS, et aucune modification du site Web. Alors, J'espère que tu vas me rejoindre dans ce voyage, et nous allons, non seulement apprendre comment les choses fonctionnent, mais pourquoi ils fonctionnent. Je te verrai dans la prochaine leçon.

Intermédiaire Fournisseur : Cliff Brozo 7 chapitres · 24 leçons · 2h 20m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

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:

Compétences à acquérir:

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.