Скачать c Vid-Kor.Ru » Документальный » Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)

Фильм → Адаптивная вёрстка на 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

-- -- --

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

Документальные фильмы похожие на "Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)"

HTML5 и CSS3 с нуля до профи. Видеокурс (2016)HTML5 и CSS3 с нуля до профи. Видеокурс (2016)
Наиболее полный и актуальный в Рунете курс на тему HTML5 и CSS3. После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.
HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)
В курсе подробно рассматриваются нововведения HTML5 и CSS3 на примерах. Так же подробно разбирается верстка макета сайта и адаптация под современные браузеры. Курс будет полезен как для начинающих веб-мастеров, так и профессионалам.
Веб разработка HTML5 и CSS3 (djvu)Веб разработка HTML5 и CSS3 (djvu)
В учебнике HTML5 и CSS3 описаны технологии веб разработки по стандартам нового поколения на реальных и простых примерах. Уже сейчас основные браузеры, а также мобильные устройства
HTML5. Разработка приложений для мобильных устройствHTML5. Разработка приложений для мобильных устройств
Создавайте сногсшибательные сайты и приложения для любых мобильных и настольных платформ. Для этого вам потребуется всего лишь добавить в ваш инструментарий веб-разработки технологии HTML5 и CSS3. Вооружившись этой практичной книгой, вы научитесь разрабатывать веб-приложения, которые не только хорошо работают на iOS, Android, Blackberry и Windows P...
Специалист - Adobe InDesign CS5. Уровень 1. Вёрстка печатных и электронных  ...Специалист - Adobe InDesign CS5. Уровень 1. Вёрстка печатных и электронных ...
В курсе рассматриваются как теоретические, так и практические вопросы макетирования и верстки с использованием программы Adobe InDesign CS5. Слушатели выполняют различные задания – от воспроизведения готовых макетов до самостоятельной разработки новых макетов публикаций. Рассматриваются особенности взаимодействия Adobe InDesign с графическими и тек...
Профессия C# Разработчик. Видеокурс (2016)Профессия C# Разработчик. Видеокурс (2016)
Создавайте приложения для Windows — самой распространенной операционной системы, разрабатывайте web-сайты с помощью Net Framework или пишите мобильные приложения для Windows Phone. Изучив C#, можно работать сразу в трёх направлениях, ведь он востребован везде!
Знакомимся с веб-разработками HTLM5 и CSS3 (2013) DVDRipЗнакомимся с веб-разработками HTLM5 и CSS3 (2013) DVDRip
В нашем учебном видео мы Вам подробнее ркасскажем об технологиях веб-розработки по стандартам нового поколения на реальных и простых примерах, а именно :
HTML-верстка: инструменты профессиональной front-end разработки. Видеокурс  ...HTML-верстка: инструменты профессиональной front-end разработки. Видеокурс ...
Во время обучения на курсе вы освоите современные технологии, такие как HTML5, CSS3, Java Script и многие другие. Работа с персональным наставником-практиком, который поможет вам с заданиями и ответит на вопросы.
Как изучить HTML и CSS за 3 дня. Видеокурс (2013)Как изучить HTML и CSS за 3 дня. Видеокурс (2013)
Этот видеокурс поможет вам освоить созданий сайтов быстро и просто, и всего через неделю вы сможете сделать свой собственный сайт.
Продвинутый курс по веб-разработке (2016)Продвинутый курс по веб-разработке (2016)
Изюминка курса — его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом.
Publish / Дизайн, верстка, печать №12 2014 (PDF)Publish / Дизайн, верстка, печать №12 2014 (PDF)
Журнал «Publish. Дизайн, верстка, печать» посвящен современным полиграфическим и издательским технологиям. Это допечатная подготовка, цифровая и традиционная офсетная печать, бумага и расходные материалы для полиграфии, графический дизайн и вёрстка. Издание проводит самостоятельные
Шаблоны - Inky Deals - HTML5 Gallery & Photography Templates (JPEG,PNG,JS,C ...Шаблоны - Inky Deals - HTML5 Gallery & Photography Templates (JPEG,PNG,JS,C ...
Каждый использует изображения на их страницах своего сайта. Они привлекают человеческий взгляд, тем самым увеличивая шансы на то, что определенный пользователь будет оставаться на Вашем сайте. Но просто загрузить пару изображений на главной странице ещё не решает данной задачи. Вы должны сделать это со стилем. И это не так то легко, особенно когда ...
Ремонт блока управления микроволновки (2012) DVDRipРемонт блока управления микроволновки (2012) DVDRip
Приветствую Вас на уроке Андрея Голубева по ремонту блока управления микроволновой печи. Для образца взята обычная микроволновка LG. Решается проблема подачи питания на блок управления.
Создание сайтов без знаний HTML и CSS в Adobe Muse (2014) CamRipСоздание сайтов без знаний HTML и CSS в Adobe Muse (2014) CamRip
Хотите быстро научиться создавать красивые, современные, профессиональные сайты. И при этом у вас нет времени разбираться в HTML, CSS, РНР. Благодаря программе Adobe Muse и этому тренингу вы быстро научитесь создавать любые сайты.
Чистка блока питания компьютера (2011) SATRipЧистка блока питания компьютера (2011) SATRip
Блок питания компьютера, в том числе и переносного, каковым является ноутбук — самое запылённое место в системе, ибо именно через него из корпуса вытягивается весь воздух.
Состав системного блока компьютера (2012) SATRipСостав системного блока компьютера (2012) SATRip
Прежде чем приступать к выбору и покупке нового компьютера или начинать модернизацию и апгрейд старого, необходимо знать устройство компьютера, т.е. из чего же состоит и как устроен системный блок.
Технология ремонта блока питания ATX (2012) DVDRipТехнология ремонта блока питания ATX (2012) DVDRip
Блок питания персонального компьютера преобразует сетевое переменное напряжение 220 вольт 50 герц в постоянное напряжение пюс пять и плюс двенадцать вольт которые используются для питания цифровых схем. Вам представлен один из вариантов ремонта блока питания. Приятного просмотра.
Фреймворк Bootstrap практика адаптивной верстки от А до Я. Видеокурс (2016)Фреймворк Bootstrap практика адаптивной верстки от А до Я. Видеокурс (2016)
Хотите освоить Фреймворк BOOTSTRAP адаптивную верстку от А до Я. Даже если сегодня вы обладаете лишь базовыми знаниями HTML и CSS. Вы изучите не просто теорию, но и верстку на примере реальных макетов самых популярных форматов сайтов: от интернет-магазинов до лендингов.
Joomla 3: Профессиональный сайт за один день (2014)Joomla 3: Профессиональный сайт за один день (2014)
Видеокурс «Joomla 3: профессиональный сайт за один день» научит Вас без всякого труда создавать сайты любой сложности на бесплатном, профессиональном и популярном движке Joomla.
Монтаж балконного блока. Тюнинг проёма (2011) DVDRipМонтаж балконного блока. Тюнинг проёма (2011) DVDRip
Как правило, с замены ПВХ-окон начинается весь ремонт. В данном видео руководитель строительной компании Алексей Земсков рассказывает о монтаже балконного блока и подготовке проёма.