Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 5 modules dans ce cours
Le web d'aujourd'hui est presque méconnaissable par rapport aux premiers jours des pages blanches avec des listes de liens bleus. Aujourd'hui, les sites sont conçus avec des mises en page complexes, des polices de caractères uniques et des jeux de couleurs personnalisés. Ce cours vous montrera les bases des feuilles de style en cascade (CSS3). L'accent sera mis sur l'apprentissage de l'écriture des règles CSS, sur le test du code et sur l'établissement de bonnes habitudes de programmation.
Lorsqu'elle est réalisée correctement, la mise en forme d'une page web peut la mettre en valeur. Lorsqu'il est mal fait, le résultat peut être pire que l'absence de style. Pour vous assurer que vos sites n'érigent pas d'obstacles pour les personnes souffrant de handicaps cognitifs et/ou physiques, vous apprendrez à évaluer les pages à l'aide des directives d'accessibilité standardisées POUR. À l'issue du cours, les apprenants seront en mesure d'esquisser un design pour une page HTML donnée. À partir de ce dessin, ils utiliseront le CSS pour mettre en œuvre le dessin en ajoutant des polices, des couleurs et des mises en page.
Il s'agit du deuxième cours de la spécialisation Web Design For Everybody. Les cours suivants se concentrent sur l'ajout d'interactions avec JavaScript et l'amélioration du style avec Responsive Design. Il sera difficile de suivre ce cours si vous n'avez pas accès à un ordinateur portable ou à un ordinateur de bureau pour les devoirs.
Bienvenue dans le cours Introduction à CSS3 ! Dans ce cours, vous apprendrez à styliser vos pages en tirant parti de la puissance de CSS3. Nous nous concentrerons à la fois sur la syntaxe appropriée (comment écrire vos règles de style) et sur l'importance de l'accessibilité (s'assurer que votre style améliore votre site, et ne le rend pas plus difficile à naviguer). Il est très important que vous soyez prêt à faire des erreurs et des fautes de frappe dans ce cours. La seule façon de vraiment comprendre le matériel est de s'entraîner à le taper soi-même aussi souvent que possible.
Inclus
15 vidéos8 lectures1 devoir1 évaluation par les pairs1 élément d'application
Afficher les informations sur le contenu du module
15 vidéos•Total 118 minutes
Introduction à CSS3•6 minutes
Démarrer avec GitHub•5 minutes
Télécharger et téléverser du code avec VSCode et GitHub•4 minutes
Copier du code avec GitHub Codespaces•4 minutes
Téléchargement vers les pages GitHub•8 minutes
Révision : Publier votre site•5 minutes
Feuilles de style CSS (CSS)•8 minutes
Examen de la "mise en cascade" des feuilles de style CSS•8 minutes
Couleurs•9 minutes
Mise en forme de votre texte•12 minutes
Code Together : Appliquer un style•11 minutes
Affichage et visibilité - Partie 1•12 minutes
Affichage et visibilité - Partie 2•8 minutes
Code Together : La propriété Display•5 minutes
Description du premier devoir•13 minutes
8 lectures•Total 56 minutes
Syllabus du cours•10 minutes
Enquête préalable au cours•5 minutes
Ressources•5 minutes
Construire votre première page web•10 minutes
Codage précoce•3 minutes
Placement du code•5 minutes
Description du premier devoir•15 minutes
Introduction à la galerie Gamut•3 minutes
1 devoir•Total 30 minutes
Syntaxe et théorie du stylisme•30 minutes
1 évaluation par les pairs•Total 120 minutes
Premier travail : mise en forme de votre première page•120 minutes
1 élément d'application•Total 10 minutes
Premier devoir : présentation facultative d'une galerie•10 minutes
Deuxième semaine : Sélecteurs avancés, affichage et conception pour l'accessibilité
Module 2•5 heures à terminer
Détails du module
Les couleurs et les polices ne sont qu'un début pour styliser votre page. L'avantage de commencer par ces propriétés est qu'elles sont généralement très simples à mettre en œuvre. Vous choisissez une couleur et vous obtenez instantanément les résultats escomptés. Cette semaine, vous en apprendrez davantage sur ce qu'on appelle la propriété display. Si vous avez suivi le cours HTML avec nous, vous savez que certains éléments (comme les images) peuvent être affichés côte à côte sur l'écran, tandis que d'autres (comme les paragraphes) sont placés les uns en dessous des autres. J'aime beaucoup montrer aux gens les propriétés grid et flex pour leur donner un peu plus de pouvoir sur l'emplacement des éléments à l'écran. Après avoir appris à styliser les liens et les listes, nous aborderons des sélecteurs plus avancés. Avez-vous déjà remarqué sur une page web que certains liens sont bleus et d'autres violets, selon que vous avez cliqué ou non sur ces liens ? Comment est-il possible de styliser certaines balises d'ancrage et pas d'autres ?
Inclus
10 vidéos10 lectures1 devoir1 évaluation par les pairs1 élément d'application
Afficher les informations sur le contenu du module
10 vidéos•Total 84 minutes
Affichage : Grille•9 minutes
Affichage : Flex•7 minutes
Liens et listes stylisés•12 minutes
Sélecteurs avancés•10 minutes
Sélecteurs d'attributs•3 minutes
Code Together : Navigation•11 minutes
Capacités du navigateur•11 minutes
Code Together : Images d'arrière-plan et opacité•7 minutes
Concevoir pour l'accessibilité•7 minutes
Description du deuxième devoir•7 minutes
10 lectures•Total 92 minutes
Ressources•1 minute
Affichage : Grille•20 minutes
Affichage : Flex•20 minutes
Révision du DOM•5 minutes
Règles de sténographie•5 minutes
Paramètres par défaut du navigateur•10 minutes
Navigateurs•1 minute
Images d'arrière-plan et opacité•5 minutes
Ressources complémentaires•10 minutes
Description du deuxième devoir•15 minutes
1 devoir•Total 35 minutes
Quiz sur les sélecteurs avancés•35 minutes
1 évaluation par les pairs•Total 75 minutes
Deuxième devoir : Sélecteurs avancés et affichage•75 minutes
1 élément d'application•Total 10 minutes
Deuxième devoir : présentation facultative d'une galerie•10 minutes
Troisième semaine : Le modèle de la boîte et le positionnement
Module 3•2 heures à terminer
Détails du module
Cette semaine, je vous présente mon style préféré : le modèle de boîte. Apprendre à ajouter des bordures, du rembourrage et des marges peut vraiment rendre votre page attrayante. Nous terminons cette semaine avec le sujet du positionnement - comment faire en sorte que les éléments restent dans une certaine partie de votre page. Pensez aux fenêtres publicitaires intempestives. Comment les programmeurs font-ils pour qu'elles restent en plein milieu de l'écran, même si vous essayez sans cesse de les faire défiler ?
Inclus
3 vidéos7 lectures1 devoir
Afficher les informations sur le contenu du module
3 vidéos•Total 29 minutes
Modèle de boîte•14 minutes
Code Together : Modèle de boîte•5 minutes
Positionnement•10 minutes
7 lectures•Total 53 minutes
Ressources•1 minute
Bordures•20 minutes
Marge et remplissage•10 minutes
Code Together : Modèle de boîte•10 minutes
Positionnement•1 minute
Ressources complémentaires•10 minutes
Pourquoi pas un travail en équipe cette semaine ?•1 minute
1 devoir•Total 30 minutes
Quiz final•30 minutes
Quatrième semaine : Pseudo-classes, pseudo-éléments et projet final
Module 4•5 heures à terminer
Détails du module
Cette semaine fera la part belle aux démonstrations. Vous apprendrez à styliser des pseudo-classes (par exemple, un lien qui a été visité, un élément qui a été survolé par la souris) et des pseudo-éléments (par exemple, la première lettre d'un titre, la première ligne d'un paragraphe). Ces éléments ne sont pas difficiles à styliser, mais nécessitent un codage minutieux.
La dernière étape de ce cours est la réalisation du projet évalué par les pairs. Vous aurez l'occasion de démontrer votre capacité à suivre les directives de style tout en apportant votre touche personnelle au projet. N'oubliez pas que vous devez valider la syntaxe et l'accessibilité de votre travail
Inclus
7 vidéos3 lectures1 évaluation par les pairs1 élément d'application
Afficher les informations sur le contenu du module
7 vidéos•Total 42 minutes
Pseudo classes et éléments•3 minutes
Code Together : Styliser des images avec des pseudo-classes•10 minutes
Transitions•6 minutes
Transformations•5 minutes
Navigation accessible•7 minutes
Description finale du projet•7 minutes
Bouclage•3 minutes
3 lectures•Total 21 minutes
Ressources•1 minute
Ressources complémentaires•10 minutes
Description finale du projet•10 minutes
1 évaluation par les pairs•Total 210 minutes
Projet final : Créez votre site !•210 minutes
1 élément d'application•Total 10 minutes
Projet final : Soumission facultative à la galerie•10 minutes
Cinquième semaine : Que faire maintenant ?
Module 5•11 minutes à terminer
Détails du module
Si vous souhaitez en faire plus maintenant que vous avez terminé ce cours, j'ai quelques recommandations à vous faire. La chose la plus importante est que vous continuiez à pratiquer vos compétences et que vous ayez toujours "quelque chose" sur lequel vous travaillez.
Inclus
2 lectures
Afficher les informations sur le contenu du module
2 lectures•Total 11 minutes
Options Coursera•1 minute
Enquête post-cours•10 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Instructeurs
Évaluations de l’enseignant
Évaluations de l’enseignant
Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.
La mission de l'université du Michigan est de servir les habitants du Michigan et le monde entier en occupant une place prépondérante dans la création, la communication, la préservation et l'application des connaissances, de l'art et des valeurs académiques, et en formant des dirigeants et des citoyens qui défieront le présent et enrichiront l'avenir.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Avis des étudiants
4.8
9 653 avis
5 stars
82,47 %
4 stars
15,13 %
3 stars
1,85 %
2 stars
0,17 %
1 star
0,35 %
Affichage de 3 sur 9653
M
MZ
5·
Révisé le 2 mai 2020
Great course. It puts you on track for the styling part of a site and helps you understand what you are actually doing. The professor give a lot of additional resources for further development.
P
PB
4·
Révisé le 26 mai 2020
I expected more content on transform and transitions. Nevertheless, it was a beginners course so i couldn't expect that but it would have been really nice to grasp all that in just one course
M
MW
5·
Révisé le 6 déc. 2016
Excellent for learning how to learn about styling webpages. I'm not very artistic when it comes to using pen and paper, but I've really learned how to express myself creatively through this course.
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.