Бесплатный
курс
Основы вёрстки контента
4018 студентов
972 сообщения
Последнее обновление:
23 сентября 2021
Бесплатный курс
Зарегистрироваться
- Тренажер с практикой
- Бессрочный доступ к теории
- Асинхронный формат обучения
Включено в курс
13 уроков (видео и/или текст)
11 упражнений в тренажере
59 проверочных тестов
Помощь в «Обсуждениях»
Чему вы научитесь
- Правильно размечать текст, списки, таблицы и медиаэлементы.
- Создавать таблицы.
- Обращаться к элементам используя широкие возможности селекторов.
- Адаптировать страницы для людей с ограниченными возможностями.
- Использовать возможности CSS Columns.
- Подключать шрифты и правильно их использовать.
Описание
Курс посвящён работе с контентом с помощью CSS и HTML. На сегодняшний день таблицы стилей предоставляют большие возможности по стилизации текста и блоков на странице: фон, цвет, использование аудио и видео. Все эти элементы позволяют создавать красочные и доступные сайты для пользователей. Немало времени уделено изучению новых селекторов, псевдоклассов и псевдоэлементов. Они позволяют неординарно стилизовать контент.
Уроки курса
-
2
Стили текста
Познакомиться с основными стилями, используемые при оформлении текста -
3
Шрифты и работа с ними
Узнать о способах подключения и выбора шрифтов на странице. Научиться управлять размерами, оформлением и интервалами внутри текста. Изучить обобщённое свойство font -
5
Колонки
Познакомиться с CSS Multi-column Layout и узнать о способах его применения -
6
Единицы измерения
Изучить единицы измерения, доступные в CSS, и их взаимосвязи между собой -
7
Медиаэлементы
Узнать о способах добавления медиаэлементов на страницу Изучить возможности при вставке изображений, видео, аудио -
9
Формы
Изучить создание одного из самых важных элементов на сайте — формы. Научиться использовать стандартные элементы ввода данных и отправки формы -
11
Псевдоклассы
Узнать о возможностях стилизации событий элемента и стилизации по месторасположению элемента. Научиться использовать псевдоклассы -
12
Псевдоэлементы
Познакомиться с псевдоэлементами и научиться генерировать новый контент через CSS -
13
Переполнение
Изучить работу свойства overflow и способах скрытия контента внутри блоков. Узнать о свойстве text-overflow -
14
Самостоятельная работа
Дополнительные задания, которые позволяют закрепить полученную теорию -
15
Дополнительные материалы
Помогают глубже и всесторонне рассмотреть тему курса в открытых статьях и видео подобранных командой Хекслета
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.
| # | Задание | % завершений |
|---|---|---|
| 1 | Вкладки | 59% |
| 2 | Калькулятор | 86% |
| 3 | Терминал | 88% |
| 4 | Календарь | 87% |
Впечатления
Рекомендуемые программы
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
