Веб-дизайн

Методика преподавания построена таким образом, чтобы теоретическое рассмотрение вопроса и его практическое освоение не были отдалены друг от друга.

Для изучения данной программы требуется знание начального (базового) курса.

По окончании обучения выдается свидетельство установленного образца, где указана программа обучения.

Занятия проводят преподаватели – практики, с многолетним опытом работы.

Введение в Web-дизайн.

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

Разработка информационной архитектуры.

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

Эргономика WEB-сайта.

• Эргономика сайта. Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
• Макетирование в Web. Приемы макетирования. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач. Примеры удачных и неудачных решений. Система навигации на сайте. Принципы построения системы навигации. Создание навигационных палитр. Подготовка иллюстраций для WEB.
• Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG.
• Подготовка графики. Способы уменьшения объема файла.
• Подготовка изображений, имеющих прозрачные области. Представление текстовой информации.

Подготовка графических элементов.

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

Создание динамических элементов в JavaScript.

• Основные сведения о программе JavaScript.
• Работа с данными.
• Типовые операции (модальные окна, открытие новых окон и управление ими), проверка данных формы, управление видимостью и содержанием слоев, проверка браузера.
• Сложные операции: создание раскрывающихся меню, анимация слоев, создание эффекта “rollover”.

Оценка сайта. Тестирование сайта.

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