Уроки на диване


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

    Раздел: VIPHTML, CSS, JavaScript, PHP, SQL  Дата: 24 ноября 2013
    Практика верстки под мобильные устройства (2013) Видеокурс

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

    Перед Вами видеокурс, где есть всё, чтобы в полной мере овладеть необходимыми знаниями и навыками для создания универсальных адаптивных сайтов.

    Это новое обучающее руководство от WebForMyself.com, разработанное Андреем Бернацким, поможет вам легко и в кратчайшие сроки постичь самую сложную в реализации верстку.

    Какие навыки и знания вы получите после прохождения курса?

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

    Кому курс будет исключительно полезен?

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

    • Разработчикам. Вы приобретете дополнительные полезные навыки, освоите новые технологии, повысив тем самым свой профессионализм.

    • Фрилансерам. Резиново-адаптивная верстка стоит дороже, чем статичная или резиновая. Значит, у вас есть отличная возможность для увеличения своего бюджета и привлечения новых заказчиков.

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

    Раздел 1. Верстка макета APPIX

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

    При верстке макета APPIX мы рассмотрим практически все существующие техники для работы с адаптивным контентом. Вы научитесь адаптировать под различные устройства контент, расположенный в две колонки, в три колонки, в четыре колонки. Научитесь также адаптировать двухколоночный контент, каждая из колонок которого делится еще на две колонки.

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

    Раздел 2. Верстка макета CREATIVE+

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

    В рамках данного блока курса мы сделаем адаптивную верстку макета CREATIVE+. Верстку будем делать адаптивную и в тоже время резиновую. Это позволит нам красиво умещать сайт в самых различных разрешениях экранов — от самых маленьких до самых больших.

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

    Раздел 3. Блок полезных уроков

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

    В третьей части курса мы улучшим и дополним созданные нами верстки. Рассмотрим дополнительные техники и приемы адаптивной верстки, которые могут пригодиться в будущем.

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

    БОНУСЫ:

    Бонус 1. Премиум-курс по CSS 3

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

    С помощью CSS3 вы сможете создавать такие привлекательные эффекты, как полупрозрачные фоны, градиенты и тени. Сможете использовать оригинальные шрифты, обычно не применяющиеся в Сети, а также внедрять на сайтах анимацию без использования Flash и javascript.

    Все современные браузеры хорошо поддерживают большинство свойств CSS 3, что дает нам возможность использовать их на веб-страницах и получать ожидаемый результат.

    Используя CSS 3, вы сможете создавать на своих страницах:

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

    • Уникальные шрифты. Правило @font-face позволяет создать ссылку на файл шрифта на сервере и использовать его для отображения текста на странице. Это позволяет не ограничиваться шрифтами, доступными на компьютере пользователей, и значительно упрощает красивое оформление текста.

    • Переходы. Переходы CSS3 представляют собой простейший тип анимации, меняющий стиль элемента. Например, это может быть плавное изменение цвета кнопки в момент, когда над ней оказывается указатель мыши. Причем для этого не требуется ни Flash, ни javascript.

    • Мощные селекторы. Спецификации CSS3 включают множество новых селекторов, в основном относящихся к псевдо-классам и атрибутам. Они позволяют обращаться к определенным фрагментам HTML-кода, не добавляя идентификаторы или классы, что упрощает код и защищает его от ошибок.

    • Трансформации полей. Еще одна категория визуальных эффектов, ставших возможными с появлением CSS3. С ее помощью можно управлять положением и формой блока в двумерном и трехмерном пространствах — это поворот, масштабирование, наклон блока и т.д.

    Все это и многое другое вы узнаете и сможете применять на своих веб-сайтах, пройдя курс по CSS 3.

    Бонус 2. Уроки по работе в программе Dreamweaver

    Web-страницы можно создавать в любом текстовом редакторе. Даже обычного блокнота будет достаточно для создания web-страницы.

    Но есть программы, которые созданы специально, чтобы облегчить жизнь разработчику. Это программы, которые ускоряют и автоматизируют процесс создания web-страниц.

    Одна из них — программа для создания web-страницDreamweaver. Она дает массу возможностей для ускорения и упрощения процесса создания сайтов. Обладает гибким и легко настраиваемым под себя окном разработчика.

    Изучив данный бонус, вы без труда сможете пользоваться программой, что ускорит процесс создания и наполнения web-страниц.

    Вы сможете настроить или создать свое собственное окно разработчика, что обеспечит максимально удобное использование программы.

    В уроках рассмотрены все панели инструментов, которые предоставляет программа.

    Плюс к этому, показано, как создать свою панель инструментов, удобную специально для вас. Здесь также рассмотрены спорные возможности работы программы и последствия, к которым они могут привести.

    Бонус 3. Сборник полезных инструментов веб-разработчика

    Если к первой группе можно отнести специализированные для web редакторы кода, то инструменты второй группы можно использовать как расширения для браузеров.

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

    Они достаточно просты и удобны в использовании. Поскольку они установлены в сам браузер, то позволяют анализировать, тестировать, исправлять текущую загруженную страницу и сразу же видеть результат изменений на этой же страницы.

    Изучив уроки, вы сможете всевозможными методами протестировать страницу.

    Сможете быстро вносить изменения в код и тут же видеть результат.

    Освоите инструмент, который позволяет быстро находить и исправлять ошибки. С помощью инструментов вы сможете переделывать целые куски кода прямо из браузера, анализировать и оценивать оптимизацию страницы и многое-многое другое.

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

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

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

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

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

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


    Название: Практика верстки под мобильные устройства
    Автор: Андрей Бернацкий
    Сайт: Перейти
    Формат: unpacked (autorun)
    Размер: 3.3 GB

    Уважаемые Гости и Пользователи сайта.
    Чтобы скачать для ознакомления данный обучающий материал Вы должны получить VIP-доступ к сайту!
    Внимание!!! Скаченный Вами материал предназначен только для ознакомления! После просмотра материал должен быть удалён с компьютера! Помните, что у любого материала имеется законный правообладатель. Поэтому после ознакомления Вы обязаны приобрести лицензию у законного правообладателя.
    На момент публикации новости все ссылки были рабочими. Если Вы заметили не рабочую ссылку, напишите об этом в комментариях к новости. Ссылки будут обновлены в ближайшее время!
    kola3986 28 марта 2016

    обновите ссылки на Turbobit, пожалуйста
    | |
     
    Moderator 28 марта 2016

    Ссылки обновлены. download
    | |
     
    HTML5 и CSS3 с нуля до профи (2016) Видеокурс HTML5 и CSS3 с нуля до профи (2016) Видеокурс
    Наиболее полный и актуальный в Рунете курс на тему HTML5 и CSS3. После изучения этой системы вы освоите полностью адаптивную верстку с использованием…
     
    Интернет - магазин под ключ (2013) Видеокурс Интернет - магазин под ключ (2013) Видеокурс
    Мощнейшее Практическое Руководство от Мастеров Сайтостроения — просто СМОТРИ и ДЕЛАЙ! Для тех, кто спит и видит себя высокооплачиваемым спецом по…
     
    Верстка сайта с помощью CSS Верстка сайта с помощью CSS
    Автор: Ченгаев Д. Год выпуска: 2009 Видео кодек: flash Язык: русский Размер: 70 мб В данном курсе автор расскажет как создавать современные и…
     
    WordPress-Мастер: от Личного блога до Премиум-шаблона (2014) Видеокурс WordPress-Мастер: от Личного блога до Премиум-шаблона (2014) Видеокурс
    Мечтаете о блоге или сайте с индивидуальным дизайном? Хотите, чтобы он красиво отображался на смартфонах и планшетах... Тогда вы просто обязаны…
     
    Фреймворк Bootstrap: практика адаптивной верстки от А до Я (2016) Видеокурс Фреймворк Bootstrap: практика адаптивной верстки от А до Я (2016) Видеокурс
    Фреймворк Bootstrap: освойте адаптивную верстку от А до Я менее чем за 30 дней! Даже если сегодня вы обладаете лишь базовыми знаниями HTML и CSS.…
     
    ×

    Информация

    Посетители, находящиеся в группе Guest, не могут оставлять комментарии к данной публикации.
