Навигация
 
Закладка
 
Случайные публикации
 
Популярное
 
Советуем посетить
 
Sexy Asian Girls
 
Комментарии
 
Реклама
 
Адаптивная вёрстка на 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



О не работающих ссылках писать в комментариях, или в личку ulltrass

Другие публикации по теме:

HTML5 и CSS3 с нуля до профи. Видеокурс (2016) HTML5 и CSS3 с нуля до профи. Видеокурс (2016)
Наиболее полный и актуальный в Рунете курс на...
HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014) HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)
В курсе подробно рассматриваются нововведения...
Продвинутая вёрстка по сетке. Видеокурс (2017) Продвинутая вёрстка по сетке. Видеокурс (2017)
Это мероприятие для тех, кто: Владеет основами...
Введение в HTML5 и CSS3. Видеокурс (2019) Введение в HTML5 и CSS3. Видеокурс (2019)
HTML и CSS – две ключевые технологии, с помощью...
Интерактивный онлайн-курс «Продвинутая вёрстка» (2020) Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)
Если Вы используете bootstrap, понимаете его...
Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018) Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018)
Данный курс является уникальным, наиболее полным...
HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и C ... HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и C ...
HTML и CSS — основные языки, с помощью которых...
HTML5, CSS3, FlexBox верстка сайтов с нуля. Видеокурс (2019) HTML5, CSS3, FlexBox верстка сайтов с нуля. Видеокурс (2019)
Курс предназначен как для новичков, так и для...
Фрайн Б. - HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств  ... Фрайн Б. - HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств ...
Сегодня как никогда остро стоит проблема...
Профессия C# Разработчик. Видеокурс (2016) Профессия C# Разработчик. Видеокурс (2016)
Создавайте приложения для Windows — самой...
Перейти к категории: Разное  | Вернуться Назад | На Главную
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


 Разместил: ulltrass | 1-11-2016, 09:42 | Просмотров: 304 | Коментариев (0)  


Информация
 
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации. Пожалуйста зарегистрируйтесь.

Поиск
 
Панель управления
 
Зарегистрированные
 
Облако тегов
 
Фото девушек
 
TokyoDoll
 
Календарь
 
Партнёры
 
Кто Онлайн
 
Реклама
 


Яндекс.Метрика
Seo анализ сайта

Портал - Blogintriga @ 2010-2018

Использование ресурса blogintriga.ru абсолютно бесплатное. Весь материал на сайте размещается самими пользователями и администрация сайта ни при каких обстоятельствах не несёт ответственность за содержание размещаемого материала и не всегда может отследить и проверить его содержание. Если вы найдёте материалы нарушающие законы страны географического расположения сайта - пожалуйста, сообщите нам и материал будет удалён в кратчайшие сроки.