When will I have access to the lectures and assignments?

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.

What will I get if I subscribe to this Specialization?

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.

Is financial aid available?

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.

CSS: Web Page Layout - Usability and Accessibility

本课程是 Full-Stack Web Development 专项课程的一部分

位教师：Professor Matthew Yee-King

包含在中

了解更多

4个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

8 小时完成

灵活的计划

自行安排学习进度

4个模块

深入了解一个主题并学习基础知识。

初级等级

推荐体验

8 小时完成

灵活的计划

自行安排学习进度

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Full-Stack Web Development 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有4个模块

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.

You will explore the principles of responsive and accessible design, learning what web accessibility means and why it matters for users, organisations and society. Using hands-on exercises, you will apply practical techniques to improve accessibility, including testing pages with assistive technologies and automated accessibility checking tools, then fixing common issues to meet recognised standards. The course also introduces advanced CSS features such as variables, selectors, transitions and animations. By applying these in guided labs, you will develop efficient, maintainable and accessible stylesheets that reflect current best practice in modern web design.

单元详情

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.

涵盖的内容

2个视频6篇阅读材料1个作业3个非评分实验室

2个视频总计4分钟

Introduction to the CSS course3分钟
Introduction: Introduction to web page layout with CSS1分钟

6篇阅读材料总计65分钟

Course structure and navigation15分钟
How to learn effectively on this course15分钟
Course syllabus10分钟
Model answer – Introduction to CSS5分钟
Model answer – CSS grids10分钟
Model answer – Responsive CSS and responsive grids10分钟

1个作业总计15分钟

Check your understanding: Web page layout with CSS15分钟

3个非评分实验室总计90分钟

Intro to CSS lab30分钟
CSS grids30分钟
Responsive CSS30分钟

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.

涵盖的内容

3个视频2篇阅读材料4个作业

3个视频总计21分钟

Introduction: Introduction to accessibility1分钟
Definition of accessibility11分钟
Screen reader demo9分钟

2篇阅读材料总计20分钟

Activity – Screen readers10分钟
The business case for accessibility10分钟

4个作业总计48分钟

Check your understanding: Accessibility15分钟
Defining accessibility9分钟
Screen reader9分钟
The business case for accessibility15分钟

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.

涵盖的内容

3个视频3个作业1个非评分实验室

3个视频总计18分钟

Introduction: Testing webs accessibility and usability1分钟
Automatic accessibility testing11分钟
How to rectify accessibility issues6分钟

3个作业总计33分钟

Check your understanding: Testing websites for accessibility and usability15分钟
Automatic accessibility testing9分钟
Rectifying accessibility issues9分钟

1个非评分实验室总计30分钟

Evaluating and improving website accessibility30分钟

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.