Блок 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. Способы нарезки. Оптимизация фрагментов изображений.