Теоретический блок – 23 часа

1. Роль компьютерной графики в дизайне.
2. Методы представления графической информации: Растровая графика и векторная графика.
3. Обработка растровых изображений (программа Adobe Photoshop).
4. Создание и обработка векторных иллюстраций (программа CorelDraw).
5. Web-графика.
6. Web-дизайн.
7. Верстка Web-сайта: Табличный дизайн. Блочный дизайн.
8. Юзабилити.
9. Размещение сайта в сети Internet.

Практический блок – 49 часов

1. Фотомонтаж: Редактирование изображений. Текст на изображении. Средства выделения и совмещения фрагментов изображений. Требования и условия размещения графических объектов на веб-страницах. Фильтры. Создание спецэффектов. Градиенты. Специальные приемы выделения. Выделения сложной формы. Модификация выделений. Маскирование – техника профессионального фотомонтажа.
2. Графика Web-сайта: Работа с 3D – объектами в Adobe Photoshop. Включение трехмерных объектов в композицию. Создание композиционного рисунка с применением различных приемов компьютерной графики. Создание и размещение на web-странице ролика, созданного в программе Macromedia Flash.
3. Формирование сложных таблиц в контенте сайта: Разметка страницы сайта с помощью таблиц. Настройка ширины и высоты ячеек таблицы. Создание сложной структуры с помощью вложенных таблиц. Способы модификации таблицы путем объединения ячеек и применение границ и заливок.
4. Каскадные таблицы стилей CSS: Создание внешней таблицы стилей, подключение ее к web-странице и применение стилей к тегам. Создание стилевых правил для отдельных тегов, создание классов и псевдоклассов. Создание контекстного селектора. Использование внутренней таблицы стилей и Inline-стиль. Задание позиции для тега с помощью стилей.
5. Гиперссылки: Размещение гиперссылок на web-странице. Оформление гиперссылок. Изменение стандартных цветов гиперссылок. Создание картинки-гиперссылки. Ссылки на внешние ресурсы Интернета.
6. Фреймы: Формирование фреймовой структуры страницы. Загрузка web-страницы в заданный фрейм. Использование гиперссылок между фреймами. Форматирование фреймов. Создание «истории» посещения web-страниц.
7. Язык сценариев Jav * aScript: Создание скриптов (функции, обрабатывающие некоторые события) и включение их в web-страницу. Подключение к web-странице внешнего файла со скриптами. Динамическое изменение содержимого блока. Поиск и исправление ошибок в скриптах. Применение необходимых свойств, методов и событий к тегу.
8. Таймер и формы: Использование таймера. Получение и обработка данных от посетителя с помощью элементов форм.
9. Основы визуального дизайна: Пространственные отношения. Форма и размер. Цвет и размер. Пропорции. Размещение элементов в композиции web-страницы. Плотность размещения материала. Подбор шрифтов.
10. Создание интерактивных документов: Использование основных видов интерактивных документов (формы, гостевые книги, анкеты, голосования, счетчики и пр.), и графических эффектов, использующихся при создании web-сайтов. Размещение готовых активных форм CGI и JavaScript в web -документе. Поиск в Интернет готовых активных формы CGI и JavaScript и размещение их в web -документе. Обмен, реклама, ссылки.
11. Размещение web-документа на сервере: Регистрация адреса. Выгрузка сайта (соглашения и правила). Тестирование страниц. Регистрация WEB-сайта на поисковых машинах. 
12. Работа над собственным проектом: Создание сайта заданной тематики и размещение его в сети Интернет.
13. Документирование работ по собственному проекту: Оформление результатов. Подготовка отчетной документации.
14. Защита и презентация проекта: Представление проекта учащимся группы.

Техническое обеспечение

· Персональный компьютер – рабочее место учителя и учащихся

· Мультимедиапроектор

· Интерактивная доска

· Принтер (лазерный, цветной, сетевой)

· Сервер

· Комплект сетевого оборудования

· Комплект оборудования для подключения к сети Интернет

· Устройства вывода звуковой информации (наушники, колонки, микрофон)

· Устройства для ручного ввода текстовой информации и манипулирования экранными объектами (клавиатура и мышь, джойстик)

· Сканер

· Внешний накопитель информации (или флеш-память)

Программное обеспечение 

· операционная система Windows XP и выше;

· браузеры Internet Explorer, Opera, Google Chrome и др.;

· текстовый процессор Блокнот;

· программа Macromedia Flash MX;