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
Erwerben Sie mit Coursera Plus für 199 $ (regulär 399 $) das nächste Level. Jetzt sparen.
CSS: Web Page Layout - Usability and Accessibility
Dieser Kurs ist Teil von Spezialisierung für Full-Stack Web Development
Dozent: Dr Matthew Yee-King
Bei enthalten
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger
Empfohlene Erfahrung
8 Stunden zu vervollständigen
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Kompetenzen, die Sie erwerben
- Kategorie: Responsive Web Design
- Kategorie: Web Content Accessibility Guidelines
- Kategorie: Web Design and Development
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: User Interface (UI)
- Kategorie: Usability
- Kategorie: HTML and CSS
- Kategorie: Animations
- Kategorie: Usability Testing
- Kategorie: Web Design
- Kategorie: Frontend Performance
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Kürzlich aktualisiert!
Januar 2026
Unterrichtet in Englisch
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erweitern Sie Ihre Fachkenntnisse
Dieser Kurs ist Teil der Spezialisierung Spezialisierung für Full-Stack Web Development
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
- Lernen Sie neue Konzepte von Branchenexperten
- Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
- Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
- Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 4 Module
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.
Das ist alles enthalten
2 Videos6 Lektüren1 Aufgabe3 Unbewertete Labore
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.
Das ist alles enthalten
3 Videos2 Lektüren4 Aufgaben
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.
Das ist alles enthalten
3 Videos3 Aufgaben1 Unbewertetes Labor
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.
Das ist alles enthalten
4 Videos1 Lektüre3 Aufgaben2 Unbewertete Labore
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Dozent
Mehr von Mobile and Web Development entdecken
Status: Kostenloser TestzeitraumScrimba
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Häufig gestellte Fragen
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.
Weitere Fragen
Finanzielle Unterstützung verfügbar,
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.