Блок 1. Основы HTML & CSS, HTML5 + CSS3 

• Введение и основные понятия: этапы разработки WEB-сайта, основные сведения об HTML, понятие тэга, управление фоном.
• Изучение основных тегов HTML.
• Ссылки и иллюстрации: типы графических файлов, управление размещением иллюстраций и обтекание текстом, понятие абсолютных и относительных ссылок, размер документов.
• Планирование структуры сайта. Оформление дизайна с помощью табличных форм: таблица, вложенные таблицы, размеры и их влияние на общий дизайн.
• Фреймы и формы: элементы форм, использование табличных функций при создании формы, разбиение окна браузера на фреймы, устранение проблем.
• Каскадные таблицы стилей: спецификация, поддержка браузерами, создание стилей и классов, применение стилей к документам, создание слоев при помощи CSS, формирование файла стилей и связь документов с ним.
• Создание макета с адаптируемыми параметрами: Компоновка "фиксированных" и "резиновых" элементов страницы. Способы фиксации размеров ячеек. Использование "распорок" и фоновых иллюстраций для сохранения единства элементов страницы.
• Введение и основные понятия: этапы разработки WEB-сайта, основные сведения об HTML, понятие тэга, управление фоном.
• Создание макета с фиксированными параметрами: Использование таблиц с фиксированной шириной. Расчет ширины на основе параметров окна браузера. Проблемы и стандартные ошибки.
• Основы кроссбраузерности. Преффиксы браузеров. Виды движков. Особенности браузера IE.
• Тени, прозрачность, box-sizing, pre, empty-cells, border-colapse, border-spacing, overflow, white-space.
• Фон в CSS3, градиенты, обрезание текста, переносы слов, user-select, position: sticky, object-fit.
• Работа с columns, font-face, calc, filter, background-origin, -clip, border-image, background-blend-mode, mix-blend-mode.
• Работа с анимацией на CSS3. Работа с 2d трансформациями. Работа с 3d трансформациями.
• Доктайп, валидация, новые теги HTML5, новые атрибуты инпутов.
• Основы адаптивной верстки. .

Блок 2. Графические элементы 

• Требования к иллюстрациям в Internet. Обзор типов файлов иллюстраций.
• Формат JPEG. Предварительная обработка иллюстрации. Оптимизация файлов в формате JPEG с помощью программ Adobe PhotoShop и Adobe ImageReady.
• Формат GIF. Подготовка иллюстраций с областями прозрачности. Выбор механизма создания цветовой палитры. Особенности подготовки различных графических элементов: схем, надписей, рамок и других.
• Создание кнопок. Имитация различных состояний кнопки. Создание эффекта "rollover" (перекатывание).
• Создание элементов страницы .
• Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop. "Нарезка" изображений в программе Adobe ImageReady. Способы нарезки. Оптимизация фрагментов изображений.