Первый семестр.
Лекция: Веб-сайты. презентация + документ + видеоматериал
Лекция: Этапы создания веб-сайта.
Лекция: Способы создания сайтов. Конструкторы и системы управления контентом. + индивидуальная работа + видеоматериал
Лекция: Способы создания сайтов. Фреймворки и создание сайта с нуля. + индивидуальная работа + видеоматериал
Практическая работа: Создание сайта на конструкторе сайтов Wix. + задание
Практическая работа: Создание интернет-магазина или лэндинга с помощью конструкторов.
Лекция: Основы HTML. Структура html-документа.
Практическая работа: Работа с текстом и цветом в HTML.
Лекция: Ссылки, изображения и медиа теги в HTML.
Практическая работа: Работа с медиа тегами.
Практическая работа: Исправление ошибок в коде HTML.
Лекция: Знакомство с таблицами.
Практическая работа: Работа с таблицами.
Практическая работа: Сложные таблицы.
Практическая работа: Создание простейшей страницы.
Лекция: Основы CSS. Правила CSS.
Лекция: Пример верстки веб-сайта по макету.
Практическая работа: Подключение CSS. Создание дизайна сайта.
Лекция: Блочная модель документа. Создание сеток. + видеоматериал + пример кода
Лекция: Позиционирования элементов: относительное, абсолютное и фиксированное. + доп. видеоматериал
Практическая работа: Верстка блока в Figma. + доп. материал
Практическая работа: Верстка нескольких блоков в Figma.
Практическая работа: Создание формы. + инструкция + пример
Практическая работа: Верстка полноценного лендинга.
Лекция: Адаптивная верстка. + подкаст
Практическая работа: Адаптация сайта. + сайт
Второй семестр.
Лекция: Система управления контентом WordPress.
Лекция: Расширение функционала сайта с помощью плагинов, использование виджетов.
Практическая работа: Установка и работа с CMS WordPress.
Практическая работа: Добавление рубрик, записей и меток в WordPress.
Лекция: Введение в JavaScript.
Лекция: Переменные, типы и операции.