Ваше месторасположение на сайте: • » » Адаптивная вёрстка на HTML5 и CSS3 (На примере создания Landing page) (2016) Видеокурс  

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

Адаптивная вёрстка на 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) Видеокурс на высокой скорости и по прямой ссылке !


Теги:

Адаптивная

,

рстка

,

HTML

,

примере

,

создания

,

Landing

,

page

,

Видеокурс

«Случайные цитаты»
Человек — единственное животное, знающее, что его ожидает смерть, и единственное, которое сомневается в ее окончательности. © Уильям Эрнест Хокинг
Категория: | Добавил: | месяц назад

Адаптивная вёрстка на HTML5 и CSS3
Так же советуем посмотреть

Как проверить скорость жесткого диска, SSD или флешки (2016) WEBRip


Рассказываем, как можно самостоятельно проверить скорость работы жесткого диска, SSD диска или флешки. Диагностику делаем с помощью программы CrystalDiskMark.

Как сделать кронштейн для кухонной мойки своими руками (2016) WEBRip


Как сделать кронштейн для кухонной мойки своими руками например в дачной мастерской

Защита CMS WordPress. Видеокурс (2016)


Большинство веб-мастеров, которые используют CMS WordPress не задумываются над безопасностью сайта. Основная их забота, это разработать красивый дизайн, настроить формы обратной связи, сделать удобный каталог, найти функциональные плагины и адаптировать сайт под мобильные устройства. Изучив курс, вы научитесь защищать сайт на CMS WordPress и предоставлять услуги защиты вашим клиентам.

Информация
Комментирование доступно только зарегистрированным пользователям! Мы просим вас войти под своим аккаунтом, или же зарегистрироваться, для удобства.
Design powered by XTreme.ws™ © 2008-2016