In this course, you will learn how to use CSS to control the appearance, layout and responsiveness of web pages. Through interactive, guided lab activities on Coursera, you will style existing HTML pages and build responsive layouts using modern techniques such as CSS Grid, ensuring your designs work well across a range of screen sizes and devices.
CSS: Web Page Layout - Usability and Accessibility
Acquérir des compétences de haut niveau avec Coursera Plus pour 199 $ (régulièrement 399 $). Économisez maintenant.
CSS: Web Page Layout - Usability and Accessibility
Ce cours fait partie de Spécialisation Full-Stack Web Development
Instructeur : Dr Matthew Yee-King
Inclus avec
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant
Expérience recommandée
8 heures à compléter
Planning flexible
Apprenez à votre propre rythme
Compétences que vous acquerrez
- Catégorie : Responsive Web Design
- Catégorie : Web Content Accessibility Guidelines
- Catégorie : Web Design and Development
- Catégorie : Cascading Style Sheets (CSS)
- Catégorie : User Interface (UI)
- Catégorie : Usability
- Catégorie : HTML and CSS
- Catégorie : Animations
- Catégorie : Usability Testing
- Catégorie : Web Design
- Catégorie : Frontend Performance
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Récemment mis à jour !
janvier 2026
Enseigné en Anglais
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Élaborez votre expertise du sujet
Ce cours fait partie de la Spécialisation Full-Stack Web Development
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 4 modules dans ce cours
This week, you will begin working with CSS, the language that controls the look and layout of web pages. You’ll start by exploring the basics of CSS and how it applies styles to HTML, then practise using it to change colours, fonts, and spacing. Next, you’ll move on to CSS Grid, a powerful tool for creating responsive layouts that adapt to different screen sizes. By the end, you’ll understand how CSS works, how to structure responsive designs, and how to use grids effectively to create modern, professional web pages.
Inclus
2 vidéos6 lectures1 devoir3 laboratoires non notés
This week, you will learn what web accessibility means and why it is essential for inclusive design. You’ll start by exploring the definition of accessibility and see how assistive technologies, such as screen readers, help users navigate websites. Through guided labs, you’ll experience common accessibility challenges, such as visual impairments, and learn techniques to make your pages more usable for everyone. You’ll also examine the business case for accessibility, understanding its impact on user experience and organisational success. By the end, you’ll understand both the practical steps and the ethical and commercial reasons for making websites accessible.
Inclus
3 vidéos2 lectures4 devoirs
This week, you will learn how to evaluate and improve the accessibility of websites. You’ll start by using automated tools to test for common accessibility issues, then explore practical steps to fix these problems. You’ll apply accessibility principles to real HTML examples, ensuring your pages meet standards for usability and inclusivity. By the end, you’ll be able to identify accessibility issues, correct them, and understand why accessibility is essential for ethical and professional web design.
Inclus
3 vidéos3 devoirs1 laboratoire non noté
This week, you’ll learn advanced CSS techniques to make your designs more dynamic and efficient. You’ll work with CSS variables for reusable themes, add transitions and simple animations, use advanced selectors and pseudo-elements, and explore modern layout tips. You’ll also cover performance best practices and optimise your CSS for accessibility. Finally, you’ll apply everything in a capstone project to create a polished, professional design.
Inclus
4 vidéos1 lecture3 devoirs2 laboratoires non notés
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.
Instructeur
Offert par
En savoir plus sur Mobile and Web Development
Statut : Essai gratuitScrimba
Statut : Essai gratuit
Statut : Essai gratuit
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.’
Foire Aux Questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
Plus de questions
Aide financière disponible,
¹ Certains travaux de ce cours sont notés par l'IA. Pour ces travaux, vos Données internes seront utilisées conformément à Notification de confidentialité de Coursera.