01
ноя 2016

Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)

Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)

Современные сайты и веб-разработку уже невозможно представить без HTML5 и CSS3, как ни крути. Любой проект, любой заказчик требуют валидной, кроссбраузерной и современной вёрстки на HTML5 и СSS3, и обязятельно адаптированную под мобильные устройства. Если вы будете уметь верстать на HTML5 и CSS3 и адаптировать проект под мобильные устройства, то можно смело поднимать стоимость часа своей работы. Ну а если вы создаёте сайт для себя, то эти знания помогут сделать его лучше, функциональнее и удобнее. Как правило это оборачивается повышением позиций, увеличением посещаемости и соответственно дохода.

Содержание:
Вводная часть

0. Вводное видео
О курсе и как его использовать

1. HTML5. Семантическая разметка
О новых тегах: header, nav, section, aside, article и т.д.

2. HTML5. Медиа объекты
Вставка видео и аудио без дополнительных плееров + атрибуты.

3. HTML5. Формы
Работа с формами в HTML5 + новые типы полей.

4. HTML5. Другие возможности
Примеры реализации других возможностей на HTML5

5. CSS3. Новые свойства в CSS3
Линейные градиенты, раудисы, прозрачность, тени, трансформация, анимация.

Практическая часть

1. Макет и PSD исходник
Знакомство с PSD исходником и набросок будущего макета

2. Вёрстка шапки
Расчёт адпаптивных размеров и вёрстка шапки + формула расчёта EM и %

3. Вёрстка блока "Услуги"
Планирование этапа, подготовка изображений и вёрстка блока.

4. Вёрстка блока "Портфолио"
Планирование, двойные классы и вёрстка.

5. Блок "Портфолио": hover эффекты
Создание hover эффекта при наведении на элементы на CSS3.

6. Вёрстка блока "О нас"
Вёрстка хитрого блока с позиционированием и псевдо-классами.

7. Вёрстка блока "Наша команда"
Подготовка и вёрстка блока + создание CSS спрайтов

8. Вёрстка блока "Партнёры"
Вёрстка блока и вставка карусели изображений на JQuery

9. Вставка карты Яндекса
Вставка интерактивной карты Яндекса во всю ширину.

10. Вёрстка формы обратной связи
Планирование этапа, создание формы с новыми типами полей.

11. Блок с копирайтами
Вёрстка блока копирайтов, расширение CSS спрайта, вставка даты на PHP

12. Улучшение и доработка
Добавление функции плавной прокрутки к блокам и кнопки "Наверх" (3 варианта)

13. Улучшение и доработка ч.2
Валидация полей в форме обратной связи (через JS) + защита от СПАМ ботов

14. Адаптация под мобильные устройства
Адаптация под экраны планшетов и мобильников + работа с FireBug

15. Адаптация под мобильные устройства ч.2
Вторая часть видео по адаптации.

16. PHP обработчик формы
Создание скрипта-обработчика на PHP, для формы обратной связи.

17. Умная форма обратной связи
Подключение скрипта для формы обратной связи с передачей UTM меток и записью в CSV файл.

18. Перенос на хостинг и валидация
Перенос лендинга на хостинг по FTP, проверка, ускорение и установка цели в Яндекс.Метрике.

Информация о видео
Название: Адаптивная вёрстка на HTML5 и CSS3
Автор: Олег Касьянов
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский

Файл
Формат: MP4 (+ доп.материалы)
Видео: AVC, 1280x720, ~392 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Продолжительность: ~5 часов
Размер файла: 2.27 Gb

Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016) Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016) Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)


Скачать Видеокурс - Адаптивная вёрстка на HTML5 и CSS3

- -- -- -

Cкачать обучающее видео Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016) через торрент


ПОКАЗОВ : 79

Топ-10 запрещенных документальных фильмов!

Похожие обучающие видео на Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)

    HTML5 и CSS3 с нуля до профи. Видеокурс (2016)HTML5 и CSS3 с нуля до профи. Видеокурс (2016)
    Наиболее полный и актуальный в Рунете курс на тему HTML5 и CSS3. После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.
    HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)
    В курсе подробно рассматриваются нововведения HTML5 и CSS3 на примерах. Так же подробно разбирается верстка макета сайта и адаптация под современные браузеры. Курс будет полезен как для начинающих веб-мастеров, так и профессионалам.
    Влад Мержевич - Вёрстка веб-страниц [2011, PDF]Влад Мержевич - Вёрстка веб-страниц [2011, PDF]
    О вёрстке веб-страниц вообще мало книг на русском языке, а уж последовательных, где подробно с самого начала рассказаны все основы, можно считать что нет. Так что эту нишу восполняет моя новая электронная книга «Вёрстка веб-страниц», которая будет полезна и новичкам и опытным пользователям.
    Веб разработка HTML5 и CSS3 (djvu)Веб разработка HTML5 и CSS3 (djvu)
    В учебнике HTML5 и CSS3 описаны технологии веб разработки по стандартам нового поколения на реальных и простых примерах. Уже сейчас основные браузеры, а также мобильные устройства
    CBS - HTML5 & HTML5 Обучающий видеокурс (2013)CBS - HTML5 & HTML5 Обучающий видеокурс (2013)
    В курсе HTML5 и CSS3 описаны технологии веб-разработки по стандартам нового поколения на реальных и простых примерах. Уже сейчас основные браузеры, а также мобильные устройства поддерживают многие спецификации HTML5 и CSS3. Эти технологии дают основу следующему поколению интернет-приложений.
    Вёрстка шаблона на CMS DataLife Engine видеокурс (2009)Вёрстка шаблона на CMS DataLife Engine видеокурс (2009)
    Особенность этого видеокурса в том что, он помогает безболезненно перейти с html вёрстки на css. Весь шаблон который строится в процесе видеообучения, строится исключительно на блоках. Первые уроки обучают азам css, насколько css похож на язык html. И обучающиеся видят что css и вёрстка div-ами не на столько страшная на сколько кажется. В каждом ур...
    Скачать "Видеокурс Adobe InDesign CS5. Вёрстка печатных и электронных изда ...Скачать "Видеокурс Adobe InDesign CS5. Вёрстка печатных и электронных изда ...
    В данном видеокурсе, предназначенном главным образом для редакторов, дизайнеров, верстальщиков электронных документов рассматриваются как теоретические, так и практические вопросы макетирования и верстки с использованием программы Adobe InDesign CS5.
    Фрайн Б. - HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств  ...Фрайн Б. - HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств ...
    Сегодня как никогда остро стоит проблема адаптивного веб-дизайна. Все больше планшетных компьютеров, смартфонов и даже телевизоров используется для выхода в Интернет. Разработчикам веб-страниц требуется принимать во внимание огромное разнообразие размеров экранов, а также учитывать особенности соответствующего пользовательского взаимодействия.
    Б. Лоусон, Р. Шарп. Изучаем HTML5 - 2011Б. Лоусон, Р. Шарп. Изучаем HTML5 - 2011
    Эта книга посвящена изучению нового стандарта веб-программирования HTML5 и использованию новых функциональных возможностей, предоставляемых веб-разработчикам. Написанная опытными программистами, давно использующими HTML5 в своей работе, книга расскажет, как приступить к освоению этого языка программирования и адаптации веб-проектов для того, чтобы ...
    Б.Хоган  «HTML5 и CSS3. Веб-разработка по стандартам нового поколения»  (20 ...Б.Хоган «HTML5 и CSS3. Веб-разработка по стандартам нового поколения» (20 ...
    Изучив книгу «HTML5 и CSS3. Веб-разработка по стандартам нового поколения» Вы научитесь применять новую РАЗМЕТКУ HTML5, разрабатывать улучшенные интерфейсы для форм ввода данных, узнаете, как добавлять аудио, видео и векторную графику на ВЕБ СТРАНИЦУ без использования Flash. Вы увидите, как хранение данных на стороне клиента в автономном режиме КЭШ...
    Введение в HTML5Введение в HTML5
    В книге рассказывается об истории создания HTML5, возможностях, совместимости с другими стандартами, основных структурных элементах и их использовании в современных браузерах.
    Joomla 3 Профессиональный сайт за один день (2014) CamRipJoomla 3 Профессиональный сайт за один день (2014) CamRip
    Видеокурс «Joomla 3: профессиональный сайт за один день» научит Вас без всякого труда создавать сайты любой сложности на бесплатном, профессиональном и популярном движке Joomla 3.
    Изучаем HTML5. Библиотека специалиста ( 2 издание)Изучаем HTML5. Библиотека специалиста ( 2 издание)
    Эта книга, существенно обновленная и дополненная во втором издании, посвящена изучению нового стандарта веб-программирования HTML5 и использованию новых функциональных возможностей, предоставляемых веб-разработчикам. Написанная опытными программистами, давно работающими с HTML5, книга расскажет, как приступить к освоению этого языка программировани...
    Как изучить HTML и CSS за 3 дня. Видеокурс (2013)Как изучить HTML и CSS за 3 дня. Видеокурс (2013)
    Этот видеокурс поможет вам освоить созданий сайтов быстро и просто, и всего через неделю вы сможете сделать свой собственный сайт.
    Расчёт и выбор блока питания компьютера (2014) WebRipРасчёт и выбор блока питания компьютера (2014) WebRip
    В этом видео мы поможем вам выбрать Блок Питания для вашего компьютера, чтобы правильно распорядиться средствами и не переплачивать за "ненужные Ватты".

Рекомендуем обратить внимание

Тут Зайцев нет » Обучающее видео » Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)
RSS - узнавай первый