Курс «Верстка контента»

CSS3

HTML5

Селекторы

Доступность

CSS Columns

CSS Units

Оформить подписку

3 900 рублей в месяц за все курсы

Включено в курс

17 уроков (видео и/или текст)

16 упражнений в тренажере

77 проверочных тестов

Самостоятельная работа

Дополнительные материалы

17 дополнительных материалов

Описание

На этом курсе вы изучите основы верстки сайтов.

Здесь мы изучим базовые возможности при работе с контентом и научимся создавать анимации. Вы узнаете больше о том, как стилизовать текст, создавать таблицы, добавлять медиаэлементы на сайты и создавать красивые фоны. В итоге вы научитесь стилизовать страницы сайтов с помощью CSS-стилей, размечать таблицы, видео, аудио и картинки.

Верстка контента пригодится, если вы решите создавать свои сайты. Знания из этого курса помогают программистам понимать, как данные стилизуются на сайте и какие инструменты для этого используются.

Чему вы научитесь

Правильно размечать текст, списки, таблицы и медиаэлементы.
Создавать таблицы.
Обращаться к элементам используя широкие возможности селекторов.
Адаптировать страницы для людей с ограниченными возможностями.
Использовать возможности CSS Columns.
Подключать шрифты и правильно их использовать.

Программа

1	Введение Познакомимся с темами курса и поймем, как контент влияет на восприятие страницы.
2	Блочная модель и CSS Разберемся в блочной модели и научимся управлять размерами, отступами и границами элементов.
3	Стили текста Научимся базово стилизовать текст: размер, цвет, выравнивание и межстрочный интервал.
4	Шрифты и работа с ними Научимся подключать шрифты и настраивать их параметры, включая сокращенное свойство font.
5	Списки Изучим виды списков, вложенность и способы стилизации маркеров.
6	Колонки Освоим модуль CSS Columns и научимся разбивать текст на колонки с учетом ограничений.
7	Единицы измерения Разберемся в единицах измерения, отличиях абсолютных и относительных и в em/rem.
8	Медиаэлементы Научимся корректно вставлять медиа и разберемся с типичными нюансами отображения.
9	Таблицы Научимся создавать простые и сложные таблицы и избегать частых ошибок разметки.
10	Формы Изучим создание форм и элементов ввода и рассмотрим базовую доступность.
11	Селекторы Освоим родственные, соседние и атрибутные селекторы для выбора элементов.
12	Псевдоклассы Разберемся с псевдоклассами, их состояниями и структурными вариантами.
13	Псевдоэлементы Научимся использовать псевдоэлементы и стилизовать маркеры списков.
14	Переполнение Освоим управление переполнением и научимся работать с overflow и text-overflow.
15	CSS Переменные Разберемся с CSS-переменными, областью видимости и применением глобальных значений.
16	Фон Научимся задавать фон блоков: цвет, изображение, позицию и размер.
17	Градиенты Освоим линейные и радиальные градиенты и научимся подбирать гармоничные сочетания.