Модуль 1. Что надобно знать веб-дизайнеру.
*Обозрение программ, используемых при создании веб-сайта. Обозрение ресурсов, здоровых для веб-дизайнера.
*Этапы разработки веб-сайта.
*Написание технического задания на разработку сайта.
*Создание первообразов сайта.
*Принципы построения системы навигации на сайте.
*Знакомство с DreamWeaver. Настройка программы, всеобщие принципы работы. Труд с текстовым наполнением.
Утилитарная труд:
*Перенос текста в программу DreamWeaver и его логическое форматирование

Модуль 2. Информационная зодчество сайта. Цветовые схемы.
*Элементы информационной архитектуры.
*Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
*Основные компоненты WEB-страницы и способы их визуального зрелища на страницах сайта.
*Колер. Цветовые схемы, применяемые на сайте. Использование "безопасных" цветов
*Нынешние манеры дизайна
Утилитарная труд:
*Структурирование информации и разработка системы навигации на конкретном образце

Модуль 3. Макетирование веб-страницы. Эргономика веб-сайта.
*Принципы построения макета. Роль размеров в дизайне
*Оформление веб-страницы с использованием CSS. Труд с CSS в DreamWeaver
*Эргономика сайта(web-usability). Факторы, какие затрудняют и факторы, какие облегчают восприятие пользователем информации на сайте.
*Версии сайта, адаптированные для печати и для мобильных устройств
*Оформление текстового материала. Выбор шрифтов и размеров. Утилитарные советы и рекомендации
Утилитарная труд:
*Разбор эргономики сайтов на образцах.
*Оформление макета страницы с использованием CSS.

Модуль 4. Подготовка иллюстраций и графических элементов.
*Требования к иллюстрациям в Internet. Обозрение форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
*Подготовка графики в программе Adobe PhotoShop. Способы уменьшения объема файла
*Особенности использования векторных программ
*Создание типовых графических элементов - иконок, пиктограмм, favicon и пр.
*Подготовка изображений с учётом манера дизайна.
*Особенности подготовки изображений на сквозистом фоне
*Применение карт изображений ImageMap в WEB-дизайне
*Использование CSS для создания эффектного дизайна
Утилитарная труд:
*Создание неодинаковых элементов дизайна

Модуль 5. Макетирование веб-страниц с поддержкой таблиц.
*Нарезка и сохранение типового макета в программе Adobe PhotoShop.
*Сборка макета в программе DreamWeaver
*"Резиновый" и фиксированный дизайн: разбор и критерии выбора
*Утилитарные советы и рекомендации
Утилитарная труд:
*Разметка области для нарезки макета.
*Создание таблицы и сборка макета.
*Способы создания резиновой «шапки» страницы
*Способы оформления меню, изнаночной и левой колонок.

Модуль 6. Макетирование веб-страниц с поддержкой блоков.
*Нарезка и сохранение типового макета в программе Adobe PhotoShop.
*Способы сборки макета с использованием свойств CSS float и безвозбранного позиционирования.
*Приёмы блочной вёрстки web-страницы
Утилитарная труд:
*Разметка области для нарезки макета.
*Сборка макета с использованием float.
*Применение безвозбранного позиционирования на странице.
*Способы создания резиновой «шапки» страницы
*Способы оформления меню, изнаночной и левой колонок.

Модуль 7. Gif-анимация и баннеры. Создание динамических элементов в DreamWeaver.
*Что таковое GIF-анимация
*Создание анимированных баннеров, аватаров и смайликов
*Способы подключения роликов FLASH на страницу
*Вставка видео на страницу
*Использование динамических элементов на web-странице(на образце выпадающих меню и пр.), приёмы работы с элементами SPRY в Dreamweaver
Утилитарная труд:
*Создание баннера и установка на страницу сайта.
*Установка FLASH на страницу сайта.
*Добавление динамических элементов

Модуль 8. Тестирование сайта. Использование системы управления сайтом.
*Тестирование сайта. Система управления сайтом.
*Этапы типового тестирования сайта.
*Добавление системы розыска на сайте.
*Вставка географической информации(схема проезда и пр.)Использование системы управления сайтом(CMS). Облики CMS и решаемые ими задачи.
*Демонстрация системы управления сайтом.