ВОЙТИ НА САЙТ ЧЕРЕЗ:
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Джумла на максимальной скорости (2016) Видеокурс Джумла на максимальной скорости (2016) Видеокурс
Как быстро и безопасно увеличить скорость сайта на Joomla в 2-5 раз всего за несколько часов занятий? И начать получать в разы больше посетителей и…
 
Java. Библиотека профессионала. Том 1. Основы (2016) 10-е издание Java. Библиотека профессионала. Том 1. Основы (2016)…
Эта книга давно уже признана авторитетным, исчерпывающим руководством и практическим справочным пособием для опытных программистов, стремящихся…
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Защита компьютера от А до Я (2014) Видеокурс Защита компьютера от А до Я (2014) Видеокурс
Далеко не все начинающие пользователи знают о том, что антивирусная программа это только одна из сторон защиты и эта защита абсолютно не обеспечивает…
 
Froder - Реальный авито (2016) Практический видеокурс Froder - Реальный авито (2016) Практический видеокурс
Практический онлайн-курс по массовому автопостингу объявлений на авито с неприличными возможностями.
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Chip №11 (ноябрь 2016) Россия Chip №11 (ноябрь 2016) Россия
Chip — первый компьютерный журнал в Европе, сейчас издается в 16 странах тиражом более 1 миллиона экземпляров. Журнал Chip — это высочайшее качество…
 
