CSS: Адаптивность сайта
Включено в курс
Чему вы научитесь
- Проверять адаптивность сайта, используя онлайн-инструменты.
- Использовать единицу измерения проценты для создания гибких макетов.
- Работать с Flex при создании адаптивных макетов.
- Создавать медиа-запросы, позволяющие использовать стили для разных разрешений экранов.
- Работать с различными типами устройств и создавать стили под них.
Описание
На этом курсе вы изучите адаптивность страниц. Вы узнаете больше о способах адаптировать сайт под разные устройства. В итоге вы научитесь использовать резиновую верстку, флекс и медиа-запросы. Адаптивность пригодится, если вы решите создать свою страницу, так как пользователи смотрят на страницы с разных устройств. Знания из этого курса помогают программистам создавать сайты под разные устройства и разрешения экранов.
Курс по адаптивности расширяет знания по позиционированию элементов: их ширина, переносы на разных разрешениях экрана. Для изучения курса понадобится умение верстать контент и позиционировать его на странице. Этим навыкам посвящены три курса:
Программа курса
-
6
Медиа-запросы
Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries -
7
Медиа-запросы и другие устройства
Выясняем, для каких устройств возможно применять свои стили -
8
Самостоятельная работа
Дополнительные задания, которые позволяют закрепить полученную теорию -
9
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже