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

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

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

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

Build Real-World Websites Using HTML5, CSS3, Sass and more

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

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course takes you from the basics of HTML and CSS to advanced web development techniques, empowering you to build professional and responsive websites. You’ll start with the essentials, creating your first website while learning key concepts like HTML structure, headings, paragraphs, links, images, and forms. Alongside this, you'll master CSS to style your web pages, ensuring they look polished and professional. As the course progresses, you will dive into more sophisticated styling techniques using Flexbox, CSS Grid, and Sass. These tools allow you to create flexible layouts, align content effectively, and handle responsive design challenges. You'll also engage with projects, including creating an Amazon checkout page, a photo gallery, and a mathematics tutorial website, all while applying your newfound Flexbox and Grid skills. By the end of the course, you'll be able to structure, style, and host fully responsive websites. With projects designed to challenge and build your skills, you’ll gain a strong foundation in modern web design principles. Sass will also be introduced to help streamline your CSS workflow, allowing for more efficient and maintainable code. This course is perfect for beginners and intermediate web developers, hobbyists, and anyone interested in creating websites from scratch. No prior experience is required, but basic computer literacy is recommended.

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

Responsive Web DesignCascading Style Sheets (CSS)Code ReusabilityCloud HostingHypertext Markup Language (HTML)AnimationsWeb DevelopmentFront-End Web DevelopmentWeb DesignWeb Design and DevelopmentHTML and CSSMaintainabilityWeb Presence

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

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

01Introduction - Get Your Free Unlimited Web Hosting - HTML23 материалов

Introduction - Get Your Free Unlimited Web Hosting - HTML

IntroductionВидеоFull Course ResourcesЧтениеStructure of a WebsiteВидеоYour First WebsiteВидео

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

Packt - Course Instructors

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

Build Real-World Websites Using HTML5, CSS3, Sass and more
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 14.4 ч

4 модулей

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

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

Часть программы вашего университета
Get Your Free Unlimited Web HostingВидео
Share Your Website with the WorldВидео
Share Your Website with the World - Cyberduck VersionВидео
Share Your Website with the World - FileZilla VersionВидео
HeadingsВидео
ParagraphsВидео
LinksВидео
ImagesВидео
Inline Versus Block ElementsВидео
iframes - Activity: Embed a Nice Relaxing YouTube Video to Your WebsiteВидео
Unordered ListsВидео
Ordered ListsВидео
Description ListsВидео
TablesВидео
EntitiesВидео
Forms Part 1 - Activity: Create a Simple Login FormВидео
Forms Part 2 - Activity: Create a Marketplace Checkout FormВидео
Text DecorationВидео
CommentsВидео
02CSS30 материалов

CSS

IntroductionВидеоInline CSSВидеоInternal CSSВидеоExternal CSSВидеоClasses and IDsВидеоDiv and SpanВидеоBox ModelВидеоBox Model PaddingВидеоBox Model: BorderВидеоBox Model: OutlineВидеоBox Model: MarginВидеоBackgroundВидеоFloatingВидеоPositioningВидеоDisplayВидеоText DecorationВидеоText AlignВидеоText FontВидеоText EffectsВидеоImage SpritesВидеоImage OpacityВидеоStyling ListsВидеоStyling LinksВидеоGradientsВидео2D TransformsВидео3D TransformsВидеоTransitionsВидеоAnimationsВидеоWorking with CSS Borders, Margins, and OutlinesDIALOGUEAssessment 1Задание
03Professional Project: Mathematics Tutorials Website (HTML and CSS)9 материалов

Professional Project: Mathematics Tutorials Website (HTML and CSS)

IntroductionВидеоHeader - Part 1ВидеоHeader - Part 2ВидеоMenuВидеоIntroduction BoxВидеоSidebars - Part 1ВидеоSidebars - Part 2ВидеоBuilding Essential Website Structure with HTML & CSSDIALOGUEFooter and CongratulationsВидео
04Advanced CSS with Flexbox, Grid, and Sass29 материалов

Advanced CSS with Flexbox, Grid, and Sass

Flexbox: IntroductionВидеоFlexbox: Basic FlexboxВидеоFlexbox: Align Flex ItemsВидеоFlexbox: Align Flex LinesВидеоFlexbox: Resize Flex Items - Part 1ВидеоFlexbox: Resize Flex Items - Part 2ВидеоFlexbox Application: Photo Gallery - Part 1ВидеоFlexbox Application: Photo Gallery - Part 2ВидеоFlexbox Application: Amazon Checkout - Part 1ВидеоFlexbox Application: Amazon Checkout - Part 2ВидеоFlexbox Application: Amazon Checkout - Part 3ВидеоFlexbox Application: Math Website - Part 1ВидеоFlexbox Application: Math Website - Part 2ВидеоFlexbox Application: Math Website - Part 3ВидеоCSS Grid: Introduction and Basic Grid TemplateВидеоCSS Grid: Implicit Versus Explicit GridВидеоCSS Grid: Grid Areas and Responsive DesignВидеоCSS Grid: Master the "grid-column" PropertyВидеоCSS Grid: Grid CoordinatesВидеоCSS Grid: Align Grid ItemsВидеоCSS Grid Application: Photo GalleryВидеоCSS Grid Application: Picture GridВидеоSass: Introduction - Installation - Nesting SyntaxВидеоSass: .scss Versus .sass - VariablesВидеоSass: @import and @extend DirectivesВидеоSass: Mixins - Operators - FunctionsВидеоAssessment 2ЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание