Электронная библиотека

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






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

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

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

Видеоуроки





Разместил: tel40plus

15-01-2015, 23:15

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





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









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

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

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

Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014) Видеокурс Уроки верстки для начинающих качественный сайт на HTML5 и CSS3 (2014) Видеокурс
Вашему вниманию предлагаем курс по верстке состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на

Верстка сайтов для начинающих (2013) Видеокурс Верстка сайтов для начинающих (2013) Видеокурс
Хотите научиться грамотно и качественно верстать сайты, не совершая никаких ошибок и не ломая голову над тем, как сделать Вашу верстку лучше? Лучшее решение для этого — данный видеокурс.

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

О. Турова - Азы сайтостроения для начинающих (2012г., PCRec) О. Турова - Азы сайтостроения для начинающих (2012г., PCRec)
Видеокурс "Азы сайтостроения для начинающих" познакомит Вас с азами современной верстки сайтов. Автор курса расскажет вам об основах сайтостроения и аспектах веб дизайна. Из курса Вы узнаете как создавать HTML-документ, как прописывать в нем теги,

Web - Дизайн: Работа с HTML, CSS3, Javascript, JQuery. Обучающий видеокурс (2012-2013) Web - Дизайн: Работа с HTML, CSS3, Javascript, JQuery. Обучающий видеокурс (2012-2013)
Данный видеокурс познакомит Вас с особенностями современной верстки сайтов при помощи HTML, CSS3, javascript и JQuery. Автор курса - Артем Гринберг расскажет вам об аспектах веб дизайна, дав вам в руки весь необходимый багаж знаний для

Видеокурс Практика Резиновой Верстки Сайта (2012) Видеокурс Практика Резиновой Верстки Сайта (2012)
Если Вы желаете, чтоб Ваш web-сайт отображался красиво и роскошно в широкоформатных мониторах и еще прекрасно и аккуратненько ужимался в узких, а также любых браузерах самой различной версии то Вам подойдет данное виде-руководство Практика резиновой

Дизайн и верстка сайтов (Обучающее видео) Дизайн и верстка сайтов (Обучающее видео)
Дизайн и верстка сайтов (Обучающее видео) Автор: Алексей Захаренко Год выпуска: 2011 Жанр: Обучающее видео Продолжительность: 2 часа Размер: 1,16 Гб Язык: русский Дизайн и верстка сайтов (Обучающее видео): "Дизайн и верстка сайтов" - 2-х часовой

Видео уроки по рисованию макета сайта, его верстки и установки на CMS WordPress Видео уроки по рисованию макета сайта, его верстки и установки на CMS WordPress
Коллектив авторов представляет вашему вниманию восемь бесплатных видео уроков по созданию обалденного дизайна сайта с полного нуля. А кроме того вы узнаете как правильно нарезать графический макет, подготовить графику для сайта и установить готовый




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





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

Ваше Имя:
Ваш 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

Книги




Союз образовательных сайтов