Бесплатный курс

Основы вёрстки контента

Курс посвящён работе с контентом с помощью CSS и HTML. На сегодняшний день таблицы стилей предоставляют большие возможности по стилизации текста и блоков на странице: фон, цвет, использование аудио и видео. Все эти элементы позволяют создавать красочные и доступные сайты для пользователей. Немало времени уделено изучению новых селекторов, псевдоклассов и псевдоэлементов. Они позволяют неординарно стилизовать контент.

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

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

CSS3 HTML5 Селекторы Доступность CSS Columns CSS Units

Последнее обновление: 11 июля 2021

Уроки курса

1

Введение

Узнать о темах и целях курсах. Познакомиться со структурой уроков и их особенностях

теория
2

Стили текста

Познакомиться с основными стилями, используемые при оформлении текста

теория

тесты

упражнение
3

Шрифты и работа с ними

Узнать о способах подключения и выбора шрифтов на странице. Научиться управлять размерами, оформлением и интервалами внутри текста. Изучить обобщённое свойство font

теория

тесты

упражнение
4

Списки

Изучить виды списков в HTML и способы их стилизации

теория

тесты

упражнение
5

Колонки

Познакомиться с CSS Multi-column Layout и узнать о способах его применения

теория

тесты

упражнение
6

Единицы измерения

Изучить единицы измерения, доступные в CSS, и их взаимосвязи между собой

теория

тесты

упражнение
7

Медиаэлементы

Узнать о способах добавления медиаэлементов на страницу Изучить возможности при вставке изображений, видео, аудио

теория

тесты
8

Таблицы

Научиться верстать таблицы. Узнать о семантике таблиц

теория

тесты

упражнение
9

Формы

Изучить создание одного из самых важных элементов на сайте — формы. Научиться использовать стандартные элементы ввода данных и отправки формы

теория

тесты

упражнение
10

Селекторы

Изучить более сложные селекторы второго и третьего уровня по спецификации W3C

теория

тесты
11

Псевдоклассы

Узнать о возможностях стилизации событий элемента и стилизации по месторасположению элемента. Научиться использовать псевдоклассы

теория

тесты
12

Псевдоэлементы

Познакомиться с псевдоэлементами и научиться генерировать новый контент через CSS

теория

тесты
13

Переполнение

Изучить работу свойства overflow и способах скрытия контента внутри блоков. Узнать о свойстве text-overflow

теория

тесты

Испытания

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