Информация о фильме: Фильм: Практика Верстки под Мобильные Устройства Оригинальное название: Практика Верстки под Мобильные Устройства Год выхода: 2013 Жанр: Видеокурс Режиссер: Андрей Бернацкий
О фильме: Мы живем в такое время, когда настольная стационарная аппаратура уверенным и стремительным шагом переходит в планшеты и смартфоны. Время, когда даже ноутбуки смещаются на второй план. А значит, растет спрос на сайты под планшетные и мобильные устройства. Это новое обучающее руководство разработанное Андреем Бернацким, поможет вам легко и в кратчайшие сроки постичь самую сложную в реализации верстку.
Какие знания вы получите -Любые сайты (в т.ч. на движке WordPress) вы будете с легкостью делать адаптивными ко всем существующим устройствам. -Будете профессионально делать верстку, которая адаптируется и хорошо смотрится не зависимо от разрешения устройства. -Вы освоите работу с медиа-запросами, которая подробно будет рассмотрена на примере верстки макетов. -Сможете виртуозно адаптировать изображения и галереи с сохранением отличного качества. -Научитесь профессионально устанавливать собственное видео (или с YouTube, Vimeo и др.) без потери элементов управления. -Освоите работу с 3-мя, 4-мя колонками контента, а также с 2-мя колонками, включающими в себя подколонки. -Вы будете качественно работать с изображениями и видео-контентом в адаптивной верстке. -Узнаете, как должны уменьшаться и располагаться блоки при просмотре верстки на различных устройствах: от широких — к узким. -Вы научитесь правильно работать с широкими фоновыми изображениями в шапке сайта для мобильных устройств. -Также научитесь делать меню и многоуровневые меню, адаптированные под сенсорные экраны. -Вы будете правильно использовать инструменты тестирования адаптивной верстки. -Узнаете, как адаптировать верстку под альбомную и портретную ориентацию мобильных устройств. -Вы освоите все инструменты и сервисы для более быстрой и удобной верстки. -И еще многое-многое другое…
Раздел 1. Верстка макета APPIX -Как максимально эффективно исследовать PSD-макет сайта. -Как определить подходящую разметку страницы. -Как эффективно использовать медиа-запросы. -Как адаптивно работать с изображениями. -Как вместить широкое меню в узкий экран смартфона. -Как эффективно использовать позиционирование для адаптивных сайтов. -Узнаете тонкости поведения плавающих блоков и свойства float. -Как использовать свойство float для адаптивных сайтов. -Как определить и вырезать необходимые изображения. -Как описать, казалось бы, табличную структуру блоками. -Как выравнивать элементы для адаптивной верстки. -Как эффективно задавать отступы для адаптивных сайтов. -Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем. -Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете. -Как, используя firebug, найти нужные стили и изменить их. -Как эффективно использовать псевдо-классы. -Как скруглить углы для изображений, используя CSS 3. -Как избежать схлопывания границ блока.
Раздел 2. Верстка макета CREATIVE+ -Как максимально эффективно исследовать PSD макет сайта. -Как определить подходящую разметку страницы. -Как эффективно использовать медиа запросы. -Как адаптивно работать с изображениями. -Как назначать широкие фоновые изображения для адаптивных сайтов. -Как вместить широкое меню в узкий экран смартфона. -Как эффективно использовать позиционирование для адаптивных сайтов. -Узнаете тонкости поведения плавающих блоков и свойства float. -Как использовать свойство float для адаптивных сайтов. -Как определить и вырезать необходимые изображения. -Как выравнивать элементы для адаптивной верстки. -Как эффективно задавать отступы для адаптивных сайтов. -Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем. -Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете. -Как, используя firebug, найти нужные стили и изменить их.
Раздел 3. Блок полезных уроков -Как заставить работать вашу верстку в старых версиях IE и стоит ли это делать. -Как установить галерею изображений и сделать ее адаптивной. -Как установить видео и сделать его адаптивным. -Как адаптивно работать с формами и почему это важно. -Как адаптировать громоздкое меню под маленькие экраны.
Бонусы Бонус 1. Премиум-курс по CSS 3 Бонус 2. Уроки по работе в программе Dreamweaver Бонус 3. Сборник полезных инструментов веб-разработчика
Выпущено: Россия Продолжительность: 10:51:10 Озвучивание: Русский
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
