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.
Introduction à CSS3
Ce cours fait partie de Spécialisation La conception de sites Web pour tous : Les bases du développement web et du codage
Instructeurs : Colleen van Lent, Ph.D.
221 754 déjà inscrits
Inclus avec
(9,573 avis)
Ce que vous apprendrez
Comprendre l'importance de la séparation du contenu et du style.
Écrivez une règle CSS simple qui peut modifier les couleurs et les polices d'une page web.
Modifier l'apparence du texte sur une page en utilisant la largeur, la hauteur de ligne et la transformation du texte.
Compétences que vous acquerrez
- Catégorie : conception web
- Catégorie : Développement Web
- Catégorie : Feuilles de style
- Catégorie : Feuilles de style en cascade (CSS)
Détails à connaître
Ajouter à votre profil LinkedIn
3 devoirs
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Élaborez votre expertise du sujet
- 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
Obtenez un certificat professionnel
Ajoutez cette qualification à votre profil LinkedIn ou à votre CV
Partagez-le sur les réseaux sociaux et dans votre évaluation de performance
Il y a 5 modules dans ce cours
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
10 vidéos7 lectures1 devoir1 évaluation par les pairs1 élément d'application
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 que l'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 allons parler de 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
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
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
8 vidéos3 lectures1 évaluation par les pairs1 élément d'application
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
Instructeurs
Offert par
Recommandé si vous êtes intéressé(e) par Développement mobile et web
Coursera Project Network
Coursera Project Network
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Avis des étudiants
9 573 avis
- 5 stars
82,43 %
- 4 stars
15,20 %
- 3 stars
1,84 %
- 2 stars
0,17 %
- 1 star
0,33 %
Affichage de 3 sur 9573
Révisé le 11 avr. 2018
I have learned SO much in this class. I am making web sites, writing code, making mistakes, and solving problems.
Révisé le 24 févr. 2016
This was challenging, but interesting, engaging, and I learned a lot about the different ways to style elements on a page. I feel pretty confident in making my own web page after this course.
Révisé le 25 sept. 2020
This course is a recommendable for all beginners who are interested in designing and styling their web pages. The whole course is interesting and challenging at the end of the course and I enjoyed it.
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux Questions
L'accès aux cours et aux devoirs dépend de votre type d'inscription. Si vous suivez un cours en mode audit, vous pourrez consulter gratuitement la plupart des supports de cours. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter l'expérience de certificat, pendant ou après votre audit. Si vous ne voyez pas l'option d'audit :
Il se peut que le cours ne propose pas d'option d'audit. Vous pouvez essayer un essai gratuit ou demander une aide financière.
Le cours peut proposer l'option "Cours complet, pas de certificat" à la place. 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.
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la Specializations, et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page de réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez uniquement lire et visualiser le contenu du cours, vous pouvez auditer le cours gratuitement.
Si vous vous êtes abonné, vous bénéficiez d'une période d'essai gratuite de 7 jours pendant laquelle vous pouvez annuler votre abonnement sans pénalité. Après cette période, nous ne remboursons pas, mais vous pouvez résilier votre abonnement à tout moment. Consultez notre politique de remboursement complète.