Практика верстки под мобильные устройства (2013)
Мы живем в такое время, когда настольная стационарная аппаратура уверенным и стремительным шагом переходит в планшеты и смартфоны. Время, когда даже ноутбуки смещаются на второй план. А значит, растет спрос на сайты под планшетные и мобильные устройства.
Это новое обучающее руководство поможет вам легко и в кратчайшие сроки постичь самую сложную в реализации верстку.
Содержание:
Раздел 1. Верстка макета APPIX
- Как максимально эффективно исследовать PSD-макет сайта
- Как определить подходящую разметку страницы
- Как эффективно использовать медиа-запросы
- Как адаптивно работать с изображениями
- Как вместить широкое меню в узкий экран смартфона
- Как эффективно использовать позиционирование для адаптивных сайтов
- Узнаете тонкости поведения плавающих блоков и свойства float
- Как использовать свойство float для адаптивных сайтов
- Как определить и вырезать необходимые изображения
- Как описать, казалось бы, табличную структуру блоками
- Как выравнивать элементы для адаптивной верстки
- Как эффективно задавать отступы для адаптивных сайтов
- Как предусмотреть поведение сайта при его наполнении и избежать возможных проблем
- Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете
- Как, используя firebug, найти нужные стили и изменить их
- Как эффективно использовать псевдо-классы
- Как скруглить углы для изображений, используя CSS 3
- Как избежать схлопывания границ блока
Раздел 2. Верстка макета CREATIVE+
- Как максимально эффективно исследовать PSD макет сайта
- Как определить подходящую разметку страницы
- Как эффективно использовать медиа запросы
- Как адаптивно работать с изображениями
- Как назначать широкие фоновые изображения для адаптивных сайтов
- Как вместить широкое меню в узкий экран смартфона
- Как эффективно использовать позиционирование для адаптивных сайтов
- Узнаете тонкости поведения плавающих блоков и свойства float
- Как использовать свойство float для адаптивных сайтов
- Как определить и вырезать необходимые изображения
- Как выравнивать элементы для адаптивной верстки
- Как эффективно задавать отступы для адаптивных сайтов
- Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем
- Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете
- Как, используя firebug, найти нужные стили и изменить их
Раздел 3. Блок полезных уроков
- Как заставить работать вашу верстку в старых версиях IE и стоит ли это делать
- Как установить галерею изображений и сделать ее адаптивной
- Как установить видео и сделать его адаптивным
- Как адаптивно работать с формами и почему это важно
- Как адаптировать громоздкое меню под маленькие экраны
Бонусы
- Премиум-курс по CSS 3
- Уроки по работе в программе Dreamweaver
- Сборник полезных инструментов веб-разработчика
После просмотра видеокурса вы научитесь:
- Любые сайты (в т.ч. на движке WordPress) вы будете с легкостью делать адаптивными ко всем существующим устройствам
- Будете профессионально делать верстку, которая адаптируется и хорошо смотрится не зависимо от разрешения устройства
- Вы освоите работу с медиа-запросами, которая подробно будет рассмотрена на примере верстки макетов
- Сможете виртуозно адаптировать изображения и галереи с сохранением отличного качества
- Научитесь профессионально устанавливать собственное видео (или с YouTube, Vimeo и др.) без потери элементов управления
- Освоите работу с 3-мя, 4-мя колонками контента, а также с 2-мя колонками, включающими в себя подколонки
- Вы будете качественно работать с изображениями и видео-контентом в адаптивной верстке
- Узнаете, как должны уменьшаться и располагаться блоки при просмотре верстки на различных устройствах: от широких — к узким
- Вы научитесь правильно работать с широкими фоновыми изображениями в шапке сайта для мобильных устройств
- Также научитесь делать меню и многоуровневые меню, адаптированные под сенсорные экраны
- Вы будете правильно использовать инструменты тестирования адаптивной верстки
- Узнаете, как адаптировать верстку под альбомную и портретную ориентацию мобильных устройств
- Вы освоите все инструменты и сервисы для более быстрой и удобной верстки
Автор: Андрей Бернацкий
Формат: exe
Продолжительность: 10:51:10
Язык: русский
Видео: AVC, ~1500 Kbps, 25.0 fps, 720 * 576 (4:3)
Аудио: AAC; 96 Kbps, 22050 Hz
Скачать видеокурс (3,23 ГБ):
Узнаете тонкости поведения плавающих блоков и свойства float
hostefile 25/11/13 Просмотров: 1367
0