VIPBOOK.SU
ЭЛЕКТРОННАЯ БИБЛИОТЕКА






Добро пожаловать на сайт электронной библиотеки!
Здесь можно найти произведения русских и зарубежных авторов.
Скачать множество книг и журналов различных жанров и направлений.
Большой выбор художественной, бизнес, учебной и технической литературы.
Все представленные здесь книги и журналы имеют подробное описание и обложку.
Наша библиотека регулярно пополняется только новыми и интересными материалами!

«Подробнее о сайте»            «Правила сайта»            «Написать нам»            «Статьи»

Практика верстки под мобильные устройства (2013) Видеокурс

Видеоуроки





Разместил: tel40plus

15-01-2015, 23:15

Просмотров: 514





Практика верстки под мобильные устройства (2013) Видеокурс

Мы живем в такое время, когда настольная стационарная аппаратура уверенным и стремительным шагом переходит в планшеты и смартфоны. Время, когда даже ноутбуки смещаются на второй план. А значит, растет спрос на сайты под планшетные и мобильные устройства. Это новое обучающее руководство разработанное Андреем Бернацким, поможет вам легко и в кратчайшие сроки постичь самую сложную в реализации верстку.

Чему научитесь
* Любые сайты (в т.ч. на движке WordPress) вы будете с легкостью делать адаптивными ко всем существующим устройствам.
* Будете профессионально делать верстку, которая адаптируется и хорошо смотрится не зависимо от разрешения устройства.
* Вы освоите работу с медиа-запросами, которая подробно будет рассмотрена на примере верстки макетов.
* Сможете виртуозно адаптировать изображения и галереи с сохранением отличного качества.
* Научитесь профессионально устанавливать собственное видео (или с YouTube, Vimeo и др.) без потери элементов управления.
* Освоите работу с 3-мя, 4-мя колонками контента, а также с 2-мя колонками, включающими в себя подколонки.
* Вы будете качественно работать с изображениями и видео-контентом в адаптивной верстке.
* Узнаете, как должны уменьшаться и располагаться блоки при просмотре верстки на различных устройствах: от широких — к узким.
* Вы научитесь правильно работать с широкими фоновыми изображениями в шапке сайта для мобильных устройств.
* Также научитесь делать меню и многоуровневые меню, адаптированные под сенсорные экраны.
* Вы будете правильно использовать инструменты тестирования адаптивной верстки.
* Узнаете, как адаптировать верстку под альбомную и портретную ориентацию мобильных устройств.
* Вы освоите все инструменты и сервисы для более быстрой и удобной верстки.
* И еще многое-многое другое…

Кому курс будет исключительно полезен?
Владельцам собственных сайтов. Вы сможете легко переделать любой свой сайт, сделать его адаптивным. Это заметно повысит престиж сайта, но главное — привлечет ощутимую часть дополнительного трафика.
Разработчикам. Вы приобретете дополнительные полезные навыки, освоите новые технологии, повысив тем самым свой профессионализм.
Фрилансерам. Резиново-адаптивная верстка стоит дороже, чем статичная или резиновая. Значит, у вас есть отличная возможность для увеличения своего бюджета и привлечения новых заказчиков.

Описание разделов курса

Раздел 1. Верстка макета APPIX
Макет APPIX обладает нестандартной структурой расположения контента. Это дает нам возможность рассмотреть различные приемы и техники адаптивной верстки. В первом блоке курса мы с вами из исходника дизайна в формате PSD с нуля сверстаем данный макет.

Изучив этот блок курса, вы узнаете:
Как максимально эффективно исследовать PSD-макет сайта.
Как определить подходящую разметку страницы.
Как эффективно использовать медиа-запросы.
Как адаптивно работать с изображениями.
Как вместить широкое меню в узкий экран смартфона.
Как эффективно использовать позиционирование для адаптивных сайтов.
Узнаете тонкости поведения плавающих блоков и свойства float.
Как использовать свойство float для адаптивных сайтов.
Как определить и вырезать необходимые изображения.
Как описать, казалось бы, табличную структуру блоками.
Как выравнивать элементы для адаптивной верстки.
Как эффективно задавать отступы для адаптивных сайтов.
Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем.
Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете.
Как, используя firebug, найти нужные стили и изменить их.
Как эффективно использовать псевдо-классы.
Как скруглить углы для изображений, используя CSS 3.
Как избежать схлопывания границ блока.

Раздел 2. Верстка макета CREATIVE+:
Во втором блоке курса мы будем работать с макетом CREATIVE+. В отличие от нестандартной структуры макета APPIX, данный макет состоит из шапки сайта, центрального блока и футера. Центральный блок делится на две колонки: колонка с основным контентом и колонка навигации. То есть макет CREATIVE+ имеет блоговую структуру.

Изучив этот блок курса, вы узнаете:
Как максимально эффективно исследовать PSD макет сайта.
Как определить подходящую разметку страницы.
Как эффективно использовать медиа запросы.
Как адаптивно работать с изображениями.
Как назначать широкие фоновые изображения для адаптивных сайтов.
Как вместить широкое меню в узкий экран смартфона.
Как эффективно использовать позиционирование для адаптивных сайтов.
Узнаете тонкости поведения плавающих блоков и свойства float.
Как использовать свойство float для адаптивных сайтов.
Как определить и вырезать необходимые изображения.
Как выравнивать элементы для адаптивной верстки.
Как эффективно задавать отступы для адаптивных сайтов.
Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем.
Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете.
Как, используя firebug, найти нужные стили и изменить их.

