Хотите уверенно начать путь в веб‑разработке? Этот курс поможет вам правильно и последовательно освоить CSS — фундаментальную технологию, отвечающую за внешний вид веб‑страниц. Вы разберётесь в основных принципах стилизации и научитесь применять их на практике, создавая собственный аккуратный и современный макет сайта.
Что вы узнаете в этом курсе
Материал построен простыми и понятными шагами, чтобы вы могли постепенно освоить основы CSS и применять их сразу по мере изучения.
Практическое погружение в CSS
Добавление стилей к HTML‑страницам через разные способы подключения.
Работа с цветами, шрифтами и базовой типографикой.
Создание аккуратного визуального оформления текста и заголовков.
Создание структуры и макета страницы
Построение навигации и стилизация меню.
Работа с изображениями и их корректное отображение.
Оформление шапки и подвала сайта.
Итоговый практический проект
По завершении курса вы создадите собственный двухстраничный сайт, отрабатывая полученные навыки в реальном макете:
структурирование HTML и логичная организация стилей;
создание чистой, понятной структуры страниц;
применение ключевых практик CSS, которые пригодятся вам в дальнейшем обучении и работе.
Основные преимущества обучения
Курс разработан для начинающих и не требует предварительных знаний — всё объясняется последовательно и доступно.
Почему этот курс эффективен
Пошаговая подача материала — без перегрузки и сложных терминов.
Акцент на практике — вы стилизуете элементы прямо по ходу обучения.
Понимание взаимодействия HTML и CSS — ключевой навык для дальнейшего развития.
Кому подойдёт этот курс
Тем, кто делает первые шаги в веб‑разработке.
Тем, кто хочет разобраться в CSS и научиться применять его правильно.
Тем, кто стремится создать первые рабочие веб‑страницы с современным оформлением.
Результат обучения
После прохождения курса вы будете уверенно ориентироваться в основах CSS, сможете создавать аккуратные стили и оформлять базовые веб‑страницы, понимая, как HTML и CSS работают вместе для построения красивых и удобных сайтов.
Удален по просьбе правообладателя
Урок 1.00:02:33
Introduction
Урок 2.00:03:13
Course Overview
Урок 3.00:08:59
Getting Set Up
Урок 4.00:08:15
Creating HTML Text Practice
Урок 5.00:13:02
Variables & Styling Setup
Урок 6.00:07:32
Styling HTML Text
Урок 7.00:06:21
Styling the Intro Section
Урок 8.00:01:11
Styling Text Exercise
Урок 9.00:06:27
Styling Text Solution
Урок 10.00:05:56
Nav Bar HTML Practice
Урок 11.00:09:20
Styling a Navbar with Flexbox
Урок 12.00:08:06
Styling Navbar Links
Урок 13.00:11:45
Font Awesome Icons
Урок 14.00:03:32
Navbar Icon Practice
Урок 15.00:05:01
Styling a Call to Action Button
Урок 16.00:05:37
Making a Navbar Responsive
Урок 17.00:05:38
Footer Section Practice
Урок 18.00:10:42
Moving from CodePen to VS Code
Урок 19.00:12:34
Styling Page Sections
Урок 20.00:06:53
Creating Gradient Line Breaks
Урок 21.00:06:03
Portfolio Projects Section Markup
Урок 22.00:16:22
Styling Portfolio Projects Section
Урок 23.00:09:50
Responsive Projects Layout
Урок 24.00:06:08
Overlapping Items with CSS Grid
Урок 25.00:03:59
Alternating Layout Practice
Урок 26.00:05:56
Complete Home Page Practice
Урок 27.00:07:22
About Page Practice
Урок 28.00:01:34
Wrapping Up
Авторы - Jen Kramer, master.dev (ex FrontendMasters)
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.