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

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

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

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

Уроки курса

• 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

  теория

  тесты

Испытания

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

Автор

Никита Михайлов

Ключевые навыки: HTML, CSS, JS Frontend.

Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.