Обучающее видео

Практика верстки под мобильные устройства (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 Просмотров: 1335
0