Практический HTML — видеокурс

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.

ЧТО ДЕЛАЕМ?

Данный курс состоит из двух частей. В первой части мы верстаем интернет-магазин состоящий из нескольких страниц.

Мы верстаем:

— главную страницу интернет магазина
— страницу каталога товара с фильтрами
— страницу единичного товара со слайдером
— корзину товара
— помимо этого делаем мобильный адаптивный дизайн
— также мы верстаем одностраничный сайт о эвакуаторах

Помимо этого, вам доступны 14 видеоуроков по теории и практике HTML CSS с практическими примерами.

ЧТО ИЗУЧАЕМ?

— теги
— свойства CSS
— виды элементов: блочные, строчные
— позиционирование элементов: static, relative, absolute, fixed, flex
— мы изучаем HTML5 — семантическую верстку и все новые теги (более 20)
— мы верстаем одностраничный сайт на HTML5 по продаже пропеллеров, исправляем ошибки в HTML и проводим валидацию верстки
— мы выполняем практический перенос сайта с HTML4 на HTML5
— мы учим СЕТКИ — три урока посвящено сеткам
— псевдоэлементы и псевдоклассы
— работаем с формами
— подключаем слайдеры ( с настройкой)
— изучаем адаптивную верстку под мобильные устройства

ЧТО ВЫ ПОЛУЧАЕТЕ?

Результатом курса вы изучите верстку сайтов от создания файла и структуры папок до создания сайта адаптированного под мобильные разрешения. Изучите на практике теорию работы с HTML и CSS, подходы к верстке и реализации элементов сайта.

— Полный доступ к видеоурокам
— Возможность скачивания уроков на компьютер
— Все рассмотренные в уроках исходные коды
— Глубокие знания по HTML, CSS
— Практику написания кода разметки и оформления сайтов с помощью CSS
— Практику построения макета сайта на HTML
— Семантические подходы к верстке
— Практику по верстке элементов сайта, разные подходы к оформлению, оптимизацию кода
— Бонусные уроки

Примеры верстки страниц из курса

УРОКИ КУРСА

01. ОСНОВНЫЕ ТЕГИ HTML

02. CSS. ОФОРМЛЕНИЕ ТЕКСТА

03. БЛОЧНЫЕ И СТРОЧНЫЕ ЭЛЕМЕНТЫ

04. ПОЗИЦИОНИРОВАНИЕ ЭЛЕМЕНТОВ

05. FLOAT, ПЛАВАЮЩИЕ ЭЛЕМЕНТЫ

06. ПСЕВДОЭЛЕМЕНТЫ И ПСЕВДОКЛАССЫ

07. HTML5 СЕМАНТИКА

08. HTML5 ПРАКТИКА

09. МИГРАЦИЯ HTML4 TO HTML5

10. НОВЫЕ ТЕГИ HTML5

11. РАБОТА С ФОРМАМИ

12. ДОБАВЛЕНИЕ СЛАЙДЕРОВ

13. АДАПТИВНЫЕ РАЗМЕРЫ САЙТА И ШРИФТЫ

14. АДАПТИВНАЯ ВЕРСТКА

15. ВЕРСТАЕМ БЛОК ТОВАРОВ

16. ВЕРСТАЕМ БЛОК РЕКЛАМЫ

17. ВЕРСТАЕМ ФУТЕР

18. ВЕРСТАЕМ ЗАГОЛОВОК

19. ВЕРСТАЕМ СТРАНИЦУ КАТАЛОГА

20. КАРТА ТОВАРА

21. ДОБАВЛЯЕМ СЛАЙДЕР ПЕРЕКЛЮЧЕНИЯ ФОТОГРАФИЙ ТОВАРА

22. СБОРКА ПРОЕКТА (ЧАСТЬ 1)

23. СБОРКА ПРОЕКТА (ЧАСТЬ 2)

24. СБОРКА ПРОЕКТА (ЧАСТЬ 3)

25. СБОРКА ПРОЕКТА (ЧАСТЬ 4)

26. СБОРКА ПРОЕКТА (ЧАСТЬ 5)

27. СБОРКА ПРОЕКТА (ЧАСТЬ 6)