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

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

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

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

Foundational Web Page Construction

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

О курсе

Develop the essential skills needed to build clean, structured, and visually engaging web pages through this foundational course in the Web Development Skill Path. You will gain practical competencies in crafting semantic HTML5 structures, applying CSS selectors and properties, styling user interface components, and translating design mockups into functional web pages. By working with real-world tools such as Figma, Scrimba, and browser-based coding environments, you will learn to construct accessible web forms, implement responsive layouts, and apply fundamental accessibility (a11y) principles to ensure inclusive user experiences. This course brings together instructional material from Meta and Scrimba, offering diverse perspectives on modern front-end development. You will progress from writing semantic HTML and basic CSS to interpreting design specifications, building page components, and implementing complete UI layouts. The curriculum blends conceptual understanding with hands-on coding practice, preparing you to confidently create and style web pages aligned with industry standards. Ideal for aspiring front-end developers and learners seeking a strong foundation in HTML, CSS, design interpretation, and accessible interface construction.

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

Semantic WebWeb DesignUser Experience DesignResponsive Web DesignWeb Analytics and SEOWeb Development ToolsUser Interface (UI)Web Content Accessibility GuidelinesHTML and CSSWeb DevelopmentMockupsUI ComponentsFigma (Design Software)User Interface (UI) DesignData ValidationFront-End Web DevelopmentCascading Style Sheets (CSS)Hypertext Markup Language (HTML)

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

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

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02HTML in depth58 материалов

Course Introduction

Introduction to HTML and CSS in depthВидео

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

Professionals from the Industry

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

Foundational Web Page Construction
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 15.3 ч

4 модулей

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

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

Часть программы вашего университета
How are HTML and CSS used in the real world?Видео
Understanding HTML and CSS in Real Web DevelopmentDIALOGUE
How to be successful in this courseЧтение
Recap: What you know about HTML and CSSВидео
Working with labs in this courseЧтение

Semantic and Meta Tags

Semantic tags and why we need themВидеоSemantic HTML cheat sheetЧтениеSemantic tags in actionВидеоKnowledge check: Practice using semantic tagsЗаданиеMetadataВидеоMetadata cheat sheetЧтениеBare bones layoutВидеоKnowledge check: MetadataЗаданиеLayout designЧтениеUX with meta tagsВидеоSocial media cardsЧтениеSetting up a social media cardВидеоKnowledge check: Open Graph ProtocolЗаданиеKnowledge check: Semantic and meta tagsЗаданиеAdditional resourcesЧтениеSemantic HTML: Enhancing Web Page Accessibility and StructureЛабораторная

User Input and Forms

Forms and validationВидеоInput typesЧтениеCreating a formВидеоIdentifying input typesDIALOGUEMaking the most of client-side validationВидеоVisual Studio Code on CourseraЧтениеCreate and test a formЛабораторнаяCreate and test a form (solution)ЧтениеSelf review: Create and test a formЗаданиеRadio buttonsВидеоCheat sheet: Interactive form elementsЧтениеUsing interactive form elementsВидеоKnowledge check: Declaring form elementsЗаданиеForm submissionВидеоSubmitЧтениеKnowledge check: Form submissionЗаданиеBrowser differencesВидеоGlossary: HTML form elementsЧтениеCreate a complex formЛабораторнаяCreate a complex form (solution)ЧтениеSelf-review: Create a complex formЗаданиеKnowledge check: User input and formsЗаданиеAdditional resourcesЧтение

Media Elements

Video and audioВидеоEmbedded playersВидеоRate the mediaЛабораторнаяRate the media (solution)ЧтениеSelf review: Rate the mediaЗаданиеImagesЧтениеiFramesВидеоiFrame sandbox cheat sheetЧтениеiFrame as a pictureВидеоThe canvas elementВидеоKnowledge check: Media elementsЗаданиеModule summary: HTML deep diveВидеоAdditional resourcesЧтение
03Data Analytics Dashboard7 материалов

Data Analytics Dashboard

Data Analytics Dashboard - Challenge IntroPLUGINHTML for our dashboardPLUGINCSS: Initial StylesPLUGINCSS: typography, buttons and morePLUGINCSS: Styling the nav barPLUGINJS: Adding functionality to the nav barPLUGINCSS: Desktop StylesPLUGIN
04Skill Assessment: Foundational Web Page Construction2 материалов

Lesson

Learner Expectations for Skill AssessmentЧтениеFoundational Web Page ConstructionЗадание