Microsoft Word - progr_mastering

Министерство культуры Российской Федерации
Алтайский филиал федерального государственного образовательного
учреждения высшего профессионального образования
«МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
КУЛЬТУРЫ И ИСКУССТВ»
Кафедра прикладной информатики
УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС
ДИСЦИПЛИНЫ
Интернет технологии
Специальность:
080801.65 – «Прикладная информатика (в менеджменте)»
Барнаул
2010
1
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Курс "Интернет технологии" направлен на изучение и освоение основных
методик и технологий создания интернет-ресурсов и предназначен для студентов,
обучающихся
по
специальностям
"Менеджмент
организации",
"Прикладная
информатика".
Бурное развитие высоких технологий на рубеже XX - XXI веков
способствовало их быстрому проникновению и внедрению в самые разнообразные
сферы человеческой жизни, начиная от бытового уровня и заканчивая разноцелевым
применением на уровне деятельности любой организации, предприятия, фирмы.
Удобство использования Internet в коммуникативной сфере послужило причиной
того, что в настоящее время практически любая организация, как минимум, имеет
свое представительство в Internet, а некоторые полностью или частично
переквалифицируют свой бизнес на интернет-технологии. Это обуславливает
важность понимания и освоения методик разработки и работы с интернет-ресурсами.
Основная цель курса - дать студентам представление об основных
перспективных технологиях, используемых в Internet, научить подходу к решению
ряда конкретных задач, касающихся разработки собственных интернет-ресурсов,
привить базовые навыки работы с программными продуктами, использующими
Интернет технологии. Для выполнения поставленной цели в рамках настоящего
курса необходимо решение следующих задач:
- дать определение основных терминов и понятий, используемых в Internet;
- получить представление и навык работы с рядом основных Internetтехнологий;
- получить навык работы с наиболее часто используемыми программными
продуктами, ориентированными на разработку Internet-ресурсов;
- рассмотреть основные правила и требования, касающиеся разработки,
продвижения и управления Internet-ресурсами.
Изучение данного курса подразумевает наличие у студентов навыков работы с
персональным компьютером, а также предварительное изучение таких дисциплин,
как "Основы информатики", "Компьютерная графика" и "Компьютерная анимация".
2
Курс включает в себя следующие разделы: 1) Общие сведения об Internet и
Internet-технологиях; 2) Технология Flash; 3) Основы HTML; 4) Динамический
HTML; 5) Обзор программного обеспечения, используемого для создания и работы с
Web-документами; 6) Правила и основные этапы разработки сайта.
"Интернет технологии" является одной из базовых дисциплин специализаций
"Мультимедийные технологии и Web-дизайн" и "Менеджмент электронного бизнеса"
и рекомендуется для чтения в 7 и 8 семестрах. В первой части курса рассматриваются
общетеоретические
вопросы
и
приобретаются
базовые
навыки
создания
Internet-ресурсов. Контроль знаний обеспечивается зачетом. Вторая часть направлена
на рассмотрение концептуальной модели проектирования Web-ресурсов, вопросов,
касающихся дизайна и эргономичности ресурса. Приобретаются навыки создания
динамических Web-документов. Результатом является разработка студентами
собственного Internet-ресурса.
Для тех специальностей, у которых настоящий курс не является предметом
специализации, возможно использование сокращенной версии курса. Сокращение
целесообразно производить за счет сокращения раздела 2, ликвидации или
сокращения раздела 4, частичного сокращения количества практических работ.
Все темы курса подразумевают наличие лекций и одной или нескольких
практических работ. Промежуточный контроль знаний обеспечивается рядом
контрольных работ и зачетом.
Итоговый контроль знаний обеспечивается экзаменом.
3
ПРИМЕРНЫЙ ТЕМАТИЧЕСКИЙ ПЛАН КУРСА "Интернет технологии"
Количество часов
Наименование разделов и тем
В том числе
п/п
1. Введение. Цель, предмет и задачи курса.
2.
3.
4.
5
6.
7.
8.
о
9.
10.
11.
12.
13.
14.
Основные термины и определения.
Раздел I. Общие сведения об Internet и
Internet-технологиях.
Тема 1. Сети Ethernet, Intranet, Internet. Иерархия.
Топология, модели развития. История возникновения
и развития Internet.
Тема 2. Аббревиатуры "WWW", "URL", "http",
"ftp", "html". Понятие "Internet-технологии". Общий
обзор Internet-технологий.
Раздел II. Технология Flash.
Тема 3. История возникновения технологии.
Основные возможности. Область применения.
Достоинства и недостатки.
Тема
4.
Обзор
программных
продуктов,
использующих технологию Flash. Основные
возможности, достоинства и недостатки.
Форматы файлов.
Тема 5. Создание элементарной анимации с
помощью Macromedia Flash. Представление о
"ключевом кадре".
Тема 6. Дополнительные настройки Macromedia Flash.
Настройки фильма. Настройки предварительного
просмотра.
Тема 7. Принципы структурирования фильма.
Использование слоев. Виды слоев. Управление
слоями.
Тема 8. Объекты в Flash. Типы объектов.
Библиотеки объектов. Анимация объекта.
Тема 9. Особенности работы с текстом в
Macromedia Flash. Понятия динамического и
статического текстовых полей.
Тема 10. Создание элементов пользовательского
интерфейса с помощью технологии Flash.
Тема 11. Введение в Action Script.
Существующие спецификации, их совместимость.
Программирование объектов.
Тема 12. Мониторинг действий пользователя.
Отслеживание положения курсора мыши.
Раздел III. Основы HTML.
Тема 13. Общие сведения о структуре HTML
документа. Понятие тега. Спецификации HTML.
Поддержка тегов разными браузерами.
4
Всего
Лекц.
2
2
8
4
4
4
2
2
4
2
2
44
20
24
4
2
2
4
2
2
6
2
4
4
2
2
4
2
2
4
2
2
6
2
4
4
2
2
4
2
2
4
2
2
20
10
10
4
2
2
Пр.
раб.
СРС
15.
16.
17.
18.
19.
20.
21.
22.
Тема 14. Использование графики в HTML
документе.
Способы
хранения
изображений.
Используемые графические форматы. Создание
анимированных GIF-файлов.
Тема 15. Использование таблиц для
структурирования данных в HTML документе.
Возможности форматирования таблиц. Вложенные
таблицы.
Тема 16. Понятие фрейма. Области применения
фреймов.
Плавающие
фреймы.
Недостатки
использования фреймовой структуры.
Тема 17. Карты-изображения. Область
использования.
Варианты
реализации
картизображений. Достоинства и недостатки.
Раздел IV. Динамический HTML.
Тема 18. Каскадные таблицы стилей. Модель
форматирования. Применение таблиц стилей.
Тема 19. Создание интерактивных Webдокументов. Язык сценариев Java Script. Java и
Java-апплеты. Области применения, достоинства и
недостатки.
Раздел V. Обзор программного обеспечения,
используемого для создания и работы с Webдокументами.
Тема 20. Обзор программных продуктов для
создания Web-страниц и подготовки графики.
Сравнительная характеристика, достоинства и
недостатки.
Тема 21. Визуальные средства Web-верстки.
Сравнительная характеристика, достоинства и
недостатки.
Необходимость
использования
визуальных средств при разработке дизайна сайта.
Тема 22. Macromedia Dreamweaver. Интерфейс
23. пользователя. Панель объектов. Панель свойств
объекта.
Раздел VI. Правила и основные этапы
разработки сайта.
24. Тема 23. Последовательность разработки сайта.
25. Тема 24. Эргономичность сайта. Критерии
подготовки графики для сайта.
Тема 25. Виды сайтов. Требования,
26. предъявляемые к сайту в зависимости от его
направленности. Стандартные элементы навигации.
Представления о композиции сайта.
ИТОГО:
5
4
2
2
4
2
2
4
2
2
4
2
2
10
6
4
2
6
4
4
2
2
12
6
6
4
2
2
4
2
2
4
2
2
12
6
6
4
4
2
2
2
2
4
2
2
108
52
56
СОДЕРЖАНИЕ КУРСА
Введение. Цель, предмет и задачи курса. Основные термины и
определения.
Раздел I. Общие сведения об Internet и Internet-технологиях
Тема 1. Сети Ethernet, Intranet, Internet. Иерархия. Топология, модели
развития. История возникновения и развития Internet.
Возникновение, предпосылки развития "всемирной паутины". Общие сведения
о иерархии сетей, их топологии и моделях развития.
Одноранговые и многоранговые сети. Иерархия сетей. Топология локальных
сетей, модели развития. Представление о клиент-серверной архитектуре.
История возникновения и основные этапы развития Internet. ARPANET,
понятие децентрализованной сети, представление об IP архитектуре. Протокол
TCP/IP. Предпосылки возникновения и быстрого развития Internet.
Практическая работа "Работа в локальной сети ".
Тема 2. Аббревиатуры "WWW", "URL", "http", "ftp", "html". Понятие
"Internet-технологии". Общий обзор Internet-технологий.
Базовые
понятия,
используемые
в
Internet.
Расшифровка
основных
аббревиатур. Обзор и краткая характеристика наиболее часто используемых
технологий.
Аббревиатуры "WWW" (World Wide Web), "URL" (Universal Resource Locator),
"http" (hypertext transfer protocol), "ftp" (file transfer protocol), "HTML" (HyperText
Markup Language). Internet-технологии и технологии, использующиеся в Internet.
Адаптация технологий для Internet.
Технологии HTML и XML. Их сравнительная характеристика, достоинства и
недостатки.
Технологии PHP, CGI, ASP и др. Их сравнительная характеристика,
достоинства и недостатки.
6
Технологии Java и Java Script. Различие, сравнительная характеристика,
достоинства и недостатки.
Технология Flash.
Практическая работа "Оптимизация работы пользователя ".
Раздел II. Технология Flash
Тема 3. История возникновения технологии. Основные возможности.
Область применения. Достоинства и недостатки.
Общие сведения о технологии Flash, истории ее возникновения, основных
этапах развития. Области применения технологии, основные достоинства и
недостатки.
Возникновение технологии, Splash Animator. Эволюция от средства создания
простейшей векторной анимации до мощной Web-ориентированной технологии.
Новые возможности Flash после появления встроенного языка программирования
Action Script. Эволюция Action Script. Проблемы совместимости разных версий
языка.
Области применения технологии Flash.
Практическая работа "Знакомство с Macromedia Flash MX.
Тема 4. Обзор программных продуктов, использующих технологию Flash.
Основные возможности, достоинства и недостатки. Форматы файлов.
Обзор программных продуктов, использующих технологию Flash. Базовые
сведения об интерфейсе и особенностях средства для создания интерактивной
веб-анимации - Macromedia Flash.
Macromedia Flash - продукт для создания интерактивной веб-анимации.
Векторный редактор Macromedia FreeHand. Macromedia Director Shockwave Studio средство создания Flash-презентаций. Corel Rave.
7
Macromedia Flash, интерфейс пользователя. Панель инструментов. Диалоги
настройки инструментов, цвета, текста, свойства кадров и объектов. Стандартные
элементы управления. Форматы файлов (FLA и SWF).
Возможность импортирования графики различных типов. Публикация
Flash-фильма в Internet.
Практическая работа
инструментов ".
"Macromedia
Flash
MX,
освоение
панели
Тема 5. Создание элементарной анимации с помощью Macromedia Flash.
Представление о "ключевом кадре".
Основные виды анимации, реализованные в Macromedia Flash, их свойства,
особенности использования для решения конкретных задач.
Понятия "кадр", "сцена", "фильм". Типы кадров. "Ключевые" и обычные кадры.
Создание и редактирование кадров. Свойства кадра. Хронометрическая линейка.
Свойства и настройка внешнего вида хронометрической линейки.
Виды анимации. Покадровая и расчетная анимация. Создание покадровой
анимации. Импорт анимации из формата GIF и 3DMAX.
Анимация движения. Способы создания анимации движения. Свойства
анимации движения. Анимация движения по маршруту. Свойства анимации
движения по маршруту. Требования к траектории движения.
Анимация
трансформации.
Свойства
анимации
трансформации.
Использование точек подсказки. Область использования анимации трансформации.
Комбинирование различных видов анимации между собой. Возможность
создания многоуровневой анимации.
Практическая работа "Создание элементарной анимации в Macromedia
Flash MX".
Практическая работа "Создание многоуровневой анимации".
Тема 6. Дополнительные настройки Macromedia Flash. Настройки
фильма. Настройки предварительного просмотра.
Дополнительные настройки Flash-фильма. Настройки свойств Flash- фильма.
Настройки проигрывания Flash-фильма. Проблемы, возникающие при загрузке
фильма, возможность управления загрузкой Flash-фильма.
8
Настройки редактирования. Кнопка "магнит". Настройки отображения.
Настройки фильма. Изменение частоты кадров. Изменение фонового цвета.
Изменение размера фильма. Настройки предварительного просмотра. Просмотр во
время редактирования. Просмотр в тестовом режиме. Команды управления
Flash-фильмом. Просмотр объектов и их иерархии. Управление загрузкой фильма.
Практическая работа "Настройка свойств и управление проигрыванием
фильма".
Тема 7. Принципы структурирования фильма. Использование слоев.
Виды слоев. Управление слоями.
Базовые
графическом
принципы
объекте,
структурирования
группах
объектов,
Flash-фильма.
слоях
Представление
анимации.
о
Возможности
структурирования сложнопостроенной графики и анимации.
Модель структурирования Flash-фильма. Группы объектов. Редактирование
группы объектов. Взаиморасположение объектов и групп объектов. Слои как
инструмент структурирования сложных изображений. Виды слоев. Обычный слой.
Слой пути. Слой маски. Назначение, особенности использования. Прикрепление
слоев. Необходимость использования слоев.
Практическая работа "Разработка модели Flash-фильма. Работа со
слоями".
Тема 8. Объекты в Flash. Типы объектов. Библиотеки объектов.
Анимация объекта.
Объектная организация Flash-фильма. Представление об объекте и эталоне в
Macromedia Flash. Последствия изменения эталона объекта. Типы объектов
(графический, клип, кнопка). Свойства объекта. Возможность использования свойств
различных типов для одного объекта.
Библиотеки объектов. Работа с библиотекой объектов. Редактирование
объектов и эталонов. Редактирование свойств объекта.
Практическая работа "Работа с объектами и эталонами. Использование
библиотеки объектов".
9
Тема 9. Особенности работы с текстом в Macromedia Flash. Понятия
динамического и статического текстовых полей.
Особенности представления текста в Macromedia Flash. Возможности
динамических и статических текстовых полей, особенности анимации текста.
Текст в Macromedia Flash. Представление о статическом и динамическом
текстовых полях. Свойства и возможности форматирования текста. Параметры
динамического текстового поля. Операции с текстовым полем. Конвертирование
текста в графику. Особенности использования шрифтов. Способы анимации текста.
Динамические текстовые поля. Динамически заполняемые поля. Динамически
генерируемые тексты. Скроллинг текстового поля. Инерционность текстовых полей.
Практическая работа "Особенности анимации текста в Macromedia
Flash MX".
Практическая работа "Работа с динамическими текстовыми полями".
Тема 10. Создание элементов пользовательского интерфейса с помощью
технологии Flash.
Возможности и методы создания графического интерфейса пользователя при
помощи Macromedia Flash. Общее представление о возможностях использования
звука, встраивания видеоклипов в Flash-анимацию.
Создание кнопки. Компоненты кнопки. Кадры "Up", "Over", "Down", "Hit".
Настройка опций кнопки. Создание невидимой кнопки. Создание движущейся
кнопки. Создание выпадающего меню.
Возможность работы со звуком. Поддерживаемые форматы файлов. Вставка
звука в Flash-анимацию. Параметры и эффекты. Событийное и потоковое звуковое
сопровождение фильма. Возможность редактирования звука в Macromedia Flash.
Методы
синхронизации
звука.
Возможность
встраивания
видеоклипов
в
Flash-фильм.
Практическая работа "Создание элементов
графического
интерфейса пользователя в Macromedia Flash MX".
Практическая работа "Встраивание звука в Flash-фильм. Редактирование
звука".
10
Тема 11. Введение в Action Script. Существующие спецификации, их
совместимость. Программирование объектов.
Представление о структуре, возможностях, достоинствах и недостатках
встроенного
Flash-скрипта.
Основы
программирования
Flash-фильма.
Программирование объектов фильма.
История возникновения. Спецификации. Возможность разработки клиентской
части приложений с помощью Flash. Лексическая структура языка. Идентификаторы,
операторы, функции. Синтаксис Action Script. Программирование объектов.
Хаотичная анимация.
Практическая работа "Основы работы с Flash-скриптом ".
Тема 12. Мониторинг действий пользователя. Отслеживание положения
курсора мыши.
Примеры мониторинга местоположения курсора мыши при перемещении его в
окне Flash фильма.
Контроль за местоположением курсора мыши. Изменение формы курсора.
Движение за курсором мыши. Движение нескольких объектов. След от курсора
мыши. Перетаскивание маски.
Практическая работа "Мониторинг местоположения курсора мыши с
помощью
встроенных
средств
Macromedia
Flash
MX".
11
Раздел III. Основы HTML
Тема 13. Общие сведения о структуре HTML документа. Понятие тега.
Спецификации HTML. Поддержка тегов различными браузерами.
Общие сведения об истории возникновения и развития HTML. Базовые
понятия, необходимые для понимания структуры языка. Отличия последней
принятой спецификации от более ранних. Работа с HTML документами.
Язык разметки гипертекста. Отличие от языков программирования. История
возникновения и развития. Программы для просмотра Web-страниц - браузеры.
Наиболее распространенные браузеры. "Война браузеров." Спецификации HTML.
Отличие HTML 4.0 от предшествующих спецификаций. Структура HTML документа.
Тег как элементарная единица HTML. Теги- контейнеры. Методы реализации и
организации ссылок между документами. Проблема однозначного отображения
HTML документа различными браузерами.
Практическая работа "Создание простейшего HTML документа с
помощью текстового редактора "Блокнот"".
Тема 14. Использование графики в HTML документе. Способы хранения
изображений. Используемые графические форматы. Создание анимированных
GIF-файлов.
Основные вопросы, касающиеся использования графических изображений при
создании HTML документа. Представление о структуре и особенностях основных
графических форматов, используемых в Internet. Области их использования. Способы
хранения изображений в HTML документе.
Способы хранения изображения в HTML документе. Векторные и
растровые графические форматы, используемые в Internet. Форматы JPG и GIF.
Причины использования этих форматов. Возможность использования других
форматов на примере BMP и PCX. Формат GIF (Graphics Interchange Format).
Основные модификации, возможности, достоинства и недостатки. Хранение
12
данных с чередованием строк. Создание анимированных GIF файлов. Формат JPG
(JPEG (Joint Photographic Experts Group)). Область использования, достоинства и
недостатки. Прогрессивная схема хранения данных.
Фоновые и встраиваемые изображения. Использование фоновых изображений.
Встраивание изображения в HTML документ (параметры выравнивания, размер
выводимого изображения, рамки и отступы). Использование альтернативного текста.
Использование изображения в качестве ссылки.
Практическая работа "Использование
изображений".
встраиваемых
и
фоновых
Тема 15. Использование таблиц для структурирования данных в HTML
документе. Возможности форматирования таблиц. Вложенные таблицы.
Табличный метод структурирования данных в HTML документе. Основные
параметры таблиц, методы размещения данных в таблице. Сложная табличная
структура документа как возможное решение задачи структурирования данных и
дизайна Web-страницы. Проблемы, возникающие при сложной табличной структуре
документа, методы их решения.
Таблицы как удобная основа для структурирования данных в HTML
документе. Основные теги и параметры, описывающие таблицу. Использование
заголовка таблицы. Структура таблицы. Параметры границ и фона таблицы. Задание
размеров и параметров выравнивания таблицы. Форматирование данных внутри
таблицы. Сложное форматирование таблиц. Параметры COLSPAN и ROWSPAN.
Вложенные таблицы. Область использования вложенных таблиц. Проблемы,
возникающие при использовании вложенных таблиц.
Проблемы, возникающие при использовании табличной структуры документа.
Проблема
пустых
ячеек.
Проблемы
выравнивания
данных
в
таблице.
Альтернативные решения.
Практическая работа "Создание сложной табличной структуры HTML
документа".
13
Тема 16. Понятие фрейма. Области применения фреймов. Плавающие
фреймы. Недостатки использования фреймовой структуры.
Возможность реализации фреймовой структуры HTML документа. Правила и
методы построения фреймовой структуры, способы ее реализации. Основные
достоинства и недостатки фреймов, проблемы, возникающие при использовании
фреймовой структуры.
Представление о фреймовой структуре документа. Понятие фрейма. Сферы
применения фреймов. Оправданность фреймовой структуры. Правила описания
фреймов. Абсолютные и относительные размеры фреймов. Особенности описания
фреймовой структуры. Взаимодействие между фреймами. Плавающие фреймы.
Достоинства и недостатки фреймовой структуры. Проблемы индексирования
Web-страниц, использующих фреймовую структуру поисковыми системами.
Альтернативные решения.
Практическая работа
структурой".
Тема
17.
"Создание
Карты-изображения.
HTML
Область
документа
с
фреймовой
использования.
Варианты
реализации карт-изображений. Достоинства и недостатки.
Карты-изображения как один из способов организации навигации по сайту.
Виды карт-изображений, область использования, достоинства и недостатки.
Использование карт-изображений в совокупности с альтернативными средствами
навигации.
Организация ссылок с помощью карт-изображений. Преимущества и
недостатки карт-изображений. Конфигурация карты-изображения. Клиентский и
серверный
варианты
реализации
карты-изображения.
Основные
карт-изображений. Альтернативные средства навигации.
Практическая работа "Создание карт-изображений ".
14
параметры
Раздел IV. Динамический HTML
Тема
18.
Каскадные
таблицы
стилей.
Модель
форматирования.
Применение таблиц стилей.
Элементы DHTML. Представление о каскадных таблицах стилей (CSS),
технологии определения и присоединения стилей к HTML документу. Способы
связывания каскадных таблиц стилей с HTML документом. Использование таблиц
стилей для форматирования шрифтов, цвета и фона документа.
Компоненты динамического HTML (DHTML). Каскадные таблицы стилей.
Понятия селектора и определения. Свойство и значение определения. Способы
связывания таблицы стилей с HTML документом. Наследование свойств элементом
Web-страницы. Использование селекторов. Представление о модели форматирования
таблиц стилей. Блоковые и встроенные элементы. Свойства форматирования
элементов. Свойства форматирования шрифтов, цвета и фона документа.
Практическая работа "Создание и использование CSS".
Практическая работа "Особенности работы с блоковыми и встроенными
элементами ".
Тема 19. Создание интерактивных Web-документов. Язык сценариев Java
Script. Java и Java-апплеты. Области применения, достоинства и недостатки.
Создание динамически изменяемых HTML-документов. Представление об
объектной модели документа. Примеры создания динамически изменяемых
элементов управления с использованием языка сценариев Java Script. Общие
сведения о платформе Java, области ее применения, достоинства и недостатки. Обзор
альтернативных технологий.
Представление об объектной модели документа (DOM). Язык сценариев Java
Script. Иерархия объектов. Динамическое изменение документа. Обработка событий.
Создание
раскрывающихся
списков.
15
Движущиеся
элементы.
Объектно-ориентированный интерпретируемый язык программирования Java.
Java-приложения и Java-апплеты. Область использования, достоинства и недостатки.
Альтернативные технологии.
Практическая работа "Разработка объектной модели HTML документа".
Практическая работа "Создание динамических HTML документов.
Примеры использования языка сценариев Java Script".
Раздел V. Обзор программного обеспечения, используемого для
создания и работы с Web-документами
Тема 20. Обзор программных продуктов для создания Web-страниц и
подготовки
графики.
Сравнительная
характеристика,
достоинства
и
недостатки.
Обзор программных продуктов для подготовки графики к публикации в Web.
Сравнительная характеристика наиболее распространенных программных продуктов
для работы с векторной и растровой графикой. Возможность их комбинирования
между собой. Программы для создания анимированных GIF- изображений.
Возможность создания HTML-документов в текстовом редакторе MS Word.
Программы для работы с векторной графикой (Corel Draw, Adobe Illustrator,
Macromedia Flash, Macromedia Free Hand, Corel Xara, Corel Rave и др.). Сравнительная
характеристика. Достоинства и недостатки. Собственные форматы файлов.
Совместимость.
Программы для работы с растровой графикой (Microsoft Paint, Microsoft Photo
Editor, Corel Photopaint, Adobe Photoshop, Adobe ImageReady). Возможности.
Сравнительная характеристика. Достоинства и недостатки. Собственные форматы
файлов. Совместимость.
Программы для создания анимированных GIF-файлов. Adobe Image
Ready, Ulead Gif Animator. Создание рекламных баннеров.
16
16
Возможность создания HTML-документов в MS Word. Достоинства и
недостатки.
Практическая работа "Создание анимированного баннера с помощью
Adobe Photoshop и Adobe ImageReady".
Тема
21.
Визуальные
средства
Web-верстки.
Сравнительная
характеристика, достоинства и недостатки. Необходимость использования
визуальных средств при разработке дизайна сайта.
Программные продукты для визуальной Web-верстки и проектирования сайтов
- MS Front Page, Netscape Composer и Macromedia Dreamweaver. Сравнительная
характеристика, их возможности, достоинства и недостатки.
Визуальные средства Web-верстки и проектирования сайтов. MS Front Page.
Возможности. Достоинства и недостатки. Особенности HTML кода, создаваемого с
помощью MS Front Page.
Netscape Composer. Возможности. Достоинства и недостатки.
Macromedia Dreamweaver. Сравнительная характеристика. Возможности.
Достоинства и недостатки.
Необходимость использования визуальных средств для разработки дизайна
сайта.
Практическая работа "Сравнительная характеристика визуальных
средств проектирования сайта".
Тема 22. Macromedia Dreamweaver. Интерфейс пользователя. Панель
объектов. Панель свойств объекта.
Основные возможности Macromedia Dreamweaver для создания динамических
и статических HTML документов.
Основные элементы интерфейса. Настройка интерфейса. Панель объектов.
Панель свойств. Настройка параметров страницы.
Создание статических HTML документов. Режим правки кода, режим дизайна,
смешанный режим. Работа над сайтом. Создание сайта. Добавление и
удаление элементов сайта. Публикация сайта. Возможность создания
динамического сайта с помощью Macromedia Dreamweaver.
17
Практическая
работа
пользовательского интерфейса".
"Macromedia
Освоение
Dreamweaver.
Раздел VI. Правила и основные этапы разработки сайта
Концептуальная модель проектирования сайта. Основные этапы разработки
сайта. Основные принципы и методы интернет-маркетинга.
Концептуальное проектирование сайта. Определение целевой аудитории,
анализ, сбор и документирование требований пользователей, выработка способов их
реализаций. Сценарии пользователей.
Последовательность разработки сайта. Состав рабочей группы и обязанности
каждого ее участника. Техническое задание заказчика. Разработка структуры сайта.
Работа над дизайном проекта. Программирование сайта. Работа над наполнением
сайта. Тестирование сайта. Публикация сайта. Выбор хостинга. Покупка домена.
Отладка ftp. Заключительное тестирование.
Интернет-маркетинг.
Регистрация
в
поисковых
системах.
Технологии
продвижения сайта. Поддержка сайта. Презентация сайта.
Практическая работа "Разработка концептуальной модели сайта".
Тема 24. Эргономичность сайта. Критерии подготовки графики для сайта.
Эргономичность как базовый принцип построения сайта. Основные критерии
эргономичности сайта. Правила подготовки графики для сайта с точки зрения его
эргономичности.
Психологические
аспекты
разработки
сайта.
Эффективность
сайта.
Продуктивность сайта. Понятие удобства сайта. Субъективность понятия удобства.
Критерии
удобства
сайта
(дизайн,
навигационная
функциональные элементы, скорость загрузки).
18
модель,
структура,
Особенности Web-палитры. Разработка цветовой модели сайта. Проблема
несовпадения цветов. Графические элементы интерфейса. Требования к объему
графики на сайте.
Практическая работа "Разработка цветовой модели сайта".
Тема 25. Виды сайтов. Требования, предъявляемые к сайту в зависимости
от его направленности. Стандартные элементы навигации. Представления о
композиции сайта.
Виды сайтов в зависимости от их направленности. Особенности их структуры,
правила построения. Представление о требованиях, предъявляемых к элементам
навигации по сайту, об изобразительных средствах композиционного решения сайта.
Виды сайтов. Сайт-визитка. Сайт-представительство. Каталог. Электронный
магазин. Промо-сайт. Информационный сайт. Корпоративное представительство.
Портал. Особенности построения сайтов различных видов.
Стандартные элементы навигации по сайту. Основные требования. Заголовок
сайта.
Меню
и
списки.
Использование
изобразительных
средств
для
композиционного решения сайта.
Практическая работа "Разработка графических элементов интерфейса
сайта".
19
КОНРОЛЬНЫЕ ВОПРОСЫ ПО КУРСУ
1.
Сети Ethernet, Intranet, Internet. Иерархия сетей.
2.
Топология локальных сетей, модели развития.
3.
Одноранговые и многоранговые сети. Представление о клиент-серверной
архитектуре.
4.
История возникновения, предпосылки и основные этапы развития Internet.
5.
Аббревиатуры "WWW", "URL", "HTTP", "FTP", "HTML". Расшифровка и
перевод на русский язык.
6.
Технологии HTML и XML. Сравнительная характеристика, достоинства и
недостатки.
7.
Технологии PHP, CGI, ASP. Сравнительная характеристика, достоинства и
недостатки.
8.
Технологии Java и Java Script. Различия, сравнительная характеристика,
достоинства и недостатки.
9.
Технология Flash. История возникновения, основные этапы развития.
10.
Область использования технологии Flash. Достоинства и недостатки. Форматы
файлов.
11.
Обзор программных продуктов, использующих технологию Flash. Macromedia
Flash, Macromedia Director Shockwave Studio, Corel Rave.
12.
Понятия "кадр", "сцена", "фильм" в Macromedia Flash. Свойства кадров.
Понятие "ключевого" кадра.
13.
Виды анимации в Macromedia Flash. Возможность импорта анимации из других
форматов.
14.
Возможности комбинирования различных видов анимации в Macromedia Flash
между собой. Создание многоуровневой анимации.
15.
Принципы структурирования Flash-фильма. Использование объектов.
16.
Виды слоев в Macromedia Flash и особенности их использования.
17.
Объектная организация Flash-фильма. Использование библиотек объектов.
18.
Свойства динамического и статического текстовых полей в Macromedia Flash.
20
19.
Особенности работы с текстом в Macromedia Flash. Особенности анимации
текста.
20.
Создание кнопки в Macromedia Flash. Свойства кнопки. Компоненты кнопки.
21.
Создание невидимой кнопки. Хаотичная анимация в Macromedia Flash.
22.
Сравнительная
характеристика
Flash
и
GIF-анимации.
Критерии
использования. Достоинства и недостатки.
23.
HTML.
Расшифровка
аббревиатуры.
Краткий
обзор
существующих
спецификаций. Область использования. История возникновения и развития.
24.
Понятие "тега". Структура HTML документа. Виды тегов.
25.
"Война браузеров". Причины возникновения. Последствия.
26.
Способы хранения изображений в HTML документе.
27.
Форматы JPG и GIF. Сравнительная характеристика, достоинства и недостатки.
Области использования.
28.
Возможность использования в Web графических изображений формата BMP и
PCX.
29.
Особенности использования таблиц для структурирования данных в HTML
документе. Достоинства и недостатки табличной структуры документа.
Использование вложенных таблиц.
30.
Фреймовая структура HTML документа. Сферы применения. Достоинства и
недостатки.
31.
Понятие "плавающего" фрейма. Карты-изображения. Виды карт-изображений.
Область использования, особенности организации ссылок, достоинства и
недостатки.
32.
Динамический HTML. Структура и компоненты DHTML.
33.
Каскадные таблицы стилей. Модель форматирования CSS. Блоковые и
встроенные элементы. Способы связывания CSS с HTML документом.
Представление об объектной модели документа.
34.
Векторная и растровая графика. Особенности хранения информации об
изображении. Сравнительная характеристика, достоинства и недостатки.
21
35.
Обзор программных продуктов для работы с векторной графикой (Corel
DRAW, Adobe Illustrator, Macromedia Flash, Macromedia FreeHand, Corel Xara,
Corel Rave). Сравнительная характеристика, достоинства и недостатки.
36.
Обзор программных продуктов для работы с растровой графикой (MS Paint, MS
Photo Editor, Corel Photopaint, Adobe Photoshop, Adobe ImageReady).
Сравнительная характеристика, достоинства и недостатки.
37.
Обзор визуальных средств проектирования HTML документов.
38.
Macromedia Dreamweaver, MS Front Page, Netscape Composer. Сравнительная
характеристика, достоинства и недостатки.
39.
Необходимость использования визуальных средств проектирования для
разработки дизайна сайта.
40.
Виды сайтов. Краткая характеристика.
41.
Особенности построения сайтов различных видов.
42.
Варианты реализации навигации по сайту. Необходимые требования,
стандартные элементы.
43.
Изобразительные
средства
композиции.
Понятие
СВКЦ.
Особенности
использования изобразительных средств для композиционного решения сайта.
44.
Психологические аспекты разработки сайта. Представление об эргономичности
сайта.
45.
Критерии эргономичности сайта. Эффективность и продуктивность сайта.
Критерии "удобства" сайта.
46.
Цвет в Internet. Особенности Web-палитры. Разработка цветовой модели сайта.
47.
ребования к объему графики на сайте.
48.
Концептуальное проектирование сайта.
49.
Последовательность разработки сайта. Состав рабочей группы, обязанности
каждого участника.
50.
Стандартные методы раскрутки и продвижения сайта. Презентация сайта.
22
ПРИМЕРНЫЕ ТЕМЫ КУРСОВЫХ РАБОТ
1.
Изобразительные
средства
композиции.
Правила
построения
композиции. Уравновешенная и неуравновешенная композиция. Правило
золотого сечения как основа построения композиции.
2.
Графические
форматы,
используемые
в
Internet.
История
их
возникновения, существующие спецификации, возможности. Достоинства и
недостатки.
3.
Internet как средство рекламы.
4.
Использование анимации в Internet. Форматы анимированных файлов.
Программы для создания анимированных файлов.
5.
Методы поиска информации в Internet. Поисковые системы (aport.ru,
rambler.ru, yandex.ru, altavista.com google.com). Способы индексирования
документов поисковыми системами.
6.
История и предпосылки развития Internet. Понятие домена (1-го, 2-го, 3-
го уровней). Национальные и интернациональные домены. Возможность
использования русскоязычных доменов.
7.
Векторные редакторы (Corel Draw и Adobe Illustrator). Возможности.
Сравнительная характеристика. Достоинства и недостатки. Собственные
форматы файлов. Совместимость. Недокументированные возможности.
8.
Растровые
редакторы
(Corel
Photopaint
и
Adobe
Photoshop).
Возможности. Сравнительная характеристика. Достоинства и недостатки.
Собственные
форматы
файлов.
Совместимость.
Недокументированные
возможности.
9.
Концептуальное
проектирование
сайта.
Определение
целевой
аудитории, анализ, сбор и документирование требований пользователей,
выработка способов их реализации. Сценарии пользователей.
10.
Что такое Adobe ImageReady? Adobe ImageReady + Adobe Photoshop -
мощное средство подготовки растровой графики для публикации в Internet.
23
11.
Использование слоев при создании Web-страницы. Области применения,
достоинства и недостатки.
12.
Последовательность разработки сайта. Состав рабочей группы и обязанности
каждого ее участника.
13.
Раскрутка и продвижение сайта. Поддержка сайта. Презентация сайта.
14.
Психологические аспекты разработки сайта.
15.
Эргономичность как базовый принцип построения сайта. Основные критерии
эргономичности сайта. Правила подготовки графики для сайта с точки зрения
его эргономичности.
16.
Виды сайтов. Сайт-визитка. Сайт-представительство. Каталог. Электронный
магазин.
Промо-сайт.
Информационный
сайт.
Корпоративное
представительство. Портал. Особенности построения сайтов различных видов.
17.
Обзор программных продуктов для визуальной Web-верстки и проектирования
сайтов. Необходимость использования визуальных средств при разработке
дизайна сайта.
18.
Представление об объектной модели документа (DOM).
19.
Карты-изображения как один из способов организации навигации по сайту.
Виды карт-изображений, область использования, достоинства и недостатки.
24
СПИСОК РЕКОМЕНДУЕМЫХ ИСТОЧНИКОВ
1. Литература
1.
Грибов Д.Е. Macromedia Flash 4. Интерактивная веб-анимация. - М.: ДМК, 2000.
- 672 с. - (Серия "Для дизайнеров").
2.
Колисниченко Д.Н. Самоучитель PHP 4/5. - СПб.: Наука и техника, 2004. - 576 с.
3.
Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. - СПб.: БХВ- Петербург,
2001. - 672 с.
4.
Питц-Моултис Н., Кирк Ч. XML.:Пер. с англ.- СПб.: БХВ-Петербург, 2001.736с.
5.
Харрел В., Стьюард У. Секреты Corel DRAW 8.: Пер. с англ. - Киев; М.; СПб.:
"Диалектика", 1998. - 528 с.
Дополнительная литература
1.
Бугаев А., Гуриев В. Недизайн // Компьютерра. - 2003. - № 20. -С. 25 - 29.
2.
Гиглавый Д., Гурский Д., Стрельченко Ю. Веб-дизайн: анимация. Чем плох
Flash? // Компьютерра. - 2003. - № 20. -С. 30 - 35.
3.
Головач В. 5 правил хорошего интерфейса // Publish. - 2000. - № 6. -С. 73 - 79.
4.
Григоренко Г. Интернет - кухня // Компьютерра. - 2000. - № 31. -С. 24
33.
5.
Драница А. Единица и сто нулей // Компьютерра. - 2002. - № 16. -С. 42
43.
6.
Егоров М. IMAP4 вместо POP3 // Hardn Soft. - 1999. - № 12. -С. 52 - 54.
7.
Кащавцев С. Цветовая температура // Компьютерра. - 1999. - № 16. -С. 27 - 29.
8.
Колчин К. Калибровка: эсперанто для принтера // Компьютерра. - 1999.
№ 41. -С. 29 - 31.
Левенчук А. Сайтисфакция // Компьютерра. - 2000. - № 31. -С. 22 - 24.
9.
10. Орлов А. Полезные приемы Web-дизайна // Подводная лодка. - 2000. - № 7. -С.
89 - 92.
11. Ляхов Д. О пользе альтернативы // Компьютерра. - 2002. - № 34. -С. 34 - 35.
25
12. Пашков С. Снова о кодировках кириллицы // Компьютерра. - 1998. - № 7. -С. 49.
13. Попов М. Что происходит с Netscape? // Компьютерра. - 1998. - № 6. - С. 20 - 21.
14. Росич Ю. Танцы с "Гуглом" и "Яндексом" // Планета Интернет. - 2004. - № 2. -С.
21 - 25.
15. Сегалович И. Найдется все // Компьютерра. - 2002. - № 42. -С. 40 - 44.
16. Сизикова Ю. Слоистые странички // Мир Internet. - 1999. - № 1. -С. 62 - 64.
17. Симаненков Д. Проблемы полезности Интернета с точки зрения рядового
пользователя // Компьютерра. - 1998. - № 13. -С. 43 - 45.
18. Сжатие и оптимизация изображений для Web // Компьюарт. - 2000. - № 10. -С. 76
- 84.
19. Тираспольский Л., Новиков В. К вопросу жанра виртуальной конференции //
Компьютерра. - 2000. - № 33. -С. 42 - 46.
20. Черкашин П. 10 основных ошибок в управлении Web-проектами // Мир Internet.
- 1999. - № 1. -С. 26 - 30.
21. Черкашин П. Имидж компании в Интернете - что это такое? // Мир Internet. 1999. - № 1. -С. 32 - 35.
22. Чижов А. Как устроен Интернет // Upgrade. - 2000. - № 4. -С. 30 - 31.
23. Шашлов А., Чуркин А. Что такое цвет // Компьютерра. - 1999. - № 16. - С. 24 - 26.
24. Шашлов А., Чуркин А. Метрология цвета // Компьютерра. - 1999. - № 16. -С. 30 32.
25. Шашлов А., Чуркин А. Цветовоспроизведение // Компьютерра. - 1999. - № 17. -С.
20 - 24.
26. Шашлов А., Чуркин А. Метрология цвета - II // Компьютерра. - 1999. - № 17. -С.
25 - 27.
27.
Шипилов Д. Dynamic HTML // Подводная лодка. - 2000. - № 7. -С. 117
123.
28. Ширяев А. Web-дизайн для всех. Часть 3. Свое имя в сети. // Harden Soft.1998. № 10. -С. 48 - 51.
26
Internet-ресурсы:
http://www.artlebedev.ru/kovodstvo2/
http://www.computerra.ru/
http://www.promo.ru/
http://www.usability.ru/
http://cooler.irk.ru/
http://www.ffstudio.ru/
http://r-i-p.info/
http://i2r.rusfund.ru/
http://www.flasher.ru/
http://www.ibusiness.ru/
27