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

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

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

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

Introduction to building Web Pages using HTML5 and CSS3

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

О курсе

Web content is accessed by millions across the globe every day. Attractive web pages help businesses grow and provide an omnipresent experience to the viewers. In this course you will get an understanding on how HTML5 is used to structure simple web pages from scratch and how CSS3 enhances their appearance. The customized learning environment and step-by step teaching approach of this course augments the learning experience. The real-world scenarios and challenges presented during the course will train you to resolve the different challenges that front-end engineers stumble upon in their work life.

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

Hypertext Markup Language (HTML)Cascading Style Sheets (CSS)HTML and CSSWeb DesignWeb Design and DevelopmentDevelopment EnvironmentIntegrated Development EnvironmentsFront-End Web DevelopmentWeb DevelopmentWeb Development ToolsSemantic WebSoftware Development Tools

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

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

01Develop a Web Page using HTML520 материалов

Context Setting

Context SettingВидео

1.1 Anatomy of a HTML element and a HTML document

Anatomy of a HTML element and a HTML documentВидеоWatch and Repeat : Create a HTML document in notepad/text editorВидео

1.2 Create a Web page using commonly used HTML5 elements

Create a web page using commonly used HTML5 elementsВидео

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

NIIT

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

Introduction to building Web Pages using HTML5 and CSS3
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 11.4 ч

4 модулей

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

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

Часть программы вашего университета
Watch and Repeat : Downloading and Installing VS codeВидео
Watch and Repeat : Creating header and paragraph elements in a HTML fileВидео
Watch and Repeat : Creating image , anchor and list tags in a HTML file Видео
IDE for creating HTML documents and W3C ComplianceЧтение

1.3 Install a HTTP server to deliver web pages

Install a HTTP server to deliver web pagesВидео

1.4 Use Emmet Tool Kit and multi cursor feature in VS Code

Use Emmet Tool Kit and multi cursor feature in VS CodeВидеоWatch and Repeat : Emmet Toolkit and Multi-cursorВидео

Practice

Practice Brief 1ВидеоInstructions to upload the Programming Assignment SolutionЧтениеThe World Wide WebПрограммированиеPractice Brief 2ВидеоPentogram Font Catalog ChallengeПрограммированиеPractice Debrief :: Develop a web page using HTMLВидео

Summary

Learning ConsolidationВидеоDevelop a web page using HTMLЧтениеDevelop a web page using HTML5Задание
02Develop a Web page using Semantic and HTML5 elements15 материалов

Context Setting

Context SettingВидео

2.1 Differentiate between non-semantic and semantic elements​

Differentiate between non-semantic and semantic elements​ВидеоWatch and Repeat : Semantic and Non-Semantic ElementsВидео

2.2 Identify the benefits of using semantic elements​

Identify the benefits of using semantic elements​Видео

2.3 Explain the use of semantic markup by screen readers for page navigation​

Explain the use of semantic markup by screen readers for page navigation​ВидеоWatch and Repeat : Aria LablesВидео

2.4 Structure a web page using semantic HTML elements

Structure a web page using semantic HTML elementsВидеоWatch and Repeat : Popular semantic HTML5 elementsВидеоWatch and Repeat : Semantic elements like Footer, Figure and DetailsВидео

Practice

Practice BriefВидеоPositive Work Environment Task Force ChallengeПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоStructure a Web page using Semantic and HTML5 elementsЧтениеStructure a Web page using Semantic and HTML5 elementsЗадание
03Style a Web page using basic CSS properties13 материалов

Context Setting

Context SettingВидео

3.1 Use CSS to style a HTML page

Use CSS to style a HTML pageВидеоWatch and Repeat : Different ways of applying stylesВидео

3.2 Select HTML elements using CSS selectors

Select HTML elements using CSS selectorsВидеоWatch and Repeat : Select HTML elements using CSS selectorsВидео

3.3 Apply styles to an HTML element using CSS properties​

Apply styles to an HTML element using CSS properties​ВидеоWatch and Repeat : Apply styles using CSS propertiesВидео

Practice

Practice BriefВидеоPentogram Font Catalog PreviewПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоStyle a Web page using CSS propertiesЧтениеStyle a Web page using CSS propertiesЗадание
04Style a Web page using CSS box model properties16 материалов

Context Setting

Context SettingВидео

4.1 Create layouts by using the CSS box model​

Create layouts by using the CSS box model​ Видео

4.2 Apply margin, border and padding to add more breathing space to the design​

Apply margin, border and padding to add more breathing space to the design​ВидеоWatch and Repeat : CSS Box ModelВидеоWatch and Repeat : Standard and Alternate box modelВидео

4.3 Manage grouping of elements using the CSS display property​

Manage grouping of elements using the CSS display property​ВидеоWatch and Repeat : CSS display propertyВидео

4.4 Apply CSS specificity

Apply CSS specificityВидеоWatch and Repeat : CSS specificityВидео

4.5 Use BEM syntax while creating the CSS class names​

Use BEM syntax while creating the CSS class names​Видео

Practice

Practice BriefВидеоSam Anderson's PortfolioПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоStyle a Web page using CSS box modelЧтениеStyle a Web page using CSS box modelЗадание