Web-дизайн: Курсы

Модуль 1. Обзор программ, используемых при создании WEB-сайта.

• Дизайн в Internet: задачи, подходы, решения.
• Основные понятия и терминология.
• Этапы разработки WEB-сайта.
• Уменьшение затрат ресурсов и сроков создания WEB-сайта.
• Основные формулировки в техническом задании на разработку сайта.
• Возможности современных программ, используемых для создания WEB-страниц.
• Обзор программ Macromedia DreamWeaver, HomeSite и Microsoft FrontPage.
• Основные возможности программы DreamWeaver.
• Задание цветового оформления.
• Выбор цветовой схемы.
• Создание и использование каскадных таблиц стилей CSS.

Модуль 2. Информационная архитектура сайта.

• Элементы информационной архитектуры.
• Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
• Основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
• Разработка простого макета страницы и линейной системы навигации.
• Использование шаблонов (templates) в DreamWeaver: создание шаблонов, применение к готовым страницам, модификация шаблонов.

Модуль 3. Макетирование. Эргономика WEB-сайта.

• Эргономика сайта (web-usability). Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
• Макетирование в WEB. Приемы макетирования.
• Создание фиксированных и адаптируемых страниц.
• Размещение информации на странице с учетом решаемых задач.
• Примеры удачных и неудачных решений.
• Система навигации на сайте.
• Принципы построения системы навигации.
• Создание навигационных палитр

Модуль 4. Подготовка иллюстраций и графических элементов.

• Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG.
• Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks. Способы уменьшения объема файла.
• Использование коллекций изображений (clipart) векторных графических редакторов на примере CorelDraw.
• Подготовка изображений, имеющих прозрачные области.
• Представление текстовой информации.
• Создание кнопок. Имитация различных состояний кнопки.
• Создание фоновых иллюстраций. Техника создания бесшовных узоров в программах Adobe PhotoShop и Adobe ImageReady.
• "Нарезка" изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений.

Модуль 5. Gif-анимация и баннеры. Карта изображения ImageMap.

• Что такое GIF-анимация.
• Способы создания и параметры анимации.
• Способы уменьшения объема файла.
• Использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации.
• Преобразование в GIF-анимацию файлов двухмерной и трехмерной графики.
• Баннеры: параметры, размещение на WEB-странице.
• Разработка сюжета баннера
• Использование GIF-анимации и роликов FLASH в баннерной рекламе. Воздействие баннерной рекламы на пользователя.
• Применение карт изображений ImageMap в WEB-дизайне

Модуль 6. Создание динамических элементов в DreamWeaver.

• DreamWeaver: программируем без программирования!
• Назначение палитр Behaviors и TimeLine.
• Управление параметрами элементов в DreamWeaver.
• Обработка событий.
• Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка браузера.
• Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта "rollover".
• Использование возможностей Macromedia Flash

Модуль 7. Оценка и тестирование сайта.

• Критерии оценок созданного сайта.
• Способы снижения визуального шума и повышения четкости подачи материала.
• Этапы стандартного тестирования сайта.
• Методика тестирования сайта на аудитории.
• Выработка предложений по редизайну и обоснование необходимости редизайна.
• Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability