Основы создания сайтов на языке html с использованием самых последних тенденций и фреймворков. Курс для взрослых, предварительной подготовки не требует.
Программа курса:
Занятие 1. Основы HTML 1 24.10
Язык гипертекстовой разметки страниц HTML. Понятие и структура тега. Структура HTML документов. Обзор основных тегов HTML4 и HTML5. Семантические теги.
Занятие 2. Табличная верстка 1 24.10
Создание таблиц и формирование сайта на основании таблиц. Единицы измерения размера в стандарте HTML. Формы.
Занятие 3. Формы в html 1 31.10
Создание таблиц и формирование сайта на основании таблиц. Единицы измерения размера в стандарте HTML. Формы.
Занятие 4. Практическое занятие 2 31.10
Создание сайта с использованием табличной верстки. Настройка внешнего вида сайта с помощью внутренних стилей.
Занятие 5. Основы CSS. 2 07.11
Каскадные таблицы стилей CSS, способы их подключения. Синтаксис и селекторы CSS.
Занятие 6. Классы в CSS. Практическое занятие. 3 07.11
Применение CSS для форматирования элементов с идентификаторами. Создание классов CSS. Настройка классов и подклассов, дочерних элементов для данного класса.
Занятие 7. Основы CSS (окончание) 3 14.11
Новые атрибуты CSS3: подключение пользовательского шрифта, анимации, градиенты, текстовые эффекты, новые атрибуты управления фоновыми изображениями. События в CSS. Двухмерные и трехмерные преобразования.
Занятие 8. Блочная верстка 14.11
Создание сайта с использованием блочный способа. Создание html части и настройка секций с помощью CSS.
Занятие 9. Практическое занятие 3 21.11
Разработка стилей одностраничного сайта (блочный способ).
Занятие 11. Адаптация сайтов под мобильные устройства 4 21.11
Медиа-запросы и их использование для адаптации под разные разрешения мобильных устройств.
Занятие 12. Адаптивная верстка. Классы адаптивной верстки. 4 28.11
Занятие 13. Практическое занятие 28.11
Адаптация сайта, разработанного блочным способом, для мобильных устройств с использованием медиа-запросов.
Занятие 14. FlexBox верстка сайтов 05.12
Основные понятия FlexBox верстки: контейнер, главная и поперечная ось. Новые атрибуты CSS3 для FlexBox верстки сайтов. Примеры использования.
Занятие 14. Практическое занятие 12.12
Адаптация разработанного блочным способом сайта под мобильные устройства с использованием FlexBox верстки.
Занятие 15. Верстка сайтов Grid способом 12.12
Новые атрибуты CSS3 для верстки сайтов Grid способом и их поддержка современными браузерами. Примеры использования. Вложенные Grid элементы.
Занятие 16. Автоматические координаты элементов в Grid. Форматирование различных частей сайта (шапка, футер, боковая колонка) 19.12
Занятие 17. Практическое занятие 19.12
Разработка одностраничного сайта при помощи Grid способа.
Занятие 18. Размещение сайта в Интернете 26.12
Разбор основных понятий: хостинг, домен, паркованный домен, поддомен, регистратор, Name-сервер, ресселлер, FTP-доступ. Работа с панелями управления сайтом: Beget, DirectAdmin. Настройка FTP и размещение сайта в Интернет с использованием Total Commander, FileZilla.
Занятие 19. Тестирование веб-приложений. Обнаружение и исправление ошибок. 16.01
Занятие 20. Основы Bootstrap 4 и стилизация основных элементов 16.01
Назначение, установка и подключение Bootstrap 4. Основные отличия Bootstrap 4 от предыдущих версий. Система сеток Bootstrap 4 и адаптивный дизайн. Основные классы Bootstrap 4 для стилизации текста, изображений, таблиц, кнопок, форм, списков.
Занятие 21. Компоненты Bootstrap 4 23.01
Создание компонент в Bootstrap: уведомления, значки, «хлебные крошки», группы, карты, слайдеры, выпадающие элементы, формы, модальные окна, меню, нумератор страниц, подсказки.
Занятие 22. Утилиты Bootstrap 4 23.01
Утилиты Bootstrap 4 по управлению границами, цветом, встраиванием, позиционированием и отображением элементов, по управлению тенями и размерами, вертикального выравнивания.
Занятие 23. Практическое занятие
Разработка одностраничного сайта с использованием Bootstrap 4.
Занятие 24. Практическое занятие
Выкладывание сайта на хостинг
Ваш преподаватель
