HTML + CSS

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

Теги форматирования текста. Классификация шрифтов для web, безопасные шрифты, базы шрифтов. Гиперссылки и их атрибуты, типы изображений для web, вставка изображений в html документ, атрибуты изображений.

Создание css документа, подключение к html, основы css синтаксиса, виды селекторов, взаимодействие селекторов, основные свойства, классы и идентификаторы.

Особенности блочной верстки, разметка колонок, выравнивание элементов, позиционирование блоков, создание фиксированного макета, основные теги и атрибуты блочной верстки, основные свойства и значения.

Создание динамического макета, особенности, типы и примеры построения динамических сайтов, дополнительные теги и атрибуты блочной верстки, дополнительные свойства и значения.

Онлайн программы и плагины, применяемые при разработке сайтов, среда Google Developers Console, особенности работы, выгрузка данных

Основные свойства сss3, элементы трансформации, деформации, переходов, градиенты, web библиотека элементов.

Создание сложных форм, элементы input, select, texarea, button, checkbox, radio, основные атрибуты, css свойства. Создание таблиц, объединение строк и ячеек, вложенные таблицы, основные атрибуты и свойства таблиц.

Верстка страницы непосредственно из psd макета, измерительные инструменты, определение цветов, шрифтов, размеров. Извлечение изображений из макета.

Особенности работы с web сервером, обзор основных систем, регистрация и управление сервером, загрузка и настройки сайта на сервере, подключение CMS для статических страниц.

Выбор и особенности подключения javascript, основные библиотеки, подключение через CDN, создание эффектного портфолио на основе скриптов.

Особенность работы с framework, изучение элементов на основе bootstrap framework, создание и наполнение страниц статичными и динамичными элементами.

Обзор самых популярных framework систем, изучение их структуры, основных элементов, применение для создания сайтов.

Назначение финального задания, обсуждение вариантов выполнения. Детальный разбор предстоящей работы.

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

Создание структуры для php обработки, настройка данных для отправки на почту, управление сообщениями, подключение ajax для обработки данных в фоновом режиме.

Сдача проектов, оценивание, ответы на вопросы.