Бизнес-модели. 55 лучших шаблонов (2016) Бизнес-модели. 55 лучших шаблонов (2016)
Успех компании зависит от выбора наиболее подходящей бизнес-модели. Предложенная в этой книге методология - отличное подспорье как для начинающих…
 
План работы над продающим текстом 2.0 (2016) Тренинг План работы над продающим текстом 2.0 (2016) Тренинг
Самый простой способ научиться писать эффективные продающие тексты: быстро, системно, пошагово, с хорошей маркетинговой подготовкой.
 
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! (2016) Научись зарабатывать деньги на авито, и получи билеты на…
Давно мечтал о своем бизнесе? Самое время начать! Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! К черту кризиc!…
 
БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016) БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016)
Массовый онлайн-курс по созданию постоянного потока клиентов из Инстаграм. 8 практических занятий с пошаговыми заданиями в онлайн-платформе.
 
Joomla! Реактивное продвижение сайта (2016) Видеокурс Joomla! Реактивное продвижение сайта (2016) Видеокурс
Как сделать так, чтобы поисковые системы ежедневно приводили к вам тысячи посетителей? Вы гарантированно продвинете свой сайт в поисковых системах и…
 
Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016) Тренинг Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016)…
Уникальный практический тренинг: «Как зарабатывать на Фотошопе от 50 000 рублей в месяц». Без вложений! Идеально подходит для новичков!
 
Дизайн поздравительных открыток (2015) Видеокурс Дизайн поздравительных открыток (2015) Видеокурс
Обучающий курс по дизайну поздравительных открыток, пройдя который каждый желающий научится профессионально создавать такие открытки, которые будут…
 
Мобильная фотография (2015) Видеокурс Мобильная фотография (2015) Видеокурс
Благодаря курсу «Мобильная фотография» вы научитесь создавать потрясающие снимки, сможете легко выстраивать геометрию в кадре, подстраиваться под…
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Видеозаписи конференции «Найди свой трафик» (2016) Видеозаписи конференции «Найди свой трафик» (2016)
В начале апреля в Санкт-Петербурге прошла первая конференция о самых разных каналах целевого трафика для продвижения бизнеса. Но самое главное не…
 
Трафик и конверсия 2016.  Онлайн-конференция Трафик и конверсия 2016. Онлайн-конференция
Трафик и конверсия 2016 - Серия (бесплатных) онлайн-встреч с лучшими специалистами в сфере привлечения трафика...
 
SEO-Конференция SEMPRO - 2016 SEO-Конференция SEMPRO - 2016
SEMPRO 2016 – точка сбора SEO-специалистов Украины и СНГ. Будут доклады от лучших SEO-экспертов Европы, России и Украины. Организаторы не ставили…
 
Всего на сайте: 9
Пользователи (0):
Гости (8)
Роботы (1):
Сайт: Уроки на диване. Учимся дома - Самостоятельно! Не бойся, что не знаешь - бойся, что не учишься!