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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Developing Responsive Web Pages Using HTML5 and CSS3 · LearnSpace
Назад в каталог
courseraПрограммирование

Developing Responsive Web Pages Using HTML5 and CSS3

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

О курсе

The number of mobile users has increased exponentially over the past few years. Shopping, social connect, entertainment and other activities are just a few clicks away for these mobile users. A responsive web design adjusts the layout and appearance of the web pages to suit the resolution and width of the screens. This makes a web page look attractive on devices with diverse screen sizes. Designing a well-organized, responsive, and user-friendly web page has therefore become the need of the hour. This course will guide you to develop websites that adapt to the device size of the visitor’s viewport and provide users an optimal experience.

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

Responsive Web DesignCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Bootstrap (Front-End Framework)HTML and CSSWeb DevelopmentFront-End Web DevelopmentWeb DesignApplication FrameworksUI ComponentsWeb Design and DevelopmentWeb Development ToolsWeb Frameworks

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

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

01Layout a Web page using CSS floats23 материалов

Context Setting

Context SettingВидео

1.1 Normal Document Flow

Normal Document FlowВидеоWatch and Repeat : Normal Document flowВидео

1.2 Create multiple column layouts using floats and clearfix​

Create multiple column layouts using floats and clearfix​Видео

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

NIIT

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

Developing Responsive Web Pages Using HTML5 and CSS3
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 16.9 ч

3 модулей

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

Субтитры: Арабский, Французский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Русский, Тайский, Индонезийский, Шведский, Турецкий, Испанский, Хинди, Японский, Казахский, Польский

Часть программы вашего университета
Watch and Repeat : CSS floatsВидео
Watch and Repeat : Clear floatsВидео
Watch and Repeat : CSS float clearfix hackВидео

1.3 Describe the relative and absolute positioning of CSS​

Describe the relative and absolute positioning of CSS​ВидеоWatch and Repeat : CSS positioningВидео

1.4 Use z-index and stack order to change the rendering order of HTML elements​

Use z-index and stack order to change the rendering order of HTML elements​ВидеоWatch and Repeat : Z-index and stack orderВидео

Practice

Practice Brief1ВидеоInstructions to upload the Programming Assignment SolutionЧтениеNameplateПрограммированиеPractice Brief2ВидеоMasonry Layout​ПрограммированиеPractice DebriefВидео

Challenge

Challenge BriefВидеоGlobal Sanctuary FundПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоLayout a web page using CSS floatsЧтениеLayout a Web page using CSS floatsЗадание
02Develop a responsive web page using modern CSS22 материалов

Context Setting

Context SettingВидео

2.1 Develop responsive web pages using mobile-first approach​

Develop responsive web pages using mobile-first approach​Видео

2.2 Apply CSS media queries and breakpoints​

Apply CSS media queries and breakpoints​ВидеоWatch and Repeat : CSS media queriesВидео

2.3 Create responsive web design using flexible images ​

Create responsive web design using flexible images ​ВидеоWatch and Repeat : Flexible ImagesВидео

2.4 Apply CSS display properties like flexbox and grid​

Apply CSS display properties like flexbox and grid​ВидеоWatch and Repeat : Responsive grid systemВидеоWatch and Repeat : Flex containerВидеоWatch and Repeat : Grid layoutВидео

2.5 Design a responsive web page using mostly fluid and layout shifter design pattern​

Design a responsive web page using mostly fluid and layout shifter design pattern​Видео

Practice

Practice Brief1ВидеоMostly Fluid Pattern​ПрограммированиеPractice Brief2ВидеоLayout Shifter Pattern ChallengeПрограммированиеPractice DebriefВидео

Challenge

Challenge BriefВидеоPayRouteПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоDevelop a responsive web page using modern CSSЧтениеDevelop a responsive web page using modern CSSЗадание
03Develop a responsive web page using Bootstrap21 материалов

Context Setting

Context SettingВидео

3.1 Describe a Bootstrap framework​

Describe the Bootstrap framework​Видео

3.2 Apply Bootstrap's mobile-first flexbox grid to build layouts​

Apply Bootstrap's mobile-first flexbox grid to build layouts​ВидеоWatch and Repeat : Bootstrap grid systemВидео

3.3 Use various Bootstrap components

Use various Bootstrap componentsВидеоWatch and Repeat : Bootstrap tablesВидеоWatch and Repeat : Bootstrap NavbarВидеоWatch and Repeat : Bootstrap components like button and cardsВидеоWatch and Repeat : Bootstrap components like carousel and formsВидео

3.4 Apply Bootstrap utilities

Apply Bootstrap utilitiesВидеоWatch and Repeat : Bootstrap display, spacing and flex utilitiesВидео

3.5 Design a responsive web page using column drop design pattern​

Design a responsive web page using column drop design pattern​Видео

Practice

Practice BriefВидеоColumn Drop Pattern ПрограммированиеPractice DebriefВидео

Challenge

Challenge BriefВидеоDigix Engineers ПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоDevelop a responsive web page using BootstrapЧтениеDevelop a responsive web page using BootstrapЗадание