Раздел 3. Блок полезных уроков:
Изучив предыдущие два блока курса, вы уже сможете с легкостью адаптивно верстать макеты различной сложности. Но есть некоторые специфические техники и приемы, которые не рассматривались при верстке макетов APPIX и CREATIVE+. И поскольку они достаточно часто встречаются при верстке сайтов, мы их рассмотрим отдельно в данном блоке курса.

Изучив этот блок курса, вы узнаете:
Как заставить работать вашу верстку в старых версиях IE и стоит ли это делать.
Как установить галерею изображений и сделать ее адаптивной.
Как установить видео и сделать его адаптивным.
Как адаптивно работать с формами и почему это важно.
Как адаптировать громоздкое меню под маленькие экраны.

БОНУСЫ
Бонус 1. Премиум-курс по CSS 3
Бонус 2. Уроки по работе в программе Dreamweaver
Бонус 3. Сборник полезных инструментов веб-разработчика

Название: Практика Верстки под Мобильные Устройства
Год выпуска: 2013
Исполнитель: Андрей Бернацкий
Язык: русский
Жанр: обучающее видео

Качество: PCRec
Формат: mp4
Видео: AVC, ~1500 Kbps, 25.0 fps, 720 * 576 (4:3)
Аудио: AAC; 96 Kbps, 22050 Hz
Продолжительность: 10:51:10
Размер: 3.84 Gb


Скачать Практика верстки под мобильные устройства (2013) Видеокурс









Похожие публикации

Adobe Muse быстрый старт 2.0. Видеокурс (2016) Adobe Muse быстрый старт 2.0. Видеокурс (2016)
Научитесь создавать сайты без знаний программирования с помощью программы Adobe Muse. Эта программа позволит вам делать классные, современные сайты под компьютеры и мобильные устройства без знания программирования, необходимости работать с кодом и

Арслан Ахмедов. Создаем адаптивные сайты как Гуру Вебфлоу (2016) Видеокурс Арслан Ахмедов. Создаем адаптивные сайты как Гуру Вебфлоу (2016) Видеокурс
Выходите из толпы — берите больше, создавая адаптивные сайты.

Юрий Ключевский. Обучение профессия верстальщика (2015) Видеокурс Юрий Ключевский. Обучение профессия верстальщика (2015) Видеокурс
Вы сможете верстать страницы для десктопа и мобильных устройств, узнаете как работать с чужим кодом и правильно публиковать сайты в сети, соберете портфолио из 2-3 сайтов.

WordPress-Мастер: от личного блога до премиум шаблона (2014) Видеокурс WordPress-Мастер: от личного блога до премиум шаблона (2014) Видеокурс
Хотите с нуля научиться делать веб-блоги и сайты на движке "WordPress" с индивидуальным дизайном? Тогда вы нашли, то, что искали. На данный момент этот видеокурс является единственным и уникальным в Рунете практическим курсом, от проф.

Joomla-Мастер: с нуля до Премиум-шаблона (2014) Видеокурс Joomla-Мастер: с нуля до Премиум-шаблона (2014) Видеокурс
Полный пошаговый видеокурс по теме Joomla в Рунете. Joomla-Мастер: с нуля до премиум шаблона. Вы будете создавать функциональные безопасные адаптированные сайты на Joomla с вашими авторскими дизайнами под любые задачи.

WordPress - Профессионал (2014) Видеокурс WordPress - Профессионал (2014) Видеокурс
Видеокурс «WordPress-Профессионал» открывает все аспекты APIWordPress, по этому вы будете знать WordPress на профессиональном уровне «от» и «до» и сможете воплотить на WordPress всё, на что у вас хватит фантазии.

WordPess-Мастер: Гуру-Уровень (2014) Видеокурс WordPess-Мастер: Гуру-Уровень (2014) Видеокурс
Основная задача видео руководства WORDPRESS-МАСТЕР ГУРУ-УРОВЕНЬ научить вас адаптировать созданные ранее темы шаблонов под мобильные устройства — чтобы они смотрелись и работали на любых устройствах корректно: от смартфона и до планшетного

Seo Praktik - 2011 Seo Praktik - 2011
С Видеокурсом «SEO Практика» - 2011» Вы научитесь стабильно продвигать сайты в топ и реально извлекать максимальную прибыль из своих ресурсов. Шаг за шагом на примере реального сайта Вы увидите что нужно делать для того, чтобы Ваш сайт оказался в

М. Дубаков - Создание Web-страниц. Искусство верстки М. Дубаков - Создание Web-страниц. Искусство верстки
Описано создание Web-страниц на основе совместного использования HTML и CSS. Умелое сочетание этих технологий позволяет быстро и просто верстать эффектные сайты, которые отображаются всеми современными браузерами и легки в сопровождении.

Создание Web-страниц. Искусство верстки Создание Web-страниц. Искусство верстки
Описано создание Web-страниц на основе совместного использования HTML и CSS. Умелое сочетание этих технологий позволяет быстро и просто верстать эффектные сайты, которые отображаются всеми современными браузерами и легки в сопровождении.






Отзывы и Комментарии





Добавление комментария

Ваше Имя:
Ваш E-Mail:(необязательно)
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Книги