К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
W3.CSS: Design & Build Responsive Websites · LearnSpace
Назад в каталог
courseraПрограммирование

W3.CSS: Design & Build Responsive Websites

Курс от EDUCBA
Уровень не указан≈ 12.8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Build a strong foundation in responsive web design by learning how to use W3.CSS to create clean, modern, and user-friendly websites. This course guides you through the essential features of the W3.CSS framework, helping you apply predefined CSS classes to design responsive layouts without relying on extensive custom CSS. Throughout the course, you will learn how to work with colors, containers, borders, panels, cards, headers, typography, and spacing utilities to create well-structured web pages. You will also explore display controls, button variations, and interactive button styles before building practical interface elements such as alerts, responsive tables, lists, forms, and badges that improve usability and presentation. Designed for beginners and learners transitioning from traditional CSS, this course follows a structured, hands-on approach that combines clear video instruction with practice and graded quizzes. Each module builds on the previous one, enabling you to apply concepts through practical examples and strengthen your understanding of responsive web design. By the end of the course, you will be able to confidently use W3.CSS to design responsive interfaces, organize content effectively, improve readability, and create interactive web components for modern websites.

Навыки, которые вы освоите

Responsive Web DesignCascading Style Sheets (CSS)User Interface (UI)TypographyFront-End Web DevelopmentUI ComponentsDesign Elements And PrinciplesWeb Design and DevelopmentUser Experience DesignBootstrap (Front-End Framework)Interactive DesignHTML and CSSWeb DesignWeb ComponentsUser Interface (UI) DesignInteractive Learning

Программа курса

4 модулей · 72 учебных материалов

01W3.CSS Foundations20 материалов

Getting Started with W3.CSS

Introduction to W3CSS Training for Web DevelopmentВидеоTypes of ClassesВидеоW3CSS ButtonsВидеоDisplay ClassesВидеоW3.CSS ColorВидео

Учитесь у экспертов

EDUCBA

Преподаватель курса

W3.CSS: Design & Build Responsive Websites
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 12.8 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский

Часть программы вашего университета
Getting Started with W3.CSSЗадание

Colors and Containers

W3.CSS color ContinuesВидеоGoogle Material Design ColorsВидеоW3 CSS ContainerВидеоW3CSS Container HTML Semantic ClassВидеоW3.CSS BordersВидеоColors and ContainersЗадание

Borders and Panels

W3.CSS Borders ContinuesВидеоW3.CSS PanelsВидеоAlert ClassВидеоGoogle Material Design CardsВидеоBorders and PanelsЗаданиеBuilding Responsive Foundations with W3.CSS Colors, Containers, and PanelsDIALOGUEW3.CSS FoundationsЗаданиеBuilding the First W3.CSS Webpage LayoutDIALOGUE
02Components and Typography17 материалов

Cards and Headers

W3.CSS CardsВидеоW3.CSS Cards ContinuesВидеоColor of HeaderВидеоDisplay ContainerВидеоCards and HeadersЗадание

Fonts and Texts

W3.CSS FontsВидеоW3.CSS TextsВидеоW3.CSS Texts ContinuesВидеоW3.CSS RoundВидеоMore on W3.CSS RoundВидеоFonts and TextsЗадание

Spacing Utilities

W3.CSS PaddingВидеоW3 CSS MarginsВидеоWorking on SectionsВидеоW3 CSS DisplayВидеоSpacing UtilitiesЗаданиеComponents and TypographyЗадание
03Layouts and Display Variants17 материалов

Display Controls

W3 CSS Display ContinuesВидеоW3 CSS Display HoverВидеоW3 CSS Display Floating ClassesВидеоW3 CSS ButtonВидеоDisplay ControlsЗадание

Button Variations

W3 CSS Button ContinuesВидеоW3 CSS Button BordersВидеоText ShadowВидеоW3 CSS Button AdvancedВидеоButton VariationsЗадание

Interactive Buttons

Show Inline BlockВидеоCircular Floating ButtonВидеоW3 CSS NotesВидеоW3 CSS QuotesВидеоW3 CSS Quotes ContinuesВидеоInteractive ButtonsЗаданиеLayouts and Display Variants
04Alerts, Tables, and Forms18 материалов

Alerts and Basic Tables

CSS AlertsВидеоCSS Alerts ContinuesВидеоCSS TablesВидеоStriped TableВидеоAlerts and Basic TablesЗадание

Responsive Tables and Lists

Responsive TableВидеоTiny TableВидеоCSS ListВидеоClosed List ItemsВидеоResponsive Tables and ListsЗадание

Forms and Badges

CSS InputВидеоValidating LabelsВидеоInput CheckboxВидеоInput Checkbox ContinuesВидеоBadgesВидеоForms and BadgesЗаданиеAlerts, Tables, and FormsЗадание
Задание
Designing a Responsive Web Interface Using W3.CSS ClassesDIALOGUE