CSS: Design & Optimize Responsive Web Pages

Holen Sie sich eines unserer besten Angebote und erweitern Sie Ihre Fähigkeiten mit 50% Rabatt auf Coursera Plus. Jetzt sparen.

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen. Sehen Sie sich die Sprachen an, die wir anbieten.

CSS: Design & Optimize Responsive Web Pages

Dieser Kurs ist Teil von Spezialisierung „CSS Mastery: Responsive Design & Web Styling“

Dozent: EDUCBA

Bei enthalten

Mehr erfahren

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Apply CSS rules to style text, layouts, and web components.
Create responsive, device-friendly designs with media queries.
Implement animations and transforms for interactive effects.

Kompetenzen, die Sie erwerben

Kategorie: Animations
Kategorie: Typography
Kategorie: Web Design and Development
Kategorie: Web Design
Kategorie: Maintainability
Kategorie: Interactive Design
Kategorie: Responsive Web Design

Werkzeuge, die Sie lernen werden

Kategorie: Cascading Style Sheets (CSS)

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

15 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „CSS Mastery: Responsive Design & Web Styling“

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

By the end of this course, learners will be able to apply CSS rules, style text and layouts, create responsive designs, and implement animations and transformations to build professional websites. They will gain the ability to analyze design requirements, implement structured page layouts, and evaluate CSS techniques for modern web development.

This course begins with the fundamentals of CSS, covering its history, syntax, and rule structure. Learners will then explore selectors, text formatting, spacing, and layout basics to enhance readability and visual hierarchy. In the next stage, they will design navigation menus, tables, forms, and graphics while learning how to apply transforms and animations for interactive experiences. Finally, learners will master responsive design techniques, media queries, positioning, and best practices for building flexible, device-friendly websites. What makes this course unique is its step-by-step, modular approach that blends practical coding exercises with conceptual clarity. Whether you are a beginner or looking to sharpen your skills, this course equips you with the essential CSS expertise to design modern, engaging, and responsive web pages.

This module introduces the fundamentals of CSS, including its purpose, history, and structure. Learners will explore the anatomy of CSS rules, apply styles through different approaches, and understand the basics of selectors. This foundation sets the stage for effective styling and modern web development practices.

Das ist alles enthalten

9 Videos3 Aufgaben

9 VideosInsgesamt 46 Minuten

Introduction0 Minuten
History7 Minuten
The IE and IE84 Minuten
Testing2 Minuten
Anatomy of Style6 Minuten
Adding Style9 Minuten
The Selectors - Tag Selectors, Class Selectors6 Minuten
ID Selectors, Styling Groups, Universal Selectors7 Minuten
The HTML Family Tree5 Minuten

3 AufgabenInsgesamt 50 Minuten

Foundations of CSS30 Minuten
Getting Started with CSS10 Minuten
Understanding CSS Basics10 Minuten

This module dives into CSS selectors and text formatting. Learners will explore advanced selector techniques, text styling properties, and spacing methods. By mastering these, they can build more readable, attractive, and professional web pages.

Das ist alles enthalten

14 Videos4 Aufgaben

14 VideosInsgesamt 106 Minuten

More Selectors Part 19 Minuten
More Selectors Part 210 Minuten
The Cascade11 Minuten
Applied CSS0 Minuten
Formatting Text - Font Part 19 Minuten
Formatting Text - Font Part 211 Minuten
Formatting Text Color FontSize Part 16 Minuten
Formatting Text Color FontSize Part 26 Minuten
Formatting Text - Spacing Part 16 Minuten
Formatting Text - Spacing Part 26 Minuten
Margins Padding Part 18 Minuten
Margins Padding Part 28 Minuten
Margins Padding Part 38 Minuten
Vendor Prefixes7 Minuten

4 AufgabenInsgesamt 60 Minuten

Working with Selectors and Text30 Minuten
Mastering CSS Selectors10 Minuten
Styling Text with CSS10 Minuten
Text Spacing and Layout Basics10 Minuten

This module covers layout techniques and styling multimedia elements. Learners will manage dimensions, floats, navigation menus, tables, and forms, as well as incorporate graphics, transforms, and animations to create engaging user experiences.

Das ist alles enthalten

15 Videos4 Aufgaben

15 VideosInsgesamt 112 Minuten

Width anf Height4 Minuten
Taps & Floats12 Minuten
Graphics Part 18 Minuten
Graphics Part 28 Minuten
Graphics Part 37 Minuten
Site Navigation6 Minuten
Formatting Tables Part 16 Minuten
Formatting Tables Part 25 Minuten
Styling Forms7 Minuten
Transforms Part 18 Minuten
Transforms Part 211 Minuten
Transforms Part 310 Minuten
Transforms Part 43 Minuten
Animations Part 19 Minuten
Animations Part 210 Minuten

4 AufgabenInsgesamt 60 Minuten

CSS for Layouts and Graphics30 Minuten
Dimensions, Floats, and Graphics10 Minuten
Navigation, Tables, and Forms10 Minuten
CSS Transforms and Animations10 Minuten

This module introduces advanced CSS techniques, including responsive design, media queries, positioning, and best practices. Learners will gain the ability to build flexible, device-friendly layouts and apply professional CSS coding standards.

Das ist alles enthalten

12 Videos4 Aufgaben

12 VideosInsgesamt 100 Minuten

Page Layout11 Minuten
Sectioning Elements11 Minuten
Building Float Based Layouts8 Minuten
Responsive Web Design5 Minuten
Media Queries Part 19 Minuten
Media Queries Part 210 Minuten
Media Queries Part 39 Minuten
Media Queries Part 45 Minuten
Position Elements Part 17 Minuten
Position Elements Part 26 Minuten
Advanced CSS10 Minuten
Improving your css9 Minuten

4 AufgabenInsgesamt 60 Minuten

Advanced CSS and Responsive Design30 Minuten
Page Layouts and Sectioning10 Minuten
Responsive Web Design Essentials10 Minuten
Positioning and Advanced Techniques10 Minuten

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

EDUCBA

1.663 Kurse338.914 Lernende

von

EDUCBA

Mehr von Mobile and Web Development entdecken

Packt
CSS Modern Responsive Web Design – Build 5 Websites
Kurs
Status: Kostenloser Testzeitraum
Packt
Styling with CSS – Layouts and Visual Design
Kurs
Status: Kostenloser Testzeitraum
Board Infinity
Advanced CSS Techniques & Responsive Design
Kurs
Status: Kostenloser Testzeitraum
EDUCBA
W3.CSS: Design & Optimize Responsive Websites
Kurs

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.