СОФТ ИГРЫ ВИДЕО МУЗОН ПУБЛИКАЦИИ ФОРУМ
Facebook
RSS - лента новостей
 
Главная страница
Новости  
Аптека
Игры
Музон
Видео  
Книги журналы
Смартфон планщет
Разное
Архив материалов
Обратная связь
Новости по почте

Введите Ваш E-mail:

загрузка...

Опрос

Какой у Вас антивирус?
Всего ответов: 315

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

01.11.2016 10:40 



Адаптивная вёрстка на 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
Скачать с Turbobit.net
Скачать с Hitfile.net
Скачать с Uploaded.net
Скачать с Unibytes.com


Адаптивная вёрстка на HTML5 и CSS3 (2016) /Видеокурс/.torrent
Зарегистрирован:
01.11.2016 10:40
torrent
Скачать .torrent

Статус:
v проверен
Раздают:
61
Качают:7






Категория ДОК. / УЧЕБ. ВИДЕО | Просмотров 62 | Добавил tottall | Дата 01.11.2016 10:40 | Теги html5, CSS3, сайт, верстка, Обучение, видеоуроки | Рейтинг 0.0/0 |

  ПОХОЖИЕ МАТЕРИАЛЫ:

Всего комментариев: 0
avatar

 
Вход на сайт


Логин:
 
Пароль:
 
 
Поиск по сайту

Встроенный поиск
Поиск по заголовкам
Yandex поиск

Google поиск

оплати за WebMoney

 Download Master Download Master 6.10.2.1527
 Adobe Flash Player Adobe Flash Player 23.0.0.205
 CCleaner CCleaner 5.22.5724 Pro Plus
 Skype Skype 7.28.0.101
 WinRAR WinRAR 5.40 Rus/Final
 WebMoney Keeper Classic WebMoney Keeper WinPro 3.9.9.7
 AIMP AIMP 4.02.1725
 Mozilla Firefox Mozilla Firefox 46.0
 K-Lite Mega Codec Pack K-Lite Mega Codec Pack 12.1.0
 
Google Chrome Google Chrome 50.0.2661.75
 Avast! Avast! Free Antivirus 11.2.2732
 Nero Nero 2016 Platinum 17.0.04100
 Opera Opera 35.0.2066.82
 AIDA64 AIDA64 v.5.60.3700
 µTorrent µTorrent 3.4.5.41073
Loading...
На сайте: 13
Гости: 13
Свои: 0

Яндекс цитирования Яндекс.Метрика Рейтинг@Mail.ru  

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

2009-2016 © skatay.com Обратная связь Карта сайта | Карта форума | Теги Создать сайт