Web-дизайн
Вы научитесь создавать хорошие макеты сайтов, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы сайта, изучите возможности программ для создания веб-страниц, сможете грамотно размещать информацию на сайте. Применяя знания, полученные на этом курсе, Вы сможете сделать сайт интересным и посещаемым!
Курс также будет полезен тем, кто обладает знаниями в объёме программы, но хочет их систематизировать, а также повысить свою эффективность за счёт новых приёмов и методов работы.
| Даты начала занятий |
Стоимость c учетом скидки 40% |
| Будни |
Выход. |
Частные
лица |
Органи-
зации |
Индиви-
дуально |
| Утро |
День |
Вечер |
17.02
пн-пт
(10.00-13.00)
3 недели |
17.02
|
17.02
пн,ср,пт
(18.30-21.30)
3 недели |
26.02
сб-вс
(10.00 -14.30)
3 недели |
7 700 |
8 500 |
30 800 |
Продолжительность курса - 32 академических часа(ов)
Документ без названия
Четное или нечетное
До ближайшей группы осталось - 13 дней |
Сертификат - по окончании обучения
| Программа курса |
|---|
Модуль 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
|
