Курс, изучающий все аспекты адаптивного дизайна. Узнайте, как создавать сайты, которые отлично выглядят и хорошо работают для всех.
Этот курс отправит вас в путешествие по многим аспектам современного адаптивного веб-дизайна. Первые несколько модулей познакомят вас с историей возникновения адаптивного дизайна и познакомят вас с основами адаптивных макетов. Отсюда вы узнаете об адаптивных изображениях, типографике, доступности и многом другом.
Попутно вы узнаете, как сделать веб-сайты отзывчивыми к предпочтениям пользователя и возможностям устройства. К концу вы также поймете, какое будущее ждет адаптивный дизайн.
В каждом модуле есть демонстрации и тесты для самопроверки, позволяющие вам проверить свои знания.
Этот курс создан для дизайнеров и разработчиков начинающего и среднего уровня. Базового понимания HTML и CSS должно быть достаточно. Вам не нужно знать JavaScript. Если вы новичок в создании веб-сайтов, есть введение в HTML и еще один курс, который поможет вам изучить CSS .
Вот что вы узнаете:
Введение
Узнайте, откуда появился адаптивный дизайн.
Медиа-запросы
Адаптируйте свои проекты к экранам разных размеров с помощью медиазапросов CSS.
Интернационализация
Подготовьте свои проекты для разных языков и режимов письма.
Макромакеты
Создавайте макеты страниц, используя различные методы CSS.
Микромакеты
Создавайте гибкие компоненты, которые можно разместить где угодно.
Типография
Сделайте свой текст разборчивым и красивым, где бы он ни появлялся.
Адаптивные изображения
Предоставьте вашим посетителям наиболее подходящие изображения для их устройств и экранов.
Элемент изображения
Используйте более творческий контроль над своими изображениями.
Иконки
Используйте SVG для масштабируемой адаптивной иконографии.
Тематика
Адаптируйте свой дизайн в соответствии с предпочтениями пользователя, например темным режимом.
Доступность
Убедитесь, что ваш сайт доступен всем.
Взаимодействие
Подготовьте свои страницы для различных механизмов ввода; мышь, клавиатура и сенсорный экран.
Шаблоны пользовательского интерфейса
Рассмотрим некоторые распространенные элементы пользовательского интерфейса, которые адаптируются к экранам разных размеров.
Медиа-функции
Обзор всех способов, с помощью которых мультимедийные функции позволяют вам реагировать на устройства и предпочтения.
Конфигурации экрана
Подготовьте контент для устройств с несколькими экранами.
Выводы и дальнейшие шаги
Дополнительные ресурсы, которые помогут вам сделать следующие шаги.
Итак, вы готовы изучить адаптивный дизайн?