Web-дизайн

Продолжительность: 20 академических часов.

Целевая аудитория:

1.      Лица, желающие научиться создавать Интернет-ресурсы, работать с заказчиками и Web-мастерами.

2.      Лица, желающие получить профессию Web-дизайнера.

 

Цель курса:

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

 

Описание курса

Особенностью курса является разумное соотношение между теорией и практическими занятиями, включающими подключение к глобальной сети. Теоретическая часть включает: основы Web-дизайна, обзор программного обеспечения и ресурсов необходимых в работе, также слушатели научатся работе с заказчиком WWW-проектов.

Наряду с теоретической  частью, проводятся практические занятия с подключением к сети Интернет. Просматриваются WWW-страницы с наглядными примерами по интересующей слушателя теме и скачивается информация на свой компьютер. Создается собственный WWW-проект и его полное техническое описание.

 

По окончании курса Вы будете уметь: 

  • уметь работать в программах, необходимых для создания сайтов;

  • осуществлять прием-сдачу проекта;

  • создавать эскиз-проект;

  • создавать технический паспорт проекта.

 

Наименование разделов

Часов

1.

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

4

2.

Информационная архитектура сайта.

4

3.

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

4

4.

Gif-анимация и баннеры. Карта изображения ImageMap.

4

5.

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

2

6.

Итоговый контроль.

2

Итого:

20

 

Обязательная предварительная подготовка к курсу:          

-         курс Компьютер от А до Я или эквивалентная подготовка;

-         курс Графика на компьютере (для начинающих).

 

Наличие предварительной подготовки является залогом успешного обучения. Слушателю следует прочитать программу указанного курса и самостоятельно оценить, есть ли знания и опыт, эквивалентные данной программе.

Если Слушатель обладает знаниями менее 85-90% рекомендуемого курса, то необходимо получить предварительную подготовку. Только после этого возможно качественно обучиться на выбранном курсе.

 В курсе рассматриваются следующие вопросы:

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

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

 

Тема №2. Информационная архитектура сайта.

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

 

Тема №3. Подготовка иллюстраций и графических элементов.

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

 

Тема №4. Gif-анимация и баннеры. Карта изображения ImageMap.

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

 

Тема №5. Создание динамических элементов в DreamWeaver.

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

 yellowline
2006 Компьютеры и образование - Профи

(351) 793-31-23, 742-67-62, 269-68-39

Используются технологии uCoz