[lynda.com] Адаптивная вёрстка на практике [James Williamson] на русском

Фэйт · 13 Авг 2021

Продолжая концепции, представленные в курсе Основы отзывчивого дизайна, старший автор Джеймс Вильямсон продемонстрирует практическое применение отзывчивого дизайна, и покажет, как улучшить отображение вашего веб-сайта на различных устройствах. Сначала, вы узнаете, как планировать ваш дизайн и использовать достоинства медиа-запросов CSS, чтобы создать несколько макетов. Затем, сделаете, чтобы навигация вашего сайта отзывалась на изменения размеров экрана, с помощью CSS и jQuery, и научитесь делать эластичные изображения и видео. Плюс, узнаете, как воспользоваться такими преимуществами мобильных возможностей, как события прикосновений и формы HTML5, чтобы улучшить восприятие мобильных посетителей. Также Джеймс покажет, как эффективно управлять ресурсами и оптимизировать производительность вашего сайта.
Продолжительность: 6 часов
Темы курса:

Спойлер

Создание разметок

Структурирование областей страницы

Определение стилей по умолчанию и медиа-запросов

Построение десктопного, планшетного и мобильного макетов

Структурирование и стилизация меню

Динамическая замена меню

Создание отзывчивой галереи изображений

Добавление телефонного функционала

Тестирование отзывчивых сайтов