курс

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

958 учащихся 398 сообщений

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

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

  • Правильно размечать текст, списки, таблицы и медиаэлементы.
  • Создавать таблицы.
  • Обращаться к элементам используя широкие возможности селекторов.
  • Адаптировать страницы для людей с ограниченными возможностями.
  • Использовать возможности CSS Columns.
  • Подключать шрифты и правильно их использовать.
CSS3 HTML5 Селекторы Доступность CSS Columns CSS Units
Последнее обновление: 28 февраля 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

    тесты

Испытания

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

# Задание % завершений
1 Вкладки 62%
2 Калькулятор 81%
3 Терминал 83%
4 Календарь 87%

Автор

Аватар пользователя Никита Михайлов

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

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

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

Курс Основы вёрстки контента
продолжительность
12 часов
награда
70 баллов