Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page) (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 (На примере создания Landing page)
Автор: Олег Касьянов
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~5 часов

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

Скачать Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page) (2016) Видеокурс

Скачать с Hitfile.net

Скачать с Turbobit.net

Скачать с Unibytes.com

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

Процедура регистрации бесплатна и займет у вас всего пару минут!
После регистрации вам станет доступна информация скрытя фразой: "Внимание! У вас нет прав для просмотра скрытого текста."

Похожие новости:

Создание кроссплатформенной мобильной игры в HTML5 и JavaScript (2016) Видеокурс
На этом курсе по HTML5 и javascript мы рассмотрим как создавать кроссплатформенную игру используя HTML5.На протяжении этого урока, мы рассмотрим различные методы и технологии, которые нам необходимы для создания интерактивной браузерной игры которая будет корректно отображаться на любом экране или девайсе.

HTML5 и CSS3 с нуля до профи (2016) Видеокурс
До сегодняшнего дня в Рунете Вы бы не нашли ни одного полноценного пошагового руководства на тему обучения HTML5 и CSS3, охватывающего все тонкости и раскрывающего основные возможности этих языков таблиц стилей и гипертекстовой разметки.

Специалист. JavaScript. Уровень 3г. HTML5 API (2015) Видеокурс
На курсе Вы познакомитесь с тонкостями работы со скриптовым интерфейсом прикладного программирования (API), используя язык программирования javascript, научитесь использовать самые востребованные новые возможности HTML5.

Сайтотворец – Верстальщик (2013) Видеокурс
Более 100 видеоуроков на темы: HTML, HTML5, CSS, CSS3, блочная верстка интернет-магазина и сайта-визитки. В этом курсе Вы выучите все необходимое для того, чтобы начать создавать красивые, статические сайты на HTML, HTML5, CSS и CSS3.

М20480 Программирование в HTML5 с JavaScript и CSS3. Видеокурс (2012)
Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/javascript, познакомитесь с принципами создания программных компонентов и структур, используемых в приложениях на HTML5.

FAQ Как скачать?