Курс «CSS: Адаптивность сайта»

CSS3

Flex

Viewport

Адаптивность

Гибкие макеты

Media Queries

Последнее обновление: 3 ноября 2025 г.

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

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

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

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

4 упражнения в тренажере

23 проверочных теста

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

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

Доступ ко всем курсам

Описание

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

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

Проверять адаптивность сайта, используя онлайн-инструменты.
Использовать единицу измерения проценты для создания гибких макетов.
Работать с Flex при создании адаптивных макетов.
Создавать медиа-запросы, позволяющие использовать стили для разных разрешений экранов.
Работать с различными типами устройств и создавать стили под них.

Программа

1	Введение Знакомимся с темой и целями курса
2	Проверка адаптивности сайта Выясняем, как проверить ваш сайт на различных устройствах
3	Viewport Выясняем, что такое мета-тег viewport и как он помогает в адаптивности
4	Гибкие элементы Познакомимся с версткой с использованием процентов
5	Flex Разбираемся в возможностях Flex при создании адаптивных макетов
6	Медиа-запросы Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
7	Медиа-запросы и другие устройства Выясняем, для каких устройств возможно применять свои стили