Отзывчивый дизайн с Dreamweaver CS6 — Lynda.com [RUS]

Складчина: Отзывчивый дизайн с Dreamweaver CS6 — Lynda.com [RUS]

Отзывчивый дизайн с Dreamweaver CS6
Responsive Design with Dreamweaver CS6
[Lynda.com] (RUS)​

Год выпуска: 2012
Производитель: Lynda.com
Автор: Joseph Lowery
Продолжительность: 2h
Этот курс показывает два подхода к отзывчивому веб-дизайну, новые особенности Fluid Grid Layout и медиа-запросы, которые позволяют широкому спектру дизайнерам достижения своей целевой аудитории через настольные компьютеры, планшеты, или другие мобильные устройства.
Автор Джозеф Лоуэри показывает, как использовать особенность плавающей компоновки сетки в Dreamweaver для создания единого веб-сайта, который обеспечивает различные схемы целевых размеров экрана.
Курс также предлагает более продвинутый подход к отзывчивым дизайн с использованием медиа-запросов, используя функцию предварительного просмотра Multiscreen и повышения в результате выхода кода, а также методы работы "сначала мобильные" и адаптивных изображений.
Темы курса:​

• Изучение плавающей сетки макета
• Добавление блоков тегов DIV
• Вставка содержания в сетки
• Изменение числа столбцов сетки
• Регулировка ширины столбцов и полей
• Построение медиа-запросов
• Обработка изменения ориентации
• Применяя методы JavaScript
• Настройка серверных решений

Спойлер: Содержание

Introduction 2m 19s
Welcome 1m 0s
About the exercise files 1m 19s
1. Understanding Responsive Web Design 14m 6s
The foundation of responsive web design 6m 2s
Structuring fluid grids 3m 38s
Understanding media queries 4m 26s
2. Fluid Grid Layouts in Dreamweaver 39m 40s
Exploring the default Fluid Grid Layout 8m 34s
Adding building block div tags 7m 52s
Inserting content 8m 11s
Targeting a phone design 5m 28s
Balancing tablet layouts 9m 35s
3. Expanding on a Fluid Grid Structure 19m 6s
Modifying the number of grid columns 6m 35s
Adjusting column widths and margins 6m 9s
Including advanced page elements 6m 22s
4. Enhanced Media Queries 26m 57s
Building media queries from the ground up 9m 28s
Working with additional media queries 3m 35s
Handling orientation changes 2m 23s
Working with high-resolution displays 11m 31s
5. Flexible Images and Media 24m 25s
Core CSS manipulation 6m 59s
Applying JavaScript techniques 9m 19s
Setting up server-side solutions 8m 7s
Goodbye 25s
Next steps 25s

Спойлер: Скриншоты