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






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

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

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

Видеоуроки





Разместил: colt

31-10-2016, 08:44

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





Адаптивная вёрстка на 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) Видеокурс Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page) (2016) Видеокурс Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page) (2016) Видеокурс


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



Скачать фрагмент книги:
fb2   txt   rtf   epub






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

Responsive Web Design with HTML5 and CSS3. Second Edition Responsive Web Design with HTML5 and CSS3. Second Edition
Сайтов, рассчитанных только на стационарные компьютеры уже недостаточно. Использование мобильного интернета продолжает расти и планшетные компьютеры меняют привычки пользования интернетом.

HTML5 и CSS3. Современные средства Web-разработки (2015) Видеокурс HTML5 и CSS3. Современные средства Web-разработки (2015) Видеокурс
Данный курс познакомит слушателей с чертами современной верстки интернет-интерфейсов с поддержкою HTML5/CSS3 и предназначен для широкого круга веб-разработчиков, желающих углубить свои знания и освоить на практике новые возможности, предоставляемые

Web Standards: Mastering HTML5, CSS3, and XML, 2nd Edition Web Standards: Mastering HTML5, CSS3, and XML, 2nd Edition
Web Standards: Mastering HTML5, CSS3, and XML provides solutions to the most common web design problems, and gives you a deep understanding of web standards and how they can be implemented to improve your web sites. You will learn how to develop

Хуан Диего Гоше  - HTML5. Для профессионалов Хуан Диего Гоше - HTML5. Для профессионалов
Мы стоим на пороге революции в веб-разработке и программировании для мобильных устройств, и в основе всех этих изменений лежит формат HTML5. Эта книга поможет вам получить необходимые знания об этом стандарте и освоить сложные темы, включенные в

HTML5 Games Development by Example: Beginner's Guide HTML5 Games Development by Example: Beginner's Guide
HTML5 promises to be the hot new platform for online games. HTML5 games work on computers, smartphones, and tablets – including iPhones and iPads. Be one of the first developers to build HTML5 games today and be ready for tomorrow! The book will

HTML5 и CSS3. Веб-разработка по стандартам нового поколения. 2-е изд HTML5 и CSS3. Веб-разработка по стандартам нового поколения. 2-е изд
Эта книга поможет вам использовать HTML5 и CSS3 прямо сейчас, применяя все богатые возможности, появившиеся в новых веб-стандартах.

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

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

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






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





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

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

Книги