Направление «521600-Финансы и …keu.page.kg/documents/materials/364.pdf ·...

1

ЗАЯВКА

на размещение учебно-методических материалов в образовательном портале КЭУ

Структура/Кафедра Прикладная информатика

Автор(ы):ст. преп. Усенова К.Дж. ст.преп. Аманалиева М.О.

преп. Омурова М.М

Вид (тип) материала (УМК, лекция, лаб.работа, методические указания и т.д.)

Предназначен для студентов программ ВПО:

Бакалавриат

Направление «521600-Финансы и кредит»«521600Бухгалтерском учете, анализ и аудит»

Профиль_____________________________ курс_2__

Специалитет (очная форма):

Специальность_______________________________

Специализация _______________________________курс_________

Специалитет (заочная форма):

Специальность_______________________________

Специализация ______________________________курс__________

Аннотация материала в объеме 2-3 абзаца

Учебно-методический комплекс предназначен для студентов 3 курса обучающиеся по болонской системе. Содержит силлабус для студентов, материалы по программам Macromedia flash и Frontpage. После окончания курса студент приобретает знания по флеш технологии и по созданию Web страниц.

Первое издание (подчеркнуть) Переиздание (подчеркнуть)

Подписи:

Автор(ы):ст.преп.УсеноваК.Дж._________ ст.преп.АманалиеваМ.О._________ преп.Омурова М.М.___________

Руководитель структуры/Зав кафедрой: __________________________

Дата: ________________ Виза: ________________

2

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ КЫРГЫЗСКОЙ РЕСПУБЛИКИ

КЫРГЫЗСКИЙ ЭКОНОМИЧЕСКИЙ УНИВЕРСИТЕТ им. М.РЫСКУЛБЕКОВА СТАНДАРТ ОРГАНИЗАЦИИ СИСТЕМА МЕНЕДЖМЕНТА КАЧЕСТВА

ДОКУМЕНТИРОВАННАЯ ПРОЦЕДУРА

УТВЕРЖДЕНО

« ____ » _____________ 2013 год Председатель УМС

_____________ Бердибаева К.Т.

УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС ПО ДИСЦИПЛИНЕ:

ИНФОРМАЦИОННО-КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ

Направления : «521600- ФИНАНСЫ И КРЕДИТ»

«521600-БУХГАЛТЕРСКОМ УЧЕТ, АНАЛИЗ И АУДИТ»

Бишкек 2013

3

Рассмотрено и одобрено на заседании кафедры «Прикладная информатика»

от «11» сентября 2013г., Протокол № 1

4

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ КЫРГЫЗСКОЙ РЕСПУБЛИКИ

КЫРГЫЗСКИЙ ЭКОНОМИЧЕСКИЙ УНИВЕРСИТЕТ им. М.РЫСКУЛБЕКОВА СТАНДАРТ ОРГАНИЗАЦИИ СИСТЕМА МЕНЕДЖМЕНТА КАЧЕСТВА

ДОКУМЕНТИРОВАННАЯ ПРОЦЕДУРА

Кафедра «Прикладная информатика»

ПРОГРАММА ОБУЧЕНИЯ СТУДЕНТОВ (Syllabus)

по дисциплине ИНФОРМАЦИОННО-КОММУНИКАЦИОННЫЕ

ТЕХНОЛОГИИ

для студентов направления «521600- Финансы и кредит»(переподготовка)

«521600-Бухгалтерском учет, анализ и аудит»

Форма обучения дневная

Всего кредитов 5

Курс 2

Семестр 3,4

Количество рубежных контролей (РК) 4

СРС 75 часов

Экзамен 3,4 семестр

Всего аудиторных часов 75

Всего внеаудиторных часов 75

Общая трудоемкость 150 часов

5

Учебная программа (Syllabus) дисциплины «Информационно-коммуникационные технологии» составлена на основе

Государственного стандарта по направлению

«521600- Финансы и кредит»(переподготовка)

«521600-Бухгалтерском учет, анализ и аудит»

Силлабус разработали: ст. преп. Усенова К.Дж._____________

ст.преп. Аманалиева М.О.___________

преп. Омурова М.М.______________

Кафедры «Прикладная информатика»

Обсуждена и рекомендована на заседании кафедры

«11» сентября 2013г. _ Протокол №1

Зав.кафедрой ___________________ Токтакунов Т.

6

Программа обучения студентов (Syllabus)

Дисциплина: Информационно - коммуникационные технологии

ст преп. Усенова К.Дж.

ст.преп. Аманалиева М.О. преп. Омурова М.М.

Кафедра Прикладной информатики (102 ауд)

Контактные телефоны: 32-51-20

Количество кредитов 5

Дата изучения курса: 2013-2014 учебный год, 5,6 семестр

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

Предмет информационно-коммуникационные технологии изучает

основные понятия информационных технологий: информационное общество,

информационная культура, понятие информации их представление, устройство

и принципы работы современных персональных компьютеров, программы и

программное обеспечение современных персональных компьютеров, офисные

технологии, базы данных, технология обработки графической информации ,

интернет технологии, бизнес информатика.

Цель курса:

Целью курса является, обучение студентов современным

информационным технологиям. Студенты изучают теоретический материал и

получают практические навыки работы на компьютерах.

Должны знать:

Студенты должны иметь полное представление о предмете, уметь собирать

информацию, обрабатывать информацию и при этом уметь использовать

современные информационные технологии. Также знать об устройствах и

принципах работы современных персональных компьютерах. Использовать

современные программные обеспечения (Windows, Word, Excel, Access,

MacromediaFlash, FrontPage, 1C бухгалтерия, Hotel, Ажур-отель).

7

Должны уметь:

Студенты должны уметь:

организовывать работу на ПК (включение, загрузка основных

программ и др.)

обрабатывать информацию с использованием компьютера.

сохранять информацию и уметь выдавать информацию.

Работать с современными программными обеспечениями:

обработка текстовой информации, обработка табличной информации,

создание и обработка базы данных, обработка графической информации,

интернет технологии.

Пререквизиты дисциплины

Изучение курса «Информационно-коммуникационные технологии»

опирается на полный цикл базовых знаний по информатике, компьютерной

графике, интернет технологии, вычислительной математике, а также

специальных дисциплин.

Постреквизитыдисциплины

Знания по данной дисциплине необходимы для написания курсовых

проектов, квалификационных работ, при подготовке презентаций, а также

профессиональной подготовке.

8

Календарно-тематическое планирование I полугодие

№ Тема Дата Кол-во час

Литература Форма контроля

1 Знакомство с редактором Flash MX.

2 [1],[2],[9]

Устный опрос, проверка заданий

2 Рисование. Работа с цветом, группами, текстом, растровой графикой

2 [1],[2],[9]


3 Настройка атрибутов контура и заполнения.

2 [1],[2],[9]


4 Создание и редактирование основных цветов

2 [1],[2],[9]


5 Сортировка палитры. Импорт и экспорт цветовых палитр

2 [1],[2],[9]


6 Изменение свойств экземпляров.

2 [1],[2],[9]


7 Методы создания анимации

2 [1],[2],[9]


8 Покадровая анимация. Работа с хронометрической линейкой.

2 [1],[2],[9]


9 Анимация формы. Установка меток

2 [1],[2],[9]


9

10 Анимация движения. Движение по маршруту. Маски.

2 [1],[2],[9]


11 Слои 2 [1],[2],[9]


1 модуль (устный опрос или компьютерное тестирование) Текущий контроль ( проверка лабораторных работ)

12 Сложная анимация. Практические приёмы.

2 [1],[2],[9]



2 [1],[2],[9]


14 Использование звука. 2 [1],[2],[9]



2 [1],[2],[9]


16 Создание кнопок с анимацией.

2 [1],[2],[9]


17 Использование звука. 2 [1],[2],[9]


18 Запуск и остановка звуков в ключевых кадрах.Сжатие звуков для экспорта

2 [1],[2],[9]


19 Оптимизация ролика. 2 [1],[2],[9]


20 Создание элементов навигации.

[1],[2],[9] Устный опрос,

10

Календарно-тематическое планирование

II полугодие

2 проверка заданий

21 Воспроизведение и остановка фильма. Отладка качества фильма

2 [1],[2],[9]


22 Создание распечатываемых кадров. Определение области печати.

2 [1],[2],[9]


23 Изменение печатаемого цвета фона

1 [1],[2],[9]


2 модуль( Устный опрос или тестирование)

Текущий контроль( проверка лабораторных работ)

Итоговый контроль( итоговое тестирование)

№ Тема Дата Кол-во час

Литература Форма контроля

1 Введение и основные понятия. Основные элементы интерфейса программы.

2 [1],[2],[9]


2 Создание Web-узла с помощью Мастеров.

2 [1],[2],[9]


3 Шаблоны создания одностраничного и многостраничного Web-узла.

2 [1],[2],[9]


4 Основные приемы форматирования объектов. Работа с текстом.

2 [1],[2],[9]


5 Списки. Таблицы. Горизонтальные линии.

2

[1],[2],[9] Устный опрос,

11

Даты. Комментарии. проверка заданий

6 Создание текстовых и графических гиперссылок.

2 [1],[2],[9]


7 Использование изображений, звука и видеофайлов на Web-страницах. Размещение видеофайла и настройка его свойств.

2

[1],[2],[9]


1 модуль (устный опрос или компьютерное тестирование) Текущий контроль ( проверка лабораторных работ)

8 Фон страницы. Размещение графических объектов. Использование тем оформления страницы.

2

[1],[2],[9]


9 Создание панели навигации.

2 [1],[2],[9]


10 Формирование заданий и отчетов.

2 [1],[2],[9]


11 Публикация web-узла.

2 [1],[2],[9]


12 Подготовка, копирование и управление файлами на сервере.

2 [1],[2],[9]


13 Расширенные средства создания Web-страниц.

2 [1],[2],[9]


14 Использование сложных элементов при оформлении Web-страниц.

2

[1],[2],[9]


12

15 Использование компонентов при создании Web-страниц. Создание форм.

2 [1],[2],[9]


2 модуль( Устный опрос или тестирование) Текущий контроль( проверка лабораторных работ) Итоговый контроль( итоговое тестирование)

13

График самостоятельной работы студентов

№ Темы занятий часы 1 полугодие

1 Рисование. Работа с цветом, группами, текстом, растровой графикой

2

2 Настройка атрибутов контура и заполнения. 2 3 Создание и редактирование основных цветов 2 4 Сортировка палитры. Импорт и экспорт цветовых палитр 2 5 Изменение свойств экземпляров. 2 6 Методы создания анимации 2 7 Покадровая анимация. Работа с хронометрической

линейкой. 2

8 Анимация формы. Установка меток. 2 9 Анимация движения. Движение по маршруту. Маски. 2 10 Слои 2 11 Сложная анимация. 2

12 Сложная анимация. 2 13 Сложная анимация. 2 14 Использование звука. 2 15 Запуск и остановка звуков в ключевых кадрах .Сжатие

звуков для экспорта 2

16 Оптимизация ролика 2

17 Создание кнопок с анимацией. 2

18 Создание элементов навигации. 2

19 Воспроизведение и остановка фильма. Отладка качества фильма

2

38 2 полугодие

1 Распечатка из FlashPlayer Подготовка фильма для печати 2 2 Создание распечатываемых кадров. Определение области

печати Изменение печатаемого цвета фона 2

3 Режимы просмотра и редактирования. Планирование Web-узла. Разработка структуры страниц

2

4 Шаблоны и Мастера. Модификация Web-узла. 2 5 Основные приемы форматирования объектов. 2 6 Работа с текстом. 2 7 Списки. Таблицы. 2 8 Горизонтальные линии. 2 9 Даты. 2

14

10 Комментарии. 2 11 Фон страницы. 2 12 Размещение графических объектов 2 13 Размещение видеофайла и настройка его свойств 2 14 Создание стилей и классов. 2 15 Принципы каскадирования и принципы группировки 2 16 Создание текстовых и графических гиперссылок 2 17 Создание и просмотр гиперссылок 2 18 Формирование заданий и отчетов 2 19 Использование отчетов для анализа Web-узла 1 37

15

Политика выставления баллов.

В каждом семестре по 2 модуля (разделы). В установленные кафедрой и

утвержденные деканатом дни студенты должны сдавать модули. Вопросы

модулей будут за 2 недели озвучены преподавателем или вывешены на

специальной доске деканата по модульно-рейтинговому контролю знаний.

В течение курса студенты должны сдать 4 модуля. До сдачи модульных

вопросов, по усмотрению преподавателя, может быть контроль знаний, за что

присуждается определенное количество баллов.

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

от того сколько баллов набрано в течение семестра.

Оценка за курс носит совокупный характер и учитывает все виды работ в

течение изучения курса. Баллы накапливаются в течение семестра и включают:

1) 2 промежуточного контроля (модуля) (максимум за модуль -20 баллов);

2) 2 текущих контроля – максимум 40 баллов.

3) итоговый контроль – максимум 20 баллов. (Складываются баллы за модули, текущего контроля и экзамен).

Текущий контроль – это непрерывно осуществляемое «отслеживание» за

уровнем усвоения знаний, формированием навыков и умений, развитием

личностных качеств студента за фиксируемый период времени.

Они складываются по следующим критериям (посещаемость занятий 12

баллов, активная работа на занятиях – 14 баллов, быстрое выполнение заданий-

14 баллов) – всего максимум 20 баллов.

Если студент не смог сдать модуль во время рейтингового контроля по

уважительной причине, то сдача модуля допускается.

Итоговые оценки выставляются в экзаменационную ведомость согласно

полученным баллам:

от 1 – 49 - неудовлетворительно от 50 – 69 баллов - удовлетворительно от 70 – 84 баллов - хорошо от 85 – 100 баллов – отлично

16

Академическая честность:

Задания выполнять самостоятельно (если появляются затруднения –

обратиться за консультацией к преподавателю);

Не использовать материалы Интернет или своих сокурсников (выявление

таких нарушений приведет к наказанию);

Исключить разговоры, использование сотовых телефонов и шпаргалок во

время модулей (промежуточного контроля) и итогового контроля (экзамена).

Три степени наказания:

Снижение баллов по самостоятельной работе или текущему контролю

(от 1-7 баллов) за частичное использование плагиата;

Будете удалены с промежуточного или итогового контролей за

разговоры, использование сотовых телефонов и шпаргалок.

Посещаемость

Регулярное посещение занятий – важное требование к студентам, зачисленным

на данный курс.

У студентов, опоздавших:

- до 3-х раз, будет вычитаться 1 балл из набранных итоговых баллов;

- более 3-х раз, будет вычитаться по 1 баллу за каждое опоздание.

За пропущенные занятия без уважительных причин будет вычитаться баллы

следующим образом:

- пропущено 20% занятий отнимается 10 баллов из набранных баллов;

- от 40% до 60% 20 баллов из набранных баллов;

- более 60% недопуск к модулю.

За занятия, пропущенные по уважительной причине (болезнь, другие причины),

студент сдает отработки.

Участие на занятии Студент должен быть подготовлен к занятию (выполнить устные и письменные

домашние задания), активно участвовать в обсуждении вопросов и выполнении задач на занятии, также соблюдать установленные сроки выполнения и сдачи заданий для самостоятельной работы. При несвоевременной сдаче количество баллов

17

уменьшается.

ОСНОВНАЯ ЛИТЕРАТУРА

1. «Информатика» /под редакцией профессора Макаровой Н.В. – М.:

«Санкт Петербург», 1998

2. Гультяев А.К. MacromediaFlashMX: Практическое пособие. СПб:

КОРОНА, 2002.

3. «Информатика» /под редакцией профессора Макаровой Н.В. – М.:

«Санкт Петербург», 1998

4. Фигурнов В.Э. IBM PC для пользователей. -М.: ЮНИТИ, 1992

5. Евдокимова В.В Экономическая информатика. -С-П.:, «Питер», 1997

6. Бекаревич А., Пушкина Н. « СУБД AСCESS для Windows 98/2000»-БХВ-

С-П: 2000

7. Конюховский П.В., Колесова Д. Н. « Экономическая информатика» СПб:

Питер,2000

8. Роберт Рейнхардт, Джон Уоррен Ленц «Flash 5. Библия пользователя».

9. Грибов Н.Е. . Интерактивная WEB анимация с использованием средств

MacromediaFlash.

10. Джой Крейнак, Джой Хебрейкен. Интернет. Энциклопедия. –СПб: ЗАО

«Издательство Питер», 1999. -560с.

11. Симонович С.В., Мураховский В.И. Интернет у вас дома: Полное

руководство начинающего пользователя. –М.: АСТ-ПРЕСС: Инфорком–

Пресс, 2001. -432с.

12. Быстро и легко осваиваем работу в сети Интернет / Под ред. Ф.А.

Резникова, -М.: Лучшие книги, 2000. -352с.

13. Лебедев Б. Тонкости, хитрости и секреты Internet. –М.: Познавательная

книга, 1999. -192с.

18

14. Найк Д. Стандарты и протоколы интернета. Пер. с англ. Под общ. Ред.

Ю.С. Конова. –М.: Издатский отдел «Русская Редакция» ТОО

«ChannelTrad», 1999. 384с. (Microsoft Press).

15. Трубочкина Н.К. Интернет для начинающих: Практический курс. –М.:

УМК МПС России, 1999. -187с.

16. Хан Х. Желтые страницы Internet&Web Международные ресурсы.

Каталог Web-сайтов. FTP – архивов, конференций и IRQ – каналов. – 4-е

русск. Изд. –СПб: Изд-во «Питер», 1999. -802с.

17. Григорьева Н. В. MSFrontPage 2002 ”Шаг за шагом”, 2002, М.

18. Леонтьев Б. Web-дизайн, 2001,М.

19. Омельченко Л., Федоров А. MSFrontPage 2002 “Самоучитель”, 2001.

20. Усенков Д. уроки Web-мастера, 2002.

21. Хестер Н. FrontPage 2002 дляWindows “Быстрый старт”, 2002.

ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА

22. Колесников А. Excel 7.0 для Windows 95. - Киев: «BHV», 1996

23. Бекаревич А., Пушкина Н. « СУБД ACESS 7.0 для Windows 95»

24. Симонович С. «Специальная информатика»

25. С. Сагман " Эффективная работа с PowerPoint для Windows.

26. Каратыгин С. А. Тихонов А. Ф. Долголаптев В. Г. " Электронный офис"

том I, томII

27. Введение в информационный бизнес: Учебное пособие / Под ред. В. П.

Тихомирова, А.В. Хорошилова.- М.: Финансы и статистика, 1996.

28. Громов. Г.Р. Очерки информационной технологии. - М.: Инфо Арт, 1992.

29. Данилевский Ю.Г., Петухов И.А., Шибанов В.С. Информационная

технология в промышленности. - Л.: Машиностроение. Ленингр.

отделение, 1988.

30. Диго С.М. Проектирование и использование баз данных: Учебник. – М.:

Финансы и статистика, 1995.

31. Информатика: данные, технология, маркетинг / В.П. Божко, В.В. Брага и

19

др. - М.: Финансы и статистика, 1992.

32. Информационная технология, экономика, культура / Сб. обзоров и

рефератов. - М.: ЮНИОН РАН, 1995.

33. Информационные системы в экономике / Под ред. В.В. Дика. - М.:


34. Информационное обеспечение интегрированных производственных

систем / Под ред. В.В. Александрова. - Л.: Машиностроение, 1986.

35. Матвеев Л.А. Информационные системы: поддержка принятия решений:

Учебное пособие. - Спб.: Изд-во СПбУЭФ, 1996.

36. Мишенин А.И. Теория экономических информационных систем. - М.:


37. Пономарева К.В., Кузьмин Л.Г. Информационное обеспечение АСУ. -

М.: Высшая школа, 1991.

38. Поппель Г., Голдстайн Б. Информационная технология - миллионные

прибыли. - М.: Экономика, 1990.

39. Тамбовцев В.Л. Пятый рынок: экономические проблемы производства

информации. - М.: Изд-во МГУ, 1993.

20

УЧЕБНО-МЕТОДИЧЕСКИЕ МАТЕРИАЛЫ

ПО КУРСУ MACROMEDIA FLASH

Программный продукт фирмы Macromedia Flash предназначен для

создания мультимедийных компонентов Web-страниц. Он предлагает средства

для реализации интерактивной работы с этими компонентами, дополняя Web-

сайт потоковым звуком в формате МРЗ.

С помощью Macromedia Flash (http: //www.macromedia.com/software/flash)

можно создавать также анимированные изображения различного типа — от

простейших «живых» кнопок до сложных мультипликаций. Так же, как и в

ImageReady, анимация создается путем изменения содержания

последовательности кадров. Поддерживаются многослойные изображения,

можно задавать перемещение объекта, его вращение, изменение формы,

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

отдельности, так и одновременно друг с другом.

При пошаговой анимации (frame-by-frameanimation) в каждом кадре

создается собственное изображение, как в мультфильмах, нарисованных

художниками. Это существенно увеличивает размер конечного файла, так как

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

промежуточных кадров (tweenedanimation) в конечном файле сохраняется

изображение только для ключевых кадров, что позволяет сократить его размер.

Результаты анимации обычно сохраняются в виде фильмов Flash в формате

SWF, которые используют векторную графику, но могут также включать

точечную графику и звук. Они поддерживают интерактивность, что позволяет

создавать фильмы, поведение которых зависит от реакции пользователя.

Фильмы Flash компактны, быстро загружаются и масштабируются к размеру

экрана зрителя.

На Web-странице с помощью Flash создаются элементы управления,

анимированные заставки, длительные анимации, сопровождающиеся звуком, и

даже целые интерактивные Web-страницы. Для их просмотра предназначен

21

FlashPlayer, размещаемый на локальном компьютере, либо специальные

компоненты, подключаемые к обозревателю.

Интерфейс MacromediaFlash

Рис. 1. Вид окна MacromediaFlash

При открытии окна приложения Flash на экране появляются следующие

элементы интерфейса:

Stage (рабочий стол) — область для компоновки отдельных кадров,

создания композиции из графических элементов или импортированных

точечных изображений и просмотра результатов анимации;

Timeline (ось времени) — окно, содержащее список отдельных слоев с

расположенными на них графическими объектами и их распределением

во времени (на оси времени отмечен каждый кадр фильма);

Symbols (символы) — основные элементы фильма, как правило,

многократно в нем используемые;

22

Library(библиотека) — окно со списком символов и импортированных

файлов, позволяющее выполнять их организацию и сортировку;

Floating, dockablepanels (пристыковываемые панели) — окна с набором

вкладок, служащие для настройки приложения и изменения параметров

элементов фильма;

MovieExplorer(обозреватель фильма) — дополнительно вызываемое окно

для просмотра структуры фильма.

На рабочем столе отображается композиция того кадра, который отмечен

Указателем текущего кадра (Playhead) в окне Timeline (Ось времени).

Представленные в окне Timeline (Ось времени) слои (Layers)можно

рассматривать как стопку прозрачных пленок, содержащих графические

элементы. Комбинируя эти пленки между собой, можно создать общую

композицию кадра. Переходя от кадра к кадру, можно изменять композицию,

отдельно управляя каждым элементом в слое и редактируя его.

Рис. 2. Ось времени с набором слоев

На рис. 2 цифрами отмечены следующие элементы управления

окнаTimeline (Ось времени):

1. Указатель текущего кадра (Playhead).

2. Линейка времени (Timelineheader).

23

3. Кнопка раскрывающегося меню FrameView.

4. Кнопка Center Frame.

5. Кнопкирежима Onion Skin.

6. Указатель номера выделенного кадра.

7. Значение частоты кадров (Framerate).

8. Слой направляющей GuideLayer.

9. Пустой ключевой кадр (Emptykeyframe).

10. Покадроваяанимация (Frame by frame Animation).

11. Анимация с расчетом кадров (TweenedAnimation).

Symbols (символы) — это многократно используемые элементы фильма.

Ими могут быть кнопки, графика, шрифты, звуки, видеоклипы и т. п. Помещая

символ на рабочий стол, создают экземпляр этого символа. Для любого

элемента, появляющегося в фильме более одного раза, символы позволяют

получить более компактный результирующий файл. Изменение символа влияет

на все его экземпляры, но редактирование экземпляра не отражается на

свойствах породившего его символа. Символы можно редактировать как

непосредственно в области Stage (на рабочем столе), так и в отдельном окне.

При редактировании одного символа на рабочем столе все остальные элементы

остаются видимыми, но недоступными для редактирования. На оси времени

остается при этом только слой, соответствующий редактируемому символу.

Символы играют важную роль в создании интерактивных фильмов Flash. Так,

символ кнопки может менять свой вид при наведении на него указателя мыши

24

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

экземпляр.

Рис. 3. Окно библиотеки

Library (библиотека) — это место хранения и организации в группы

символов, а также импортированных файлов, включая звуковые и видеофайлы.

Кроме того, в ней указываются характеристики символа, например сколько раз

данный символ использован в фильме. Требуемый символ можно просто

перетащить из окна библиотеки на рабочий стол, при этом будет создан

экземпляр символа, наследующий все его свойства.

Рис. 4. Панель Info с характеристиками фигуры

Dockablepanels(панели) позволяют не только просматривать,

организовывать и модифицировать элементы фильма, но и задавать параметры

или применять команды к каждому типу элементов. Панели можно показывать

или скрывать, создавая пользовательский вариант интерфейса.

Начало работы над фильмом

Каждый раз при открытии приложения Flash создается новый файл с

расширением FLA. При этом для задания таких свойств фильма, как размер,

25

частота кадров, цвет фона и т. п. используется диалоговое окно MovieProperties

(Свойства фильма).

Если окно приложения Flash уже открыто, то, чтобы начать новый фильм,

следует выбрать команду File>New (Файл> Создать). Выбирая затем

командуModify>Movie (Изменить > Фильм), открываем окно

MovieProperties(Свойства фильма). В полеFrameRate (Частота кадров) этого

окна задается число кадров в секунду (для Web-страниц обычно выбирают

значения от 8 до 12). В полях Width (Ширина) и Height (Высота) — размер в

пикселах по горизонтали и вертикали (минимально возможный равен 18 х 18, а

максимальный — 2880 х 2880). Кнопки Contents (Содержание) и Printer

(Принтер) служат для согласования размера рабочего стола с его содержимым

или областью печати на заданном формате бумаги.

Рис. 5. Задание параметров фильма в MacromediaFlash

ПалитраBackgroundcolor(Цвет фона) позволяет выбрать цвет фона кадров.

Раскрывающийся список RulerUnits(Деления линейки) задает единицы

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

кнопкеОКокна присваивает выбранные параметры фильму.Timeline (Ось

времени) позволяет отобразить композицию любого кадра и выполнить ее

редактирование. Кадры, определяющие изменения в фильме, должны быть

сделаны ключевыми, что необходимо для расчета промежуточных кадров

методомtweenedanimation. Количество рассчитываемых кадров можно менять,

перетаскивая ключевой кадр вдоль оси времени.

26

С кадрами можно выполнять следующие операции: выделение,

перемещение, копирование и вставка, удаление, преобразование в ключевые и

наоборот.

Чтобы вставить кадр, выбирают командуInsert>Frame (Вставка > Кадр).

Чтобы создать ключевой кадр, следует выбрать команду Insert>Keyframe

(Вставка > Ключевой кадр). Для создания пустого ключевого кадра используют

командуInsert>BlankKeyframe (Вставка > Пустой ключевой кадр). Аналогичные

команды доступны в контекстном меню кадра, вызываемом щелчком правой

кнопки мыши. Чтобы удалить кадр, ключевой кадр или последовательность

кадров, их предварительно следует выделить, а затем выполнить

командуInsert>RemoveFrame (Вставка> Удалить кадр). Последовательность

кадров можно переместить на новое место простым перетаскиванием с

помощью мыши. При необходимости изменить продолжительность

последовательности кадров, рассчитанной по методу tweenedanimation, ее

ключевой кадр перемещают при нажатой клавише Alt. Чтобы скопировать кадр

или последовательность кадров, следует предварительно выполнить их

выделение, затем выбрать команду Edit>CopyFrames(Правка> Копировать

кадры), после чего, перейдя на место вставки, выделить заменяемые кадры и

выполнить команду Edit>PasteFrames(Правка > Вставить кадры).

Преобразовать ключевой кадр в обычный можно по

командеInsert>ClearKeyframe (Вставка> Очистить ключевой кадр). В этом

случае вся рассчитанная последовательность кадров заменяется на содержимое

кадра, предшествующего ключевому.

При большом количестве объектов и значительной продолжительности

фильма для управления его содержанием удобно пользоваться окном

MovieExplorer (Обозреватель фильма). С его помощью при работе над фильмом

можно выполнять целый ряд действий:

поиск элементов по их названию;

поиск всех экземпляров определенного символа;

27

отображение свойств элемента;

отображение заданных категорий объектов в окне обозревателя;

выделение элементов для редактирования;

замена определенного шрифта другим во всех местах его использования;

копирование текста в буфер обмена для контроля его правописания в текстовом

редакторе;

знакомство ср структурой фильма, созданного другим разработчиком;

печать иерархической структуры объектов фильма из окна обозревателя.

Рис. 6. Окно MovieExplorer

Вызов окна обозревателя фильма осуществляется по команде

Window>MovieExplorer (Окно > Обозреватель фильма). Управление окном

обозревателя осуществляется либо с помощью команд раскрывающегося меню,

вызываемого щелчком на кнопке в правом верхнем углу окна, либо с помощью

доступных в контекстном меню объектов. Для выбора категорий отображаемых

объектов используются кнопки в области Show (Показ), позволяющие показать

текст, символы, действия, импортированные файлы, кадры и слои. Кнопка

Customize (Пользовательский) дает возможность еще более детализировать

выбор с помощью диалогового окна MovieExplorerSettings(Установки

обозревателя фильма). Установка флажковShowMovieElements (Показывать

28

элементы фильма) и ShowSymbolDefinitions (Показывать описания символов)

соответствует отметке одноименных команд раскрывающегося меню окна.

Поле Find (Поиск) позволяет найти по названию элемент фильма, шрифт,

действие, а также кадр по его номеру. Поиск проводится только по

отображенным в окне обозревателя компонентам.

Выделение элемента в обозревателе сопровождается его выделением на

рабочем столе, если он не заблокирован. Для выделения нескольких элементов

можно использовать клавиши Shiftи Ctrl. Выделение сцены отображает на

рабочем столе первый кадр этой сцены.

Раскрывающееся меню окна обозревателя фильма содержит следующий

набор команд:

GotoLocation (Перейти к месту) — переход к выделенному слою, сцене или

кадру;

GotoSymbolDefinition (Перейти к описанию символа) — переход к описанию

символа, выделенного в окне обозревателя;

SelectSymbolInstances (Выделить экземпляры символа) — переход к сцене,

содержащей экземпляры символа, выделенного в окне обозревателя фильма;

FindinLibrary (Поиск в библиотеке) — выбор выделенного символа в окне

библиотеки;

Properties(Свойства) — открытие панелей, соответствующих выделенному

элементу;

Rename (Переименовать) — изменение имени выделенного элемента;

EditinPlace (Правка на месте) — разрешение редактировать выделенный

элемент на рабочем столе;

EditinNewWindow (Правка в новом окне) — переход к редактированию

выделенного элемента в отдельном окне;

ShowMovieElements (Показывать элементы фильма) — отображение сцен

фильма с входящими в них элементами;

ShowSymbolDefinitions (Показывать описания символов) — отображение всех

элементов, связанных с символом;

29

CopyTexttoClipboard(Копировать текст в буфер) — копирование выделенного

текста в буфер обмена, откуда его можно вставить в текстовый редактор для

изменения или проверки;

Cut (Вырезать), Сору (Копировать), Paste (Вставить) и Clear(Очистить) —

выполняют указанные действия с выделенным элементом;

ExpandBranch (Развернуть ветвь) — разворачивание дерева навигации у

выделенного элемента;

CollapseBranch(Свернуть ветвь) — сворачивание дерева навигации у

выделенного элемента;

CollapseOthers(Свернуть другие) — сворачивание всех ветвей навигационного

дерева, не содержащих выделенного элемента;

Print (Печать) — печать дерева навигации, отображенного в данный момент в

окне обозревателя.

Для многократного использования объекта его можно преобразовать в

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

также создать пустой символ и импортировать в него содержимое либо в

режиме редактирования создать его содержимое вручную. Символы

поддерживают всю функциональность Flash, в том числе анимацию.

Использование символов для анимации позволяет создать итоговый файл

минимального размера. Особенно значительный эффект получается в случае

анимации с повторяющимися движениями, например взмахами крыльев птицы

или насекомого.

Чтобы создать новый символ из одного или нескольких объектов на

рабочем столе, следует предварительно выделить эти объекты и выполнить

команду Insert>ConverttoSymbol (Вставка> Преобразовать в символ). В

открывшемся диалоговом окне SymbolProperties(Свойства символа) вводят имя

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

Behavior (Поведение): Graphic (Графика),Button(Кнопка) или

MovieClip(Видеоклип). Щелчок на кнопке ОК добавляет новый символ в

библиотеку, а выделенный на рабочем столе объект преобразуется в экземпляр

30

этого символа. Дальнейшее его изменение возможно только в режиме

редактирования символов.

Рис. 7. Окно SymbolProperties

Рис. 8. Окно редактирования символа

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

ничего не выделено, после чего можно выбрать командуInsert>NewSymbol

(Вставка > Новый символ) либо щелкнуть на одноименной кнопке в окне

библиотеки. В диалоговом окне SymbolProperties (Свойства символа) вводится

имя нового символа и указывается тип его поведения. После щелчка на кнопке

ОК символ добавляется в библиотеку и Flash переходит в режим его

редактирования. Наполнить символ содержанием можно, используя ось

времени, инструменты рисования, средства импорта, либо с помощью

экземпляров других символов. Закончив наполнение символа, следует перейти

в режим редактирования сцены, выбрав командуEdit>EditMovie(Правка

31

>Правка фильма) либо щелкнув на кнопке с ее названием в левом верхнем углу

окна документа. Для многочисленных сцен можно использовать кнопку

EditScene (Правка сцены) в правом верхнем углу окна документа, выбирая из

списка нужную сцену.

Создание анимации методом расчета кадров

Анимация создается при изменении характеристик объекта в

последовательности кадров: их положения, размеров, прозрачности и других

свойств, причем эти изменения могут происходить одновременно. Flash

поддерживает два метода создания анимации: пошаговую (frame-by-frame) и

путем расчета промежуточных кадров (tweened). В последнем случае размер

файла существенно уменьшается, так как Flash сохраняет только значения

ключевых кадров, в которых задаются параметры объектов.

Ключевым кадром называется кадр, в котором заданы изменения

анимационной сцены. Для пошаговой анимации (frame-by-frame) ключевым

является каждый кадр. В анимации с расчетом промежуточных кадров

(tweened) ключевые кадры определяют состояние объектов в определенные

моменты, а все кадры между ними будут автоматически рассчитаны Flash. На

оси времени ключевой кадр отмечен кружком, если в нем присутствуют

объекты, или вертикальной чертой, если он пустой. Flash рассчитывает

промежуточные кадры с учетом всех объектов, существующих в ключевых

кадрах, и отмечает эту последовательность стрелкой.

Чтобы создать новый ключевой кадр, можно выбрать команду

Insert>Keyframe (Вставка > Ключевой кадр) либо одноименную команду

контекстного меню кадра, вызываемого щелчком правой кнопки мыши в окне

оси времени.

Flash может рассчитывать промежуточные кадры для анимации двух типов:

анимации движения, когда задаются положение, размер и поворот

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

устанавливаются их новые значения в другой момент;

32

анимации изменения формы, при которой первоначальное изображение

объекта преобразуется в новое за заданный промежуток времени.

Рис. 9. Отметки групп кадров на оси времени

Поэтому в окне Timeline (Ось времени) группы рассчитанных кадров

обозначаются различным образом. Анимация движения (motion-tweened)

обозначается стрелкой на синем фоне (рис. 9, а) между двумя ключевыми

кадрами, отмеченными точками. Анимация формы (Shape-tweened)

обозначается стрелкой на зеленом фоне между двумя ключевыми кадрами,

причем последний отделен вертикальной линией (рис. 9, б). Пунктирная линия

(dashed) указывает на то, что последний ключевой кадр отсутствует (рис. 9, в).

Одиночный ключевой кадр отмечается черной точкой, а все последующие

кадры, повторяющие его содержимое, выделены серым фоном, причем

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

«а» указывает кадр, которому назначено одно из действий панелиActionspanel

(рис.9, Э). Красный флажок отмечает кадр, содержащий комментарий или

метку (рис.9, е).

Каждый кадр фильма Flash может быть составлен из любого числа

объектов, размещенных послойно. В анимации с помощью слоев можно

организовать объекты так, чтобы они не мешали друг другу. При

одновременной анимации нескольких групп или символов они должны быть

размещены на разных слоях. Обычно фоновый слой содержит статическую

сцену, а каждый последующий слой — по одному ани-мированному объекту. В

33

окне Timeline(Ось времени) они отображаются в виде отдельных строк.

Одновременно редактируется содержимое только одного слоя.

При создании в анимации фонового изображения требуется, чтобы оно

повторялось на протяжении нескольких кадров. При добавлении новых кадров

в последовательность в каждом из них повторяется содержимое кадра, после

которого они вставлены. Добавить группу новых кадров можно

командойInsert>Frame (Вставка > Кадр), предварительно выделив крайний

правый кадр последовательности. Аналогичный результат можно получить,

если переместить ключевой кадр с помощью мыши, удерживая клавишу Alt, до

нужной позиции на оси времени.

Создание анимации движения

Анимацию движения (motion-tweened) также можно применять к

экземплярам, группам или текстовым блокам, при этом Flash поддерживает

расчет промежуточных кадров при перемещении, изменении размера, поворота

и скоса объектов. Дополнительно можно изменять цвет экземпляров объектов

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

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

предварительно следует преобразовать в символы

командойInsert>ConverttoSymbol (Вставка> Преобразовать в символ). При этом

преобразуемый объект становится экземпляром этого символа.

Создать анимацию движения можно двумя способами:

Создать начальный и конечный ключевые кадры и для начального кадра

установить значение Motion (Движение) в раскрывающемся

спискеTweening (Расчет) на панели Frame (Кадр).

Создать начальный ключевой кадр, затем выполнить команду

Insert>CreateMotionTween (Вставка> Рассчитать движение) и переместить

объект в новую позицию на сцене. При этом Flash автоматически создаст

заключительный ключевой кадр.

34

Рис. 10. Результат расчета промежуточных кадров анимации

При каждом изменении положения ключевых кадров либо изменении их

содержимого Flash автоматически рассчитывает промежуточные кадры.

Рассмотрим последовательность действий при создании анимации

движения с помощью задания параметров на панели Frame (Кадр):

1. Выделяем имя слоя, чтобы сделать его текущим, и выделяем один из

ключевых кадров слоя, где должна начаться анимация.

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

перетаскиваем экземпляр символа из окна библиотеки. Рисованный объект

следует преобразовать в символ.

3. Создаем завершающий ключевой кадр, определяющий длину

последовательности кадров.

4. Чтобы изменить экземпляр, группу или текстовый блок в последнем кадре,

можно выполнить следующее: переместить их в новую позицию, изменить

размер, угол поворота или скоса, изменить цвет экземпляра или текста.

5. Выполняем команду Window>Panels>Frame (Окно > Панели > Кадр), чтобы

открыть панель Frame (Кадр). В раскрывающемся списке Tweening(Расчет)

выбираем значениеMotion (Движение).

6. При изменении размера объекта следует установить флажок

Scale(Масштабировать).

7. Значение Easing (Плавность) задаем в диапазоне от -100 до 100, определяя

тем самым скорость изменений во времени. Отрицательные значения

соответствуют медленным изменениям вначале и быстрым в конце.

Положительные — быстрым вначале и замедляющимся к концу анимации. По

35

умолчанию скорость постоянна. Регулировка производится ползунком,

открывающимся щелчком на стрелке.

8. Вращение можно задать выбором значения из раскрывающегося списка

Rotate (Поворот). По умолчанию вращения нет. Значение CW соответствует

вращению почасовой стрелке, a CCW — против, с указанием требуемого числа

оборотов. Это вращение будет добавлено к повороту объекта, заданному на

шаге 4.

9. Флажок OrienttoPath (Ориентация на траекторию) устанавливается в случае,

если задана криволинейная траектория движения.

10. ФлажокSynchronize (Синхронизировать) позволяет синхронизировать число

кадров анимации с числом экземпляров графики, если они различны.

11. При заданной траектории движения флажокSnap(Привязка) фиксирует на

ней анимируемый экземпляр.

Рис.11. Выбор параметров анимации движения

Рассмотрим последовательность действий при создании анимации по

команде CreateMotionTween(Рассчитать движение):

1. Выделяем пустой ключевой кадр и изображаем на рабочем столе объект или

перетаскиваем на него экземпляр символа из окна библиотеки.

36

2. Выполняем команду Insert>CreateMotionTween (Вставка> Рассчитать

движение). Изображенный на первом шаге объект будет автоматически

преобразован в символ, которому присвоено имя tween1. Последующим

объектам будут присваиваться имена tween2, tween3 и т. д.

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

команду Insert>Frame (Вставка > Кадр).

4. Перемещаем объект, экземпляр или блок текста в желаемую позицию.

Изменяем его размер и угол поворота, если это требуется. После всех

изменений снимаем с объекта выделение. В конце последовательности кадров

автоматически появляется ключевой кадр.

5. Выделяем конечный ключевой кадр последовательности и выполняем

команду Window>Panels>Frame (Окно > Панели > Кадр). На открывшейся

панели Frame (Кадр) автоматически должно появиться значение

Motion(Движение).

6. Если был изменен размер, то следует установить флажок

Scale(Масштабировать).

7. Значение Easing(Плавность) задается в диапазоне от -100 до 100, определяя

скорость изменений во времени. Отрицательные значения соответствуют

медленным изменениям вначале и быстрым в конце. Положительные —

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

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

стрелке.

8. Вращение задается выбором значения из раскрывающегося списка

Rotate(Поворот). По умолчанию указывается значение Auto(Автоматически),

определяемое поворотом объекта на шаге 4. Значение CW соответствует

вращению почасовой стрелке, a CCW — против, с указанием требуемого числа

оборотов. Это вращение будет добавлено к повороту, заданному на шаге 4.

37

9. Флажок OrienttoPath(Ориентация на траекторию) устанавливается в случае,

если задана криволинейная траектория движения.

10. Флажок Synchronize (Синхронизировать) позволяет синхронизировать число

кадров анимации с числом экземпляров графики, если они различны.

11. При заданной траектории движения флажокSnap (Привязка) фиксирует на

ней анимируемый экземпляр.

Задание движения по траектории

Специальные слои направляющих позволяют задавать траектории

движения для анимируемых экземпляров, групп или текстовых блоков. С

одним слоем направляющей можно связать несколько слоев объектов, чтобы

все объекты двигались по одной траектории. Связанный со слоем

направляющей обычный слой становится ведомым.

Рис. 12. Привязка объекта к траектории

Рассмотрим последовательность действий при создании анимации с

движением объекта по заданной траектории:

1. Создадим анимацию движения одним из способов, рассмотренных ранее.

2. При установке флажка OrienttoPath (Ориентация на траекторию) базовая

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

траектории. Для фиксации на траектории регистрационной точки объекта

устанавливается флажок Snap(Привязка).

38

3. Выполняем команду Insert>MotionGuide (Вставка > Траектория движения).

Flash создаст над выделенным слоем новый слой со значком направляющей

слева от имени.

4. Используем любой инструмент для рисования, чтобы изобразить желаемую

траекторию. В первом кадре зафиксируем объект в начальной точке линии, а в

последнем кадре—в конце линии, перемещая объект с помощью мыши за его

регистрационную точку.

5. Чтобы сделать траекторию невидимой, следует щелкнуть на пересечении

строки направляющего слоя и отмеченного значком глаза столбца.

Рис. 13. Движение по заданной траектории

Рис. 14. Окно LayerProperties

Чтобы связать слой с существующим слоем направляющей, можно

выполнить одно из следующих действий:

Переместить слой с объектами под слой с направляющей. Все

анимированные объекты на нем автоматически привязываются к

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

39

Создать новый слой под слоем направляющей. Объекты, размещенные на

этом слое, к которым будет применена анимация методом расчета кадров

(tweened), автоматически привязываются к траектории.

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

Modify>Layer(Изменить > Слой) с выбором значения

Guided(Управляемый) для типа слоя в диалоговом окне

LayerProperties(Свойства слоя).

Щелкнуть на слое при нажатой клавише Alt.

Чтобы разорвать связь слоя со слоем направляющей, выполните одно из

следующих действий:

Выделите слой, связь которого надо разорвать, и перетащите его выше

слоя направляющей.

Выполните команду Modify>Layer (Изменить > Слой) с выбором

значения Normal (Обычный) для типа слоя в окне

LayerProperties(Свойства слоя).

Щелкните на слое при нажатой клавишеAlt.

Анимация формы

Метод расчета промежуточных кадров (shapes-tweened) позволяет

преобразовывать одну форму в другую, изменяя при этом ее размер, положение

и цвет. При создании анимации формы следует учесть, что Flash не может

выполнить такую анимацию для групп, символов, текстовых блоков и

растровых изображений.

Анимация формы фигур позволяет создать эффект метаморфозы, когда

одна форма превращается в другую. Для управления этими изменениями

служат специальные идентификаторы формы (shapehints), которые позволяют

создавать сложные изменения и превращения отдельных частей исходной

фигуры в новые. Идентификаторы формы отмечают отдельные точки фигуры

до и после изменения ее формы. Каждая из них обозначается буквой

латинского алфавита, что позволяет задать до 26 идентификаторов. Таким

40

образом можно создать изменение выражения нарисованных лиц, превращения

одних животных в других и т. п. Для фигур сложной формы желательно задать

промежуточные состояния в виде дополнительных ключевых кадров, что

позволит контролировать фазы превращения. Лучше все анимируе-мые фигуры

размещать в отдельных слоях, хотя можно выполнять одновременную

анимацию для слоя, содержащего сразу несколько фигур.

Рис. 15. Преобразование формы: автоматическое и с использованием

идентификаторов

Для применения анимации формы (shapes-tweened) к группам, символам,

текстовым блокам и растровым изображениям их предварительно следует

преобразовать командой Modify>BreakApart (Изменить> Разбить на части). По

этой команде разрывается связь между экземпляром и символом, превращая

экземпляр в набор несвязанных линий и фигур, что позволяет изменять его, не

оказывая воздействия на другие экземпляры. Изменения символа в дальнейшем

также не будут влиять на данный экземпляр.

Рассмотрим последовательность действий при создании анимации формы:

1. Выделим слой и пустой ключевой кадр на нем, с которого начнется

анимация.

2. Создадим объект для первого кадра последовательности с помощью любого

инструмента рисования.

41

3. Выделим требуемый заключительный кадр последовательности и превратим

его в ключевой.

4. Создаем новый объект в этом кадре, к которому должен быть преобразован

исходный объект.

5. Выполним команду Window>Panels>Frame (Окно > Панели > Кадр), чтобы

открыть панель Frame (Кадр).

6. Из раскрывающегося спискаTweening (Расчет) выбирем значение Shape

(Форма).

7. Зададим значение Easing (Плавность) в диапазоне от -100 до 100, определяя

скорость изменений во времени. Отрицательные значения соответствуют

медленным изменениям вначале и быстрым в конце. Положительные —

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

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

стрелке.

8. В раскрывающемся спискеBlend (Переход) выбираем значение

Distributive(Распределенный) — для гладких промежуточных форм или

значение Angular (Острый) — для сохранения четких углов и прямых линий в

промежуточных формах. Последнее значение применимо только к формам,

имеющим острые углы и прямые линии, в противном случае автоматически

будет задано значение Distributive(Распределенный).

Рис. 16. Задание параметров анимации формы

42

Чтобы контролировать сложные превращения формах, используют

идентификаторы формы (shapehints). Они определяют точки, которые в

исходной и завершающей формах должны соответствовать друг другу.

Идентификаторы формы (shapehints), помеченные буквой латинского

алфавита, представлены желтым цветом в начальном и зеленым цветом в

конечном ключевых кадрах. Красный цвет идентификатора означает, что он

расположен не на кривой и не может участвовать в трансформации. При

использовании идентификаторов формы следует придерживаться нескольких

правил:

Идентификаторы располагают на фигуре в определенной

последовательности, например против часовой стрелки, начиная с левого

верхнего угла объекта.

Порядок идентификаторов должен сохраняться как в начальном

положении фигуры, так и в конечном положении, чтобы не нарушалась

их логическая последовательность (например, если на первом ключевом

кадре abc, на следующем не должно быть acb).

Для фигур сложной формы создаются дополнительные ключевые кадры,

определяющие этапы состояния фигуры, с расчетом промежуточных

кадров между ними.

Рис. 17. Изменение цвета идентификаторов при правильном размещении

43

Чтобы использовать идентификаторы формы, выполняют следующие

действия:

1. Выделяют первый ключевой кадр в последовательности и выполняют

команду Modify>Transform>AddShapeHint (Изменить> Трансформировать >

Добавить идентификатор). На объекте появится первый идентификатор

красного цвета с буквой внутри.

2. Идентификатор перемещают в точку на контуре фигуры, которую хотят

отметить.

3. Выделяют конечный ключевой кадр последовательности, на котором

идентификатор красного цвета устанавливают в точку на контуре фигуры, в

которую должна перейти первоначальная, при этом идентификатор изменяет

свой цвет на зеленый.

4. Выполняют просмотр фильма, чтобы убедиться, что форма изменяется

желаемым образом. В противном случае перемещают идентификатор для более

точной настройки изменения формы.

5. Повторяют процесс, добавляя новые идентификаторы (b, с и т. д.).

Если идентификаторы формы не отображаются на экране, то выполняют

команду View>ShowShapeHints (Вид> Показать идентификаторы формы),

которая доступна, если выделенный слой и ключевой кадр содержат

идентификаторы формы.

Использование идентификаторов формы позволяет не только выполнять

анимацию формы, но и создавать дополнительные эффекты, например

вращение.

Лишний идентификатор формы, размещенный на фигуре, можно удалить,

щелкнув по нему правой кнопкой мыши и выбрав из контекстного меню

команду RemoveHint(Удалить идентификатор). Делать это следует на первом

ключевом кадре последовательности. Для удаления всех идентификаторов

формы достаточно выполнить команду

44

Modify>Transform>RemoveAllHints(Изменить> Трансформировать > Убрать все

идентификаторы).

Как уже отмечалось, Flash при создании анимации формы не может выполнить

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

этих случаях приходится пользоваться пошаговой (покадровой) анимацией, что

существенно увеличивает размер конечного файла, но дает простор для

воображения и позволяет с помощью последовательности изображений

выполнять любые превращения.

Рис. 4.18. Пример покадровой анимации с использованием рисунков

Редактирование анимации

При редактировании анимации можно перемещать кадры как в текущем

слое, так и между слоями. Однако на рабочем столе редактировать можно

только ключевые кадры. Промежуточные кадры, рассчитанные компьютером,

можно видеть, но в них нельзя вносить изменения. Они будут меняться только

при изменении управляющих ими ключевых кадров или при добавлении новых

ключевых кадров в последовательность.

45

Рис. 19. Одновременное отображение ключевых кадров при анимации формы

Для отображения и редактирования нескольких кадров одновременно

следует использовать режим кальки (onionskin), позволяющий увидеть

содержимое нескольких последовательных кадров. Этот режим особенно

удобен при редактировании пошаговой анимации. Чтобы его активизировать,

нужно выполнить щелчок по кнопке OnionSkin (Режим кальки) окна. В этом

режиме текущий кадр отображается ярко, а все остальные — как

полупрозрачные с наложением друг на друга. Редактировать при этом можно

только текущий кадр. Чтобы обеспечить доступ ко всем кадрам, отмеченным

маркерами диапазона, следует щелкнуть по кнопке EditMultipleFrames (Правка

нескольких кадров), также расположенной в окне Timeline(Ось времени).

При перемещении текущего кадра одновременно изменяется положение

маркеров диапазона отображаемых полупрозрачных кадров. Ухватив

указателем мыши один из маркеров, можно расширить диапазон в ту или иную

сторону. Чтобы избежать путаницы при большом количестве слоев, можно

блокировать или скрыть те слои, содержание которых не требуется отображать

в данный момент. Заблокированные слои, отмеченные значком замка в окне оси

времени, не отображаются в режиме кальки.

Для изменения момента появления объекта или его превращения следует

перетащить мышью в новую позицию на временной оси ключевой кадр или

всю последовательность. При необходимости можно скопировать выделенную

последовательность кадров, это действие выполняется с помощью мыши при

нажатой клавише Alt.

46

Можно также выполнить изменение порядка следования анимированных

кадров на противоположный, для чего следует выделить кадры

последовательности в одном или нескольких слоях и выполнить команду

Modify>Frames>Reverse (Изменить > Кадры > Обратный). В этом случае в

начале и в конце выделенной последовательности обязательно должны

присутствовать ключевые кадры.

В окнеTimeline (Ось времени) имеются следующие кнопки, управляющие

режимом кальки:

Рис. 20. Кнопки управления режимом кальки

Кнопка OnionSkin (Режим кальки) включает отображение на рабочем

столе содержимого группы кадров, заключенных между маркерами

диапазонаStartOnionSkin и EndOnionSkin, расположенными на оси

времени.

КнопкаOnionSkinOutlines(Контуры на кальке) задает отображение

контуров объектов группы кадров, заключенной между маркерами

диапазона.

Кнопка EditMultipleFrames (Правка нескольких кадров) делает доступным

для редактирования содержимое всех кадров диапазона.

47

Кнопка ModifyOnionMarkers(Изменить маркеры диапазона) открывает

меню со следующими командами для изменения представления маркеров

диапазона:

o AlwaysShowMarkers (Всегда отображать маркеры) — отображает

положение маркеров диапазона в заголовке оси времени и при

выключенном режиме кальки (onionskin);

o AnchorOnionMarks (Закрепить маркеры) — блокирует маркеры

диапазона на текущей позиции, что препятствует их обычному

перемещению вместе с указателем текущего кадра;

o Onion 2 (показать два кадра) — включает в диапазон по 2 кадра с

каждой стороны от указателя текущего кадра;

o Onion 5 (показать пять кадров) — включает в диапазон по 5 кадров

с каждой стороны от указателя текущего кадра;

o OnionAll(показать все кадры) — включает в диапазон все кадры

фильма.

При работе над фильмом может возникнуть необходимость переместить

всю анимацию в новое положение на рабочем столе. В этом случае, чтобы

избежать повторного размещения и выравнивания объектов, их следует

перемещать все вместе и одновременно. Предварительно необходимо

разблокировать все слои анимации (для заблокированных слоев перемещения

объектов не произойдет). Затем щелчком на кнопке EditMultipleFrames (Правка

нескольких кадров) задают режим редактирования всех кадров диапазона и

перемещают маркеры диапазона в нужное положение. Например, для выбора

всех кадров щелкают по кнопке ModifyOnionMarkers (Изменить маркеры

диапазона) и выбирают команду OnionAll (Показать все кадры). Далее

выделяют все объекты командойEdit>SelectAll (Правка> Выделить все) и

перемещают всю анимацию в новую позицию на рабочем столе.

Добавление к анимации звука

Теперь, когда мы научились создавать движущееся изображение, можно

добавить к нему звук. MacromediaFlash позволяет назначить объекту звук-

48

событие либо использовать потоковый звук. Их воспроизведение по-разному

реализуется при просмотре Web-страницы в Интернете. Воспроизведение

звука-события начинается только после его полной загрузки на локальный

компьютер и продолжается до тех пор, пока его специально не остановят.

Потоковый звук начинает воспроизводиться сразу после загрузки такого

объема данных, который достаточен для озвучивания первых нескольких

кадров анимации, и продолжает воспроизводиться по мере дальнейшей

загрузки, при этом звук синхронизируется с временной диаграммой на Web-

сайте. Таким образом, воспроизведение звука совместно с анимацией может

быть сделано непрерывным, не зависящим от распределения кадров на оси

времени, либо его можно синхронизировать с поведением объектов.

Озвучивание фильма в MacromediaFlash предполагает создание отдельного

слоя для звука, назначение ему звукового файла и задание параметров звука на

панели Sound(Звук). Создать звуковой слой можно обычной

командойInsert>Layer (Вставка > Слой). Каждый звук размещается в отдельном

слое, и каждый такой слой работает подобно звуковому каналу. При

воспроизведении фильма звуки на всех слоях воспроизводятся вместе.

Полоса частот и степень сжатия звукового файла существенно влияют на

качество и размер звуковых данных в готовом фильме. MacromediaFlash может

импортировать звуковые файлы форматов WAV, AIFF и AU, сохраняя их в

библиотеке наряду с растровыми изображениями и символами. Так как

звуковые файлы занимают значительный объем памяти, то желательно

использовать файлы, оптимальные по качеству. MacromediaFlash работает с 8-

или 16-разрядными звуками с полосой 11,22 или 44 кГц (для стереозвука

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

которого не кратна 11, звучание может стать выше или ниже, чем в оригинале,

из-за его преобразования. Чтобы размер выходного файла MacromediaFlash не

оказался очень большим, следует придерживаться следующих принципов:

многократное воспроизведение одного звука с помощью цикла позволяет

создать звуковой фон значительной длительности;

49

использование звуковых эффектов, применяемых к одному звуковому

файлу, позволяет разнообразить его звучание;

исключение пауз между звуками позволяет устранить сохранение лишней

информации.

Управление параметрами воспроизведения звукового файла выполняется на

панелиSound(Звук), где доступен набор следующих установок.

Рис. 21. Панель Sound для присоединенного звукового файла

В раскрывающемся списке Sync(Синхронизация) представлены четыре

варианта событий:

Event( Событие) — позволяет синхронизировать звук с событием;

воспроизведение начинается с синхронизированным кадром и

продолжается независимо от временной диаграммы даже при остановке

самого фильма (звуки-события при воспроизведении опубликованного

фильма смешиваются);

Start(Начать) — обеспечивает аналогичные функции, однако при

возникновении события запускается новый экземпляр звука, даже если он

уже воспроизводится;

Stop (Остановить) — позволяет остановить воспроизведение указанного

звукового файла;

Stream (Поток) — позволяет синхронизировать звук с временной

диаграммой на Web-сервере, при этом кадры анимации, которые Flash не

успевает прорисовывать, могут пропускаться (такой звук останавливается

при остановке анимации; при воспроизведении опубликованного фильма

потоковые звуки также смешиваются).

50

В поле ввода Loops (Цикл) задается число повторений воспроизведения

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

течение всего фильма можно задать достаточно большое число повторений.

Раскрывающийся список Effect (Эффект) позволяет назначить звуковому

файлу некоторые эффекты:

None (Нет) — отменяет все ранее назначенные эффекты;

LeftChannel(Левый канал) — воспроизводит звук только в левом канале;

RightChannel (Правый канал) — воспроизводит зв^к только в правом

канале;

FadeLefttoRight (С левого в правый) — звук «перетекает» с левого канала

на правый;

FadeRighttoLeft (С правого в левый) — звук «перетекает» с правого

канала на левый;

FadeIn (Нарастание) — постепенное нарастание громкости в процессе

воспроизведения;

FadeOut (Затухание) — постепенное уменьшение громкости в процессе

воспроизведения;

Custom(Пользовательский) — позволяет назначить собственный звуковой

эффект.

Рис. 22. Регулировка уровня звука в окне EditEnvelope

Щелчок на кнопке Edit(Правка) открывает дополнительное окно

EditEnvelope(Правка звука), в котором можно изменить выбранный эффект и

51

вручную задать уровень громкости звука и моменты начала и конца его

воспроизведения. Для каждого из каналов (верхний — левый, нижний —

правый) можно задать до восьми маркеров настройки громкости,

перемещением которых регулируют уровень звука в канале. Специальные

бегунки TimeIn (Начальный момент) и TimeOut(Конечный момент),

расположенные на оси числа кадров или времени, задают участок звукового

файла, подлежащий воспроизведению. Невыделенная часть звукового файла не

сохраняется в фильме, что уменьшает общий размер его файла.

Рис. 23. Определение параметров экспорта отдельного звукового файла

Для каждого звукового файла можно также задать свои параметры

компрессии в зависимости от его качества и требуемого размера будущего

файла фильма MacromediaFlash. Для этого в диалоговом окне

Library(Библиотека) следует выделить нужный звук и щелчком на кнопке

Properties(Свойства) открыть окноSoundProperties (Свойства звука). В этом окне

раскрывающийся списокCompression (Сжатие) содержит следующие варианты

(рис. 4.23):

Default(По умолчанию) — используются параметры по умолчанию,

заданные в окнеPublishSettings(Параметры публикации);

ADPCM — применяется для экспорта коротких звуков-событий,

устанавливая параметры сжатия для 16-разрядного звука;

52

МРЗ — применяется для экспорта длительных потоковых звуков,

устанавливая параметры сжатия МРЗ;

RAW — экспорт звука без сжатия.

В зависимости от выбранного варианта становятся доступными для

установки еще несколько параметров:

флажок ConvertStereotoMono (Конвертировать стерео к моно) позволяет

преобразовать стереозвук в монофонический;

раскрывающийся списокSampleRate (Частота дискретизации) позволяет

выбрать полосу частот для звуков экспортируемого файла (5 кГц — речь,

11 кГц — короткие звуки, 22 кГц — для Web-сайтов, 44 кГц — качество

компакт-диска), но не выше полосы оригинала;

раскрывающийся список ADPCM Bitsпозволяет выбрать число битов,

используемое в кодировании ADPCM (от 2 до 5);

раскрывающийся список BitRate позволяет выбрать максимальную

скорость передачи звуковой информации в битах, выполняемую при

кодировании МРЗ (рекомендуется 16 Кбит/с и выше);

раскрывающийся список Quality(Качество) позволяет задать один из трех

вариантов: Fast(Быстрый),Medium(Средний), Best (Наилучший). Первый

пригоден для публикации на Web-сайте, остальные для публикации

фильма на локальном диске или компакт-диске).

Следует отметить, что при экспорте фильма Flash в форматы QuickTime

или Windows AVI ограничения на использование звуковых файлов снимаются,

так как в этом случае звуки объединяются в одну звуковую дорожку. Поэтому

для создания фильмов подобного формата можно использовать произвольное

число исходных файлов. Для связи звука и изображения следует использовать

потоковую синхронизацию. Если компьютер, на котором воспроизводится

фильм, не будет успевать прорисовывать все кадры, то часть из них будет

просто пропущена.

Сохранение файла с анимацией

53

Файлы Flash сохраняются в формате FLA по командеFile>Save(Файл>

Сохранить) под ранее выбранным именем либо по команде File>SaveAs(Файл >

Сохранить как) для указания нового имени и месторасположения. При

необходимости вернуться к последней сохраненной версии файла можно

воспользоваться командой File>Revert (Файл > Возврат).

При работе над анимацией предварительный просмотр текущей сцены

выполняется по команде Control>Play(Управление> Воспроизвести) либо по

нажатию клавиши Enter. Для удобства возврата к началу анимации и

пошаговому просмотру можно вывести на экран панель Controller

(Контроллер), содержащую набор кнопок управления. Для этого следует

выполнить команду Window>Toolbars>Controller(Окно > Панели инструментов

> Контроллер). Пошаговый просмотр возможен не только с помощью команд

меню Control (Управление): StepForward (Шаг вперед) и StepBackward (Шаг

назад), но также и щелчком на одноименных кнопках панели Controllerлибо

нажатием клавиш < и > клавиатуры.

Рис. 24. Панель Controller

Для непрерывного воспроизведения анимации выполняют

командуControl>LoopPlayback (Управление > Повтор воспроизведения), а для

проигрывания всех сцен фильма — команду Control>PlayAllScenes(Управление

> Воспроизведение всех сцен). Если при предварительном просмотре не нужно

воспроизводить звук, то выполняют командуControl>MuteSounds(Управление>

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

Control (Управление): EnableSimpleFrameActions(Активизировать действия

кадра) илиEnableSimpleButtons (Активизировать кнопки), активизирующие

режим взаимодействия с пользователем. Так как многие интерактивные

функции нельзя проверить в режиме предварительного просмотра без

экспертов окончательный формат фильма, то для их тестирования

предусмотрена командаControl>TestMovie(Управление> Проверить фильм) или

54

Control>TestScene (Управление > Проверить сцену), по которым создается файл

SWF и проигрывается в отдельном окне с помощью проигрывателя Flashplayer.

При создании файла SWF используется набор параметров по умолчанию,

установленный в окне PublishSettings (Параметры публикации), и файл

сохраняется в той же папке, что и файл FLA.

Дополнительно можно проверить фильм в окне обозревателя, для чего

следует выполнить команду File>PublishPreview> HTML (Файл > Просмотр

публикации > HTML).

Опубликование фильма Flash в Интернете — это двухэтапный процесс.

Первоначально по команде File>PublishSettings(Файл > Параметры публикации)

выбираются тип файла и его параметры. Затем по команде File>Publish (Файл>

Публиковать) выполняется создание фильма в выбранном формате.

Диалоговое окноPublishSettings(Параметры публикации) позволяет выбрать

также параметры для создания отдельных файлов изображений, включенных в

анимацию, в том числе GIF, JPEG или PNG, и сохранить эти установки вместе с

файлом фильма.

В зависимости от установок окна PublishSettings(Параметры публикации)

по команде Publish(Публиковать) создаются результирующие файлы

следующих типов:

Фильм Flash для Интернета (файл SWF).

При отсутствии FlashPlayer используются альтернативные форматы (GIF,

JPEG, PNG или QuickTime).

Поддержка HTML-документов требует для показа фильма (или

альтернативных изображений), контроля его параметров в обозревателе.

При наличии программ воспроизведения фильмов на платформах

Windows или Macintosh либо в формате QuickTime можно сохранить

фильмы Flash в файлах EXE, HQX или MOV соответственно.

Параметры этих файлов предварительно задаются в окне

PublishSettings(Параметры публикации), вызываемом по команде

File>PublishSettings (Файл > Параметры публикации). По умолчанию в нем

55

установлены флажки для файлов SWF и HTML. Поэтому в окне имеются

вкладки для определения их параметров. Выбор дополнительных форматов

файлов открывает новые вкладки в окне PublishSettings (Параметры

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

Рис.25. Выбор типов файлов в окне PublishSettings

Так как HTML-код требуется для воспроизведения на Web-странице

любого формата файла, то эта вкладка всегда активизирована и на нее

помещаются нужные команды вызова в соответствии с заданными форматами.

56

Рис. 26. Выбор параметров для файла SWF

Рис. 27. Выбор параметров для файла HTML

Сохранить результирующие файлы можно в одной папке с именем,

выбранным по умолчанию, либо по отдельности в разных папках и под

разными именами. После задания всех параметров можно перейти

непосредственно к созданию требуемых файлов, щелкнув на кнопке

Publish(Публиковать), либо сохранить эти установки, закрыв окно щелчком на

кнопке ОК.

Практикум

В упражнениях рассмотрено создание анимации движения и изменения

формы, а также присоединение к анимации звуковых файлов и сохранение

фильма со звуком.

Упражнение .Анимация движения

1. Запускаем MacromediaFlash. Если в окне не отображается временная

диаграмма, то по командеView>Timeline (Вид > Ось времени) выводим ее на

экран.

57

2. Создадим на столе объект, например цветной круг. Выделим его и по

командеInsert>CreateMotionTween (Вставка> Рассчитать движение)

преобразуем в символ Flash с именем по умолчанию tweenl.

3. На временной диаграмме выделяем последний кадр будущей

последовательности, например 15, и выполняем команду Insert>Frame(Вставка

> Кадр).

4. Переместим объект в новую позицию на рабочем столе, при этом будет

создан новый ключевой кадр в конце последовательности, а на временной

диаграмме между ключевыми кадрами появится стрелка.

5. По команде Windows>Panel>Frame (Окно > Панели > Кадр) открываем

панель Frame(Кадр), в которой задаются свойства анимации движения, — в

раскрывающемся спискеTweening (Расчет) должно быть значениеMotion

(Движение).

6. Нажатие клавиши Enter или выбор команды Control>Play(Управление>

Воспроизвести) запускает просмотр анимации.

Упражнение 2. Анимация формы

1. Запускаем MacromediaFlash. Если программа активна, то щелчком по

кнопкеNew(Создать) либо выбором команды File>New(Файл> Создать)

создадим новый фильм. Для отображения на экране временной диаграммы

выполняем команду View>Timeline (Вид > Ось времени).

2. Активизируем слой и выделяем на нем пустой ключевой кадр для создания

будущей анимации.

3. На рабочем столе изображаем исходную фигдоу с помощью любых

инструментов рисования, предлагаемых Flash, учитывая, что можно будет

изменять не только ее форму, но и цвет, и ее положение. В примере на рис. 19

это красный овал.

58

4. Пропустив определенное число кадров, например 15, по команде

Insert>KeyFrame(Вставка > Ключевой кадр) задаем второй ключевой кадр, в

котором изобразим конечное состояние фигуры. В примере это зеленый

прямоугольник.

5. Для первого ключевого кадра выделим объект на рабочем столе и выбором

команды Modify>Frame (Изменить > Кадр) откроем панель Frame (Кадр), в

которой в списке Tweening (Расчет) зададим тип анимации Shape (Форма).


Воспроизвести) запускает просмотр созданной анимации.

Упражнение3. Анимация с использованием идентификаторов

1. Запускаем MacromediaFlash. Если программа активна, то щелчком по кнопке

New (Создать) либо выбором команды File>New (Файл> Создать) создадим

новый фильм. Для отображения на экране временной диаграммы выполняем

команду View>Timeline (Вид > Ось времени).

2. Изобразим на столе объект, например желтый круг.

3. Пропустив определенное число кадров, например 15, по команде

Insert>Keyframe (Вставка > Ключевой кадр) зададим второй ключевой кадр, на

котором изобразим конечное состояние фигуры. В примере это синий круг

такого же размера в той же позиции стола.

4. В первом ключевом кадре выделяем круг и открываем панель Frame (Кадр)

выбором команды Modify>Frame(Изменить > Кадр). В раскрывающемся

спискеTweening(Расчет) зададим тип анимации Shape (Форма). При просмотре

такой анимации круг будет лишь постепенно менять свой цвет.

5. Снова выделим первый ключевой кадр и выполним команду

Modify>TransformAddShapeHints(Изменить> Трансформировать > Добавить

идентификатор). В центре фигуры появится начальный идентификатор —

59

красный кружок, помеченный буквой «а». Если команда

AddShapeHints(Добавить идентификатор) недоступна, то предварительно

следует выполнить команду View>ShowShapeHints (Вид> Показать

идентификаторы формы).

6. Переместим идентификатор «а» на левый край окружности и повторим

команду AddShapeHints (Добавить идентификатор). Новый идентификатор «6»

переместим на правый край окружности (рис. 28).

7. Выделим конечный кадр и в нем разместим идентификаторы в обратном

порядке. Если они размещены точно на окружности, то их цвет изменится на

зеленый. Цвет соответствующих идентификаторов в первом кадре станет

желтым (рис. 29).


Воспроизвести) запускает просмотр созданной анимации. Теперь круг будет не

только менять цвет, но и вращаться относительно вертикальной оси.

9. Команда File>Save (Файл> Сохранить) позволяет сохранить файл анимации с

расширением FLA для дальнейшей работы над ней.

60

Рис. 28. Размещение идентификаторов формы в первом кадре

Рис. 29. Размещение идентификаторов формы в конечном кадре

Упражнение 4. Создание последовательности кадров для пошаговой анимации

1. Щелчком по кнопкеNew(Создать) либо выбором команды File>New(Файл>

Создать) создадим новый фильм. Для отображения на экране временной

диаграммы выполняем команду View>Timeline (Вид > Ось времени).

2. В окне Timeline (Ось времени) выделяем слой и кадр, с которого начнется

анимация. Если кадр не является ключевым, то выполняем команду

Insert>Keyframe (Вставка > Ключевой кадр).

3. Помещаем на стол изображение первого кадра последовательности. Это

можно сделать с помощью инструментов рисования, импорта готового

изображения или вставки графики из буфера обмена.

4. Щелчком правой кнопки мыши по следующему кадру этого же слоя

открываем контекстное меню и выполняем командуInsertKeyframe (Вставить

ключевой кадр). Таким образом, в последовательность добавляется новый

ключевой кадр с таким же, как и в первом кадре, содержанием.

61

5. Изменим содержание этого кадра нужным образом (можно также

импортировать следующее изображение, подготовленное в каком-либо

графическом редакторе), что дает следующий кадр будущей анимации.

6. Повторяем шаги 4 и 5 до тех пор, пока не будет сформировано необходимое

превращение. Воспроизведение анимации с помощью клавиши Enter позволяет

контролировать работу в любой момент.

7. Готовый фильм сохраняется по команде File>ExportMovie (Файл > Экспорт

фильма), что позволяет создать файл с расширением SWF, предназначенный

для воспроизведения с помощью Flash-проигрывателя, но не подлежащий

дальнейшему редактированию.

Упражнение 5. Присоединение звукового файла к анимации

1. При открытом файле фильма MacromediaFlash вставим новый слой командой

Insert>Layer (Вставка > Слой).

2. По командеFile>Import (Файл > Импорт) открываем окно задания

местонахождения файла и выбираем нужный звуковой файл. При

необходимости импортировать несколько файлов последовательно повторяем

эти действия. Все импортированные файлы будут помещены в библиотеку.

3. Для назначения слою звукового файла следует открыть панельSound (Звук),

где в одноименном раскрывающемся списке выбираем один из

импортированных файлов. Список будет доступен, если в слое выделены все

кадры, с которыми он должен воспроизводиться.

4. С помощью кнопки Edit (Правка) вызовите окно правки звука EditEnvelope

(Правка звука), где задайте эффект или уровни громкости, проверяя характер

звучания с помощью кнопки воспроизведения (рис.19), и щелчком по

кнопкеОК закройте окно.

Упражнение6. Присоединение нескольких звуковых файлов

62

1. Вставляем новый слой по команде Insert>Layer(Вставка > Слой), выделяем

кадр, с которого должен начаться звук, и выполняем команду Insert>Keyframe

(Вставка > Ключевой кадр). При выделенном ключевом кадре вызываем окно

его свойств командой Modify>Frame(Изменить > Кадр).

2. На панели Sound (Звук) в одноименном раскрывающемся списке выбираем

один из импортированных файлов. Редактируем звук с помощью инструментов

MacromediaFlash и назначаем эффекты, проверяя характер звучания с помощью

кнопки воспроизведения. Щелчком по кнопке О К закрываем окно.

3. Результат одновременного воспроизведения звука проверяем по команде

Control>TestMovie (Управление> Проверить фильм).

4. Если какой-либо из звуков должен иметь собственные параметры экспорта,

то по команде Window>Library (Окно > Библиотека) вызываем библиотеку, в

которой перечислены импортированные звуки, и, выделив нужный звук

щелчком правой кнопки, выбираем командуProperties (Свойства). В окне

свойств звука задаем требуемые параметры компрессии.

5. При экспорте фильма имеется возможность создать отдельный звуковой

файл в формате WAV, объединяющий все звуки фильма. Для этого по команде

File>ExportMovie (Файл > Экспорт фильма) открываем окно задания имени и

типа файла и в раскрывающемся списке FileType (Тип файла) выбираем WAV.

63

КЫРГЫЗСКИЙ ЭКОНОМИЧЕСКИЙ УНИВЕРСИТЕТ

Кафедра «Прикладная информатика»

Методические указания и задания лабораторных работ

по технологии создания Web страниц

Интернет технологии

Бишкек 2011г.

64

УДК681. 3

ББК 32. 973

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

Web страниц: пособие для студентов – Б. 2011., -64 стр. с илл. КЭУ.

Составители: ст. преподаватели: Касмалиев Т.К. и Аманалиева М.О.

Рецензент: к.ф.м.н., доцент Токтакунов Т.

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

Web страниц предназначены для использования студентами обучающиеся по

болонской системе.

ISBN

65

© Кыргызский экономический университет

Содержание

Предисловие………………………………………………………………….

Технология создания нового веб-узла во FrontPage…………………….

Создание и сохранение страниц на Веб-Узле……………………………...

Создание динамического Веб-шаблона…………………………………….

Создание обычное меню из гиперссылок…………………………………….

Автоматическое отображение названия страницы…………………………...

Создание галереи с помощью стандартных средств в FrontPage……………

Создание кнопку "наверх" …………………………………………………….

Вставка поиска по сайту от Google……………………………………………

Создание Карту сайта (Sitemap) для Google и других поисковых

систем…………

Создание меню из списка с гиперссылками………………………………….

Создание меню из стандартных кнопок………………………………………

Создание изображение для меню………………………...…………………

Литература………………..………………………………………………….

66

Предисловие

В связи с развитием и внедрением в повседневную жизнь

информационно-коммуникационных технологий резко возрос интерес

кИнтернет технологии, в частности использование программных средств при

создании Web страниц, к одним из таких средств является программа

MSFrontPage.

При выполнении лабораторных заданий студенты эффективно осваивают

технологии создания Web страниц в программе FrontPage. Методические

указания к лабораторным работам по созданию Web страниц в программе

FrontPage, составлены для студентов как учебно-методическое пособие по

технологии создания Web страниц и направлено на развития навыков

самостоятельной работы студентов при создании Web страниц.

В методическом указании рассматриваются: основные понятия программы

FrontPage, общая структура создания динамического Веб-шаблона, создания

гиперссылок, работа с шаблонами, создание галереи с помощью стандартных

средств FrontPage, создание кнопок, вставка поиска по сайту и создание карту

сайта.

Выполняя лабораторных заданий, студенты приобретают навыки

самостоятельной работы создания Web страниц в программе FrontPage.

Задача данного методического указания – кратко и доступно изложить

основные этапы создания Web страниц используя программу FrontPage.

67

Теоретические положения

Internet, WWW (WorldWideWeb, Всемирная Паутина), intranet, extranet —

все эти вещи и в деловой жизни, и в обиходе становятся столь же

привычными, как телефон. Одно из новейших направлений — сети intranet,

внутрикорпоративные сети, построенные с использованием Internet-

технологий

MicrosoftFrontpageпредназначен создать Web-сайт для сети intranet.

Frontpage, органично вписывающийся в пакет приложений MicrosoftOffice,

стал первым продуктом широкого использования для Internet, сочетающим

в себе клиентскую и серверную части и обеспечивающим возможность

разработки сайта в целом и установки его на большинство популярных

серверов.

История Internet насчитывает уже около 30 лет. Если учесть, что первая

ЭВМ была создана всего лишь около полувека назад, то Internet является

ветераном компьютерного мира. Начало было положено в конце

шестидесятых в виде правительственной коммуникационной сети США

(она называлась ARPAnet), использовавшейся главным образом

правительством, университетами и другими исследовательскими

учреждениями; а примерно в середине 80-х эта сеть начала интенсивно

разрастаться и получила свое нынешнее имя — Internet.

WWW, или Всемирная Паутина — это коллекция информации, доступной

посредством Web-браузеров. Популярные браузеры NetscapeNavigator и

MicrosoftInternetExplorer . Web-браузер отображает в своем окне Web-страницы

и включает: панели инструментов и команды меню,

Также Web-страницы могут содержать графику, звуки, анимацию и другие

специальные эффекты. Отдельные страницы могут быть связаны с другими

страницами, обеспечивая доступ к дополнительной информации. Вся эта

68

информация передается по физическим носителям Internet и при помощи

протоколов Internet.

Редактор Frontpage

Запуск

"Пуск"- "Программы". – MSOffice- MicrosoftFrontPage

Вид Экрана

Общий вид окна Редактора Frontpage.

1. Строка заголовка

2. Строкаменю (File,Edit, View, Insert идр.)

3. Панелиинструментов (Standart, Formating, )

Слева под окном три слова: Normal, HTML иPreview. Они переключают

режимы страницы. При запуске программы, создаётся новая страница под

названием "new_page_1.htm", режиме Normal. У чистых, только что

созданных страниц HTML-код одинаковый и не очень интересный.

Особенность FrontPage: в процессе создания и редактирования страниц

имеется возможность одновременно просматривать результаты .

ДляэтогоперейтиврежимPreview,

69

Меню

Меню File

.(New); (Close); (Save, Save As) др.

...опубликовать - PublishWeb

МенюEdit позволяет выделить, копировать, вырезать, вставить и удалить

нужный текст или картинку, а также выделить всё, найти нужный текст по

выбранному отрывку и отменить-вернуть последние внесённые в страницу

изменения

МенюView позволяет вам переходить в различные режимы просмотра страниц,

папок, навигации, ссылок, связи страниц и заданий.

МенюInsert позволяет ввести: дату и время, закладки, картинки из клип-арта,

символы, анимированные кнопки, "ползущие" строки, счётчики и

комментарии.

МенюFormatнеобходима для форматирования, удобного расположения на

странице, украшения текстов и графики.

МенюTools -проверка орфографии и грамматики на свитке Spelling .

МенюTableпредназначена для создания и последующего редактирования самых

разнообразных

Вставка и форматирование текста. Гиперссылки.

Для вводатекста в режим Normal, щелкнуть курсором в любое место (по

умолчанию, мигающий курсор появится в верхнем левом углу экрана

автоматически, при создании или открытии страницы) и ввести текст.

(процесса аналогичен процессу в полностью работе в MicrosoftWord)

Гиперссылки.

70

С помощью гиперссылок можно попасть с одной страницы на другую и

вернуться назад, Гиперссылка может иметь вид текстовой ссылки, кнопки,

рисунка и т.д.

Чтобы поставить гиперссылку, нужно иметь то, на что необходимо

ссылаться. Для этого создайтся ещё одна страница, новая (н:

"new_page_2.htm"). Новая страница сохраняется в той же папке, где находится

первая страничка.

КомандойInsert-Hyperlink...".

Выбрать адрес страницы, на которую ставится ссылка (в нашем случае это

new_page_2.htm) и нажмите OK. Редактор сам допишет адрес в окне слева

URL..

Для исправления и удаления гиперссылки необходимо выделить гиперссылку,

нажать правую кнопку, войти в меню CreateHyperlink и соответственно

изменить или удалить текст ссылки в окне URL.

По умолчанию все ссылки имеют синий цвет, а после нажатия становятся

бардовыми.

Шаблоны и мастера. Шаблоны

Шаблоны — это образцы сайтов или страниц, которые Frontpage

предлагает заполнять по мере необходимости, они создают структуру,

которая может служить началом для разработки сайта или страницы.

Большинство таких шаблонов в Frontpage базируются на небольших сайтах,

в них есть лишь несколько элементов, нуждающихся в настройке, однако

можно расширить их, добавляя изображения, текст, ссылки и так далее,

используя Редактор Frontpage., также добавлять собственные страницы к

сайтам, созданным с использованием шаблонов.

71

Для получения шаблона сайта выбрать пункт New (Создать) менюFile

(Файл) - FrontpageWeb

В окне диалога NewFrontpageWeb (Новый сайт Frontpage выбрать один из

следующих шаблонов, чтобы использовать его в качестве основы для

вашего сайта или страницы:

- CustomerSupportWeb (Сайт поддержки заказчиков).

- EmptyWeb (Пустой сайт).

- ProjectWeb (Сайт проекта).

Шаблоны страниц

Frontpage предложит шаблонов страниц, начиная с шаблона обычной

страницы (NormalPage), который представляет собой каркас чистого листа,

до довольно сложной трехстолбцовой страницы (ThreeColumnStaggered).

Использование шаблонов страниц

1. Открыть сайт, в котором будет находиться новая страница

2. В Редакторе выберите пункт New из менюFile.

3. В диалоговом окне New выбрать нужный шаблон из предлагаемого

списка и нажмите кнопку ОК.

Технология создания нового веб-узла во FrontPage

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

первым делом создать Веб-узел, с которым и будет последующая работа. Ниже

описано, как это сделать.

Запустите программу MSFrontPage и открывается окно программы (рис 1):

72

Рис 1.Окно программы MSFrontPage

Далее, выполните команду "Файл"\"Создать"

После этого появляется панель с правой стороны, и выбирайте команду

"Одностраничный Веб-Узел...".

73

В открывшемся окне необходимо выбрать тип создаваемого узла. Это делается

во вкладке "Общие". Так же необходимо ввести расположение и название

узла. (название узла можно будет всегда изменить!)

74

Можно выбрать уже имеющиеся шаблоны сайтов. Но наша задача - это

создание сайта "с нуля", поэтому выбирайте "Одностраничный Веб-Узел"

После создания нового "Одностраничного Веб-Узла" на экране появляется

список файлов и папок, которые принадлежат этому веб-узлу.

Далее необходимо создать новые страницы на этом узле, оформить его

визуально, и добавить информации на него.

Создание и сохранение страниц на Веб-Узле

После создания Веб-Узла необходимо его наполнять следующими страницами:

Главная страница (Создаётся автоматически и имеет название index.htm)

Об авторе

Контакты (на этой странице будет форма отправки писем создателю

сайта наего e-mail)

Галерея (Создание галереи из изображений)

Видео (страница с видео On-Line)

Аудио (Страница с аудио On-Line)

Поиск по сайту

Дальнейшие пункты списка Вы можете добавлять сами при

необходимости....

Создание новой страницы:

Нажмите кнопку "Создание новой обычной страницы"

75

Не наполняя её содержимым сохраните её, т.е. выполните команду

"Файл"\"Сохранить как..."

В появившемся окне необходимо убедиться в том, что страница сохраняется в

Ваш веб-узел. Для этого необходимо посмотреть параметр "Папка"

76

После этого нажмите на кнопку "Изменить" рядом с параметром "Название".

В появившемся окне прописывайте название страницы. (название можно писать

кириллицей, т.е. русскими буквами)

По списку у Вас идет "Об Авторе"

В поле "Имя Файла"необходимо ввести название страницы, но на латинице,

т.е. например "ob-avtore"

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

вкладку "Веб-узел" и убедитесь, что ваша новая страница создалась и

размещена на узле.

Таким же образом создайте все остальные страницы, которые вы

запланировали.

77

Для изменения названия главной страницы, необходимо нажать на ней правой

кнопкой мыши и выбрать "Свойства"

В открывшемся окне необходимо изменить параметр "Название" на то, что Вы

хотите. Например - "Домашняя страница" или "Главная"

78

Теперь вам осталось создать динамический Веб-Шаблон, оформить визуально

страницы, и наполнить их информацией.

Создание динамического Веб-шаблона

Общая структура. Прикрепление шаблона к страницам

Для чего нужен динамический веб-шаблон? Если говорить коротко, то он

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

одну страницу своего сайта, а при ваших действиях с этой страницей,

изменялись и все остальные страницы, к которым прикреплена данная

страница. Это коротко. Теперь переходим к созданию шаблона.

Для начала необходимо создать обычную страницу. Нажимайте на "Создание

новой обычной страницы".

Теперь обратитесь к общей структуре создания вашего сайта - как, и где будут

располагаться элементы, и т.д.

Выбрав структуру, её необходимо где-то описать. Это можно сделать на

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

делать как ниже.

79

Итак, имея структуру вам необходимо перевести её в таблицы.

Создайте таблицу - 1x1

На новой таблице нажмите правой кнопкой мыши и выбирайте "свойства

таблицы."

В появившемся окне вводите параметры, как на рисунке:

80

Выравнивание - по центру

Задать ширину -100 процентов

Поля ячеек - 0

Интервал ячеек - 0

Размер границы - 0

Нажимайте кнопку "ОК"

Эта таблица будет основой для вашей странице.

В этой таблице вам предстоит создание ещё нескольких таблиц.

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

Создайте в новой таблице ещё одну таблицу, но теперь на 3 ячейки, т.к. шапка

сайта состоит из 3 элементов - Логотип, баннер, поиск.

81

Этой таблице задайте такие же параметры, как и предыдущей. Можно задать и

другие, например ширина - 1024 точек, это надо делать, когда сайт пишется под

определенное разрешение экрана.

Вы будете делать сайт, который будет иметь строгие размеры для поиска и

логотипа, часть с баннером будет уменьшаться или увеличиваться в

зависимости от разрешения экрана пользователя.

Теперь необходимо задать точные размеры для ячейки с логотипом и для

ячейки с поиском.

Для этого заранее сделайте логотип, и он имеет размеры - ширина - 300, высота

- 186 точек. Его необходимо поместить в папку "Images" на Вашем "Веб-

Узле"

Нажмите правой кнопкой на первой ячейке, где должен располагаться логотип

и выбирайте "Свойства Ячейки"

82

Задайте параметры ячейки, как на рисунке:

Выравнивание по горизонтали - "По центру"

Ширина - 300 точек

Высота - 186 точек.

83

Нажимайте кнопку "Вставка"\ "Рисунок" \ "Из Файла..." и выбирайте логотип:

Выберите оставшиеся две ячейки таблицы и назначьте им высоту равную

первой ячейке.

"Свойства ячейки"

84

"Задать высоту" - 186 в точках.

Задать размеры ширины для ячейки с поиском пока не будете, это вы сделаете,

когда установите форму для поиска.

Добавьте ещё одну таблицу ниже той, что вы сделали для шапки. Размер

таблицы 1x3

Вот, что должно получиться:

Этой таблице задайте такие же параметры, как и предыдущей:

85

Выберите первую ячейку и задайте ей ширину, равную ширине логотипа. (Это

делается по желанию.Можно задать и любые другие размеры).

Ниже создайте ещё одну таблицу с такими же параметрами. Эта таблица для

"Низа сайта", там будут располагаться счетчики.

Примечание! Нижнюю таблицу не обязательно делать с тремя ячейками.

Достаточно и одной. Для счетчиков все равно надо будет делать свою

таблицу.

Выделите все ячейки всех таблиц, перейдите в "Свойства Ячейки" и задайте

параметр "Выровнять по вертикали:" - "По верхнему краю"

86

Если текст в ячейках не выровняться по верхнему краю, то задайте для каждой

ячейки в ручную этот параметр.

Для ячеек с поиском и дополнительным меню произвольно можно поставить

ширину - 200 точек. Это позволит таблице держать точные размеры при

написании текста в ячейках.

Теперь у вас должно получиться следующее:

Создание обычное меню из гиперссылок

Продолжайте создание вашего Веб-узла. До этого Вы создали Веб-Узел,

создали основные страницы, динамический веб-шаблон, и присоединили его к

страницам. Теперь будете делать простое меню для сайта.

Открывайте страницу вашего Веб-шаблона с расширением .dwt

87

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

7x2

Переходите в свойства созданной таблицы

и задайте параметры, как на рисунке:

88

Выравнивание - "По центру"

Задать ширину - 300 точек (этот параметр должен соответствовать

ширине ячейки, в которой сделана таблица)




До этого приготовьте изображение, которое будет стоять перед гиперссылкой.

Например, вот такое изображение:

Его размеры - 20x18 точек.

Теперь необходимо изменить параметры ячеек, где будет вставлено это

изображение.

Выделите левые ячейки таблицы меню, нажимайте правую кнопку мыши и

выбирайте "Свойства ячейки..."

89

Задайте такие параметры:

Выровнять по горизонтали - "по центру"

Выровнять по вертикали - "по середине"

Задать ширину - 20 точек

Вставляйте изображение в первую ячейку:

90

"Вставка"\"Рисунок"\"Из файла..."

В появившемся окне выбирайте изображение.

Один раз нажмите левой кнопкой мыши на вставленном изображении и на

клавиатуре нажмите "Ctrl" + "С", или переходите в "Правка"\

"Копировать"

Переходите в ячейку ниже и нажмите на клавиатуре "Ctrl" + "V" , или

"Правка"\ "Вставить"

Проделайте эту операцию со всеми остальными ячейками.

Теперь наполняйте ваше меню содержимым. Для удобства восприятия можно

изменить интервал ячеек в свойствах таблицы на 5.

91

В ячейки вводите названия страниц.

Выделите первое название "Главная", нажимайте правую кнопку мыши,

переходите в "Гиперссылка"

В открывшемся окне выбирайте домашнюю страницу - index.htm

92

Таким же образом делайте гиперссылки на другие страницы.

Сохраните ваш Веб-шаблон, и проверьте, что изменились все страницы.

Автоматическое отображение названия страницы

Работа с шаблоном

Продолжайте улучшать ваш шаблон. Для этого открывайте страницу вашего

Веб-шаблона с расширением .dwt

Нажмите правой копкой на изменяемой области и выберите команду

"Добавить строки"

93

При этом над изменяемой областью должна появиться ячейка, с которой будете

работать дальше.

Выполните команду "Вставка"\"Веб-компонент"

В появившемся окне выбирайте "Тип компонента" - "Включенное

содержимое", "Тип содержимого" - "Заголовок страницы"

Нажмите "Готово"

В появившемся окне выберите "Текст"

94

Для изменения шрифта названия страницы выберите "Область объявления",

на стандартной панели шрифтов измените размер и тип шрифта.

Перейдите в "Веб-Узел" и в нижней панели выберете "Переходы"

Вы увидите область переходов. Эта структура для отображения страниц - с

какой, и куда можно перейти.

Правой кнопкой нажмите на "Главной странице"\"Добавить существующую

страницу"

Из появившегося списка добавьте страницу "Контакты".

95

Таким же образом добавьте все страницы создаваемого сайта.

Сохраните Веб-шаблон. Убедитесь, что все страницы обновились и правильно

отображаются.

Создание галереи с помощью стандартных средств в FrontPage

Конечный результат:

96

Главное удобство описанной ниже технологии состоит в том, что Вы выбираете

изображения с любым размером, а FrontPage делает автоматически для них

миниатюры. Так же есть возможность добавления комментариев к

фотографиям.

Первое надо выбрать места, где будет галерея.

97

Далее, переходите в меню "Вставка"\"Веб-компонент"

В окне "Тип компонента:" выбирайте "Коллекция фотографий". В правом

окне "Выберете вариант коллекции фотографий" выбирайте подходящий

стиль (его всегда можно изменить, поэтому лучше поэкспериментировать и

выбрать подходящий, просмотрев все).

98

После выбора нажмите "Готово"

Вам открылось окно, в котором Вы можете изменять параметры своей галереи

и добавлять в неё фотографии.

Для добавления фотографий нажмите кнопку "Добавить"\"Рисунки из

файлов..."

99

Выберите рисунки, которые хотите добавить. Желательно, чтобы они

находились на Вашем "Веб-узле" (например в папке "Images" хотя это не

важно, т.к. создается автоматически папка по "photogallery" в которой будут

размещены оригиналы фото и уменьшенные изображения. )

После добавления Вы можете добавить к каждой фотографии комментарии и

подпись, так же Вы можете отсортировать фотографии в нужном направлении,

и установить размеры эскизов. Во вкладке "Макет" можно изменить вид

галереи.

100

Вот, что получилось после рассортировки:

101

Примечание! Если Вы выбрали другой стиль фото галереи, то можно

изменить свойства открывания страниц с оригинальными размерами на

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

Вашего сайта. Делается это так:

Находите файл "real.htm" по адресу - X:\Веб-узел\photogallery\ . Эта папка

создаётся автоматически после создания галереи.

После чего выбирайте любое изображение и нажмите по нему правой кнопкой

мыши.

Выбирайте "Свойства гиперссылки". Далее переходите к "Выбор рамки"

102

Выбирайте "Новое окно" и выставляйте параметр "Установить для

страницы по умолчанию"

После этого сохраняйте страницу и посмотрите конечный результат.

Совет: Для уменьшения количества файлов на сервере, можно удалить

оригинальные изображения из папки "Images", т.к. всё равно всё храниться в

папке "photogallery"

103

Создание кнопку "наверх"

Для многих длинных страниц необходима кнопка, которая будет возвращать

пользователя, после нажатия, в верхнюю часть страницы к шапке сайта.

Создайте кнопки на сайте который, сделан на FronPage. Для этого откройте

Веб-Шаблон.

Нажмите правой кнопкой на таблице, в которой расположена редактируемая

область и выберите команду "Добавить строки"

Добавиться строка над редактируемой областью, чтобы переместить эту

область на верхнюю строку сделайте следующее:

Выделите редактируемую область и переместите её на ячейку выше:

1.

104

2.

Перейдите к нижней ячейке, к месту, где будет располагаться кнопка.

Нажмите кнопку "С разделением"

В визуальной части напишите текст, который будет в последующем ссылкой

(возможна установка изображения.)

В редактируемой части пропишите перед текстом следующую строку:

<a href=#top onClick="scrollTo(0,0); return false;">ЗдесьВаштекст</a>

Не забудьте прописать в конце закрывающий тег </a>

Сохраните Веб-шаблон, проверьте правильность работы ссылки.

Конечный результат: Наверх.

Вставка поиска по сайту от Google

Создайте дополнительную страницу в Веб-Узле, где будут отображаться

результаты поиска.

105

Через панель GoogleAdSense выберите "AdSense для поиска"

Для простоты работы нажмите " Одностраничный мастер"

Заполните необходимые поля для поиcка:

Выбранные сайты:

Дополнительные ключевые слова:

106

Дополнительные параметры:

o Язык сайта

o Кодировка вашего сайта

o Страна или территория для домена Google

o Клиентский канал

o SafeSearch

Выбрать параметры окна поиска

Стиль результатов поиска

Получить код поиска

107

После всех заполнений необходимо поставить флажок "Соглашения", назвать

свою систему поиска, и нажать "Отправить и получить код"

Немного подождав, Вы получаете 2 кода:

Внимание! Иногда формы с кодом могут быть пустыми, это не так.

Прокрутите до конца формы и Вы увидите код.

Один код необходимо поместить в веб-шаблоне, другой в странице, где будет

отображаться результат поиска.

Переходите к Веб-Шаблону .dwt для вставления кода в ячейку.

108

Найдите ячейку, где будет располагаться код:

В эту ячейку вставляйте таблицу 1x1. После создания переходите в "Свойства

таблицы"

Делайте таблицу не видимой для пользователя и ставьте значение ширины -

100%

109

После этого добавьте первый html код в параграф таблицы:

Добавьте первый код:

110

Нажимайте кнопку

Если Вас всё устраивает, то продолжайте работать со следующим кодом, если

нет, то можно поработать с таблицей и ячейкой, в которой располагается код.

Для изменения длины формы, нажмите на ней правой кнопкой и выберете

"Свойства поля формы"

В появившемся окне измените параметр "Ширина в знаках"

Можно изменить параметры ячеек для лучшего отображения.

Вот, что получилось:

111

Нажмите, чтобы увеличить.

Сохраняйте шаблон, и проверяйте, все ли страницы обновились.

Нажимайте "ДА"

Всё ОК.

Перейдите к странице, где должны отображаться результаты поиска:

Создайте таблицу в изменяемой области 1x1

112

В свойствах таблицы выставляйте параметры, чтобы её не видел пользователь

В параграф этой таблицы вставляйте второй код html:

113

Прописывайте код:

Сохраняйте все страницы, и после добавления файлов на сервер, проверяйте

поиск.

114

Примечание! На странице, которую вы создавали ранее под названием

"Поиск" можно добавить первый код.

Создание Карту сайта (Sitemap) для Google и других поисковых систем

Далее вы напишите карту сайта для Google и отправляете её на рассмотрение.

Открывайте Веб-узел.

Нажмите "Создание новой обычной страницы"

115

Переходите в режим "Код"

Выделите весь код:

и удаляйте его...

После этого заходите в "Файл / Сохранить как..."

Выбирайте тип файла - "XML"

В имя файла пишете - "Sitemap" и сохраните файл в корне нашего Веб-узла.

В этом файле пишете следующее:

116

<Сюда пишем путь к первой странице (например - http://mysait.ru/)</loc>

В данном коде имеются обязательные теги - <url><loc> Сюда пишем адрес

</loc></url> . Между этими тегами прописывается путь к страницам и сами

страницы.

Вот так будет выглядеть окончательный код файла Sitemap.xml:

.0" ecoding="UTF-8"?>

В конце файла напишите </urlset>, что будет обозначать конец считывания

файла.

После того, как Вы опишите в коде все страницы своего сайта, сохраните

документ и разместите его на хостинге.

117

Создание меню из списка с гиперссылками

Перед тем, как делать меню с гиперссылками, необходимо сделать страницы,

на которые будет ссылаться меню, после чего можно переходить к созданию

меню навигации.

Первым делом, для удобства, создайте таблицу и задайте её такие параметры,

чтобы текст в ней не вылезал за пределы фонового рисунка.

После этого разместите пункты меню. Для этого выберите создание меню, как

отдельные списки подменю.

Написав весь список, выделите текст и переходите к созданию списка.

118

Чтобы создать список переходите в "Формат"\"Список"

Далее выбирайте стиль списка.

119

Создайте список со свертываемой структурой, поэтому используйте параметры

"Включить свертываемые структуры". Параметр "Изначально свернуть"

можно использовать при необходимости.

Для списка создайте 2 изображения - одно для главного списка, другое для

раскрывающегося. Например,

Вставление изображений вместо стандартных точек можно, так как на рисунке:

120

Для вставления изображения необходимо указать его в параметре "задать

рисунок:"

Вот, что получается:

Не совсем то, что мы хотели бы видеть, поэтому продолжаем работу над

списком.

Выделите текст, который будет отображаться и скрываться при нажатии на

основную часть списка:

Два раза нажмите на "Увеличить отступ"

121

После чего получаете:

Теперь не снимая выделения с текста нажмите на нём правой кнопкой мыши и

выбирайте "Свойства списка"

В параметре "Задать рисунок" меняйте изображение на другую "стрелку"

122

Далее выделите текст, который будет ссылаться на определенную страницу:

И после выделения нажмите на нём правой кнопкой мыши, выбирайте

"Гиперссылка..."

123

Далее, выбирайте ту страницу, на которую будет переходить пользователь при

нажатии на ссылку.

Таким же образом делаются все остальные пункты Вашего меню.

Внимание! Страницы должны иметь названия на Латинице! Т.Е.

например не "Веб-дизайн.html", а "Web-dizayn.html".

Примечание. В некоторых версиях браузеров сворачивающиеся списки не

работают!

124

Создание меню из стандартных кнопок

Итак, у Вас есть место на сайте, где Вы желаете вставить кнопки меню,

которые будут менять цвет при наведении как эта:

Конечный вариант:

Далее рассмотрим, как это делается с помощью стандартных функций

FrontPage.

Сначала сделайте таблицу внутри ячейки для более правильного отображения

кнопок. Например, их будет 5 штук.

125

Далее переходите к свойствам таблицы.

Далее настраивайте свойства данной таблицы. В данном случае необходима

жесткая привязка, поэтому устанавливайте ширину таблицы в пикселях.

126

Для того, чтобы конечный пользователь не видел таблицы при открытии

страницы, сделайте размер границы равным нулю.

Так же в данном случае измените интервал и поля ячеек тоже к нулю.

Далее переходите к созданию кнопок.

Выбирайте команду Вставка\Меняющееся кнопка

127

Из списка "Кнопка:" выберете стиль кнопки. В строке "Текcт:" введите

нужное название. В строке "Ссылка:" с помощью "Обзора..." выберите

страницу, или файл, на которую будет ссылаться кнопка при нажатии.

Вот, что получилось:

Двойным нажатием на кнопке, Вы всегда сможете изменить её параметры.

Если у Вас не влезает текст и отображается не корректно, то можно изменить

его шрифт во вкладке "Шрифт", там же меняется цвет и размер текста.

Во вкладке "Рисунок" можно изменить длину и ширину конечного

изображения. Не забывайте о параметре "Сохранять параметры" при

редактировании размеров.

Немного поработав, добавьте ещё кнопки, например, как на рисунке:

128

Переходим к созданию таблицы для меню.

Открывайте FrontPage и тот документ, в котором будет создана меню.

Добавьте таблицу 3x1

Сразу же переходите к её свойствам:

В открывшемся окне необходимо изменить параметры таблицы:

129

Ширина должна быть в точках и иметь размер, равный ширине

изображения в пикселя

Выравнивание необходимо сделать по свои нужды.




После всех заданных параметров нажмите "Ok"

Перейдите в свойства первой верхней ячейки.

В отрывшемся окне измените параметры:

130



Высота должна быть в точках и иметь размер, равный высоте


Нажмите "Использовать фоновый рисунок" и выберете первое верхнее

изображение меню (Первый срез)

При необходимости можно выставить параметр "Выравнивание по

вертикали" - "по нижнему краю"

Таким же образом измените параметры третьей последней ячейки.

Задайте высоту ей и ширину, равные изображению третьего среза.

Для центральной ячейки необходимо сделать все тоже самое, но только не

задавать высоту!!!

131

Вот, и все. Таблица готова. Теперь можно в центральную часть можно писать

много текста и не беспокоиться о фоне. Создайте таблицу 1X1 в центральной

ячейке, и задайте ей параметры чуть меньше, чем ширина ячейки.

Выравнивание для этой таблицы поставить - "по центру". Это делается для

того, чтобы текст не "залезал" на фон. Конечный результат:

меню

Текст

Текст

Текст

Текст

Текст

Ниже тоже

текст

Создание изображение для меню

132

Итак, далее сделайте окантовку для меню, текста или любого другого элемента.

В этом случае используйте 2 способа:

создание окантовки из 3 изображений (в основном подходит для меню),

более сложная окантовка, состоящая из 8 изображений (хорошо подойдет

для текста).

Перейдем к разрезанию фотографии на 3-и части.

Для начала необходимо скачать, или нарисовать в графическом редакторе

изображение которое будет использоваться для меню.

Можно использовать и такую фотографию:

Конечный результат того, что получится, показан ниже:

меню

Текст

Текст

Текст

Текст

Текст

Открывайте изображение в Photoshop. Первое, что необходимо сделать, это

разрезать фото на 3 части. Делается это, например, с помощью инструмента

"Срез"

133

Срезы необходимо сделать так, чтобы они были на разных областях

изображения. (См. рис. ниже.)


С помощью инструмента "Прямоугольное выделение" выделите первый срез.

После выделения нажмите "Правка\Копировать" (или Ctrl + C)

134

Теперь нажмите "Файл\Новый" (или Ctrl + N)

В открывшемся окне не надо изменять параметры ширины и высоты, их

необходимо запомнить, или записать. Они должны автоматически

подстроиться под скопированное изображение. В меню "Содержимое"

выберите "Белый" и нажмите "OK".

Откроется новый документ, нажмите "Правка\Вставить" (или Ctrl + V)

135

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

сохранить новое изображение в формате *.gifили *.jpegиспользуя

"Файл\Сохранить для Web...".

Таким же образом сохраняются остальные 2 среза. Единственное, что

необходимо отметить это то, что при создании нового изображения для 2-ого

среза (центрального), необходимо изменить высоту. Она должна быть ровна 1

точке.

Для третьего среза менять ширину и высоту не надо! Необходимо сделать все

так же, как и с первым срезом.

Итак, у Вас должно получиться 3-и изображения:

Первое:

136

Второе:

Третье:

Переходим к созданию таблицы для меню.


Добавляйте таблицу 3x1

Сразу же переходите к её свойствам:

В открывшемся окне необходимо изменить параметры таблицы:

137



Выравнивание необходимо сделать по свои нужды.




После всех заданных параметров нажмите "Ok"

Перейдите в свойства первой верхней ячейки.

138

В отрывшемся окне измените параметры:



Высота должна быть в точках и иметь размер, равный высоте


Нажмите "Использовать фоновый рисунок" и выберете первое верхнее

изображение меню (Первый срез)

При необходимости можно выставить параметр "Выравнивание по

вертикали" - "по нижнему краю"

Таким же образом измените параметры третьей последней ячейки.

139

Задайте высоту ей и ширину, равные изображению третьего среза.

Для центральной ячейки необходимо сделать все тоже самое, но только не

задавать высоту!!!

Вот, и все. Таблица готова.

Перейдем к разрезанию фотографии на 8 частей.

Для начала необходимо скачать, или нарисовать в графическом редакторе

изображение которое будет использоваться для меню.

Можно использовать и такую фотографию:

Открывайте изображение в Photoshop. Первое, что необходимо сделать, это

разрезать фото на 9 частей. Делается это, например, с помощью инструмента

"Срез"

140


Срезы должны быть очень аккуратными!

После того, как все срезы сделаны, необходимо с помощью прямоугольного

выделения выделить 1-ый срез и скопировать его, создать новое изображение,

не изменяя параметров при создании нового файла, вставить новый слой и

сохранить изображение. Тоже самое необходимо сделать с 3, 7, 9 срезами. Для

4-ого и 6-ого срезов необходимо изменить высоту при создании нового

изображения, сделать её равной 1 пиксель. Для 2-ого и 8-ого срезов,

необходимо изменить ширину.

Перейдем созданию таблицы.


141

Создайте таблицу 3x3

В свойствах таблицы необходимо задать её размеры, размер границы и

выравнивание. Все эти параметры выставляются самостоятельно. В данном

примере они будут такими:


Размер границы, поля ячеек, интервал - равны нулю

Ширина - 100%

Теперь перейдите к свойствам верхней левой ячейки и задайте такие

параметры:

142

Ширина и высота должны быть равны размерам фонового рисунка. В качестве

фона используйте изображение левого верхнего угла.

Таким же образом делайте другие 3 угла таблицы.

В результате должно получиться следующее:

Переходите ко второй верхней ячейке. В свойствах данной ячейки необходимо

указать следующее:

143

Делайте "строгую" высоту ячейки и задайте фоновый рисунок, который

является верхней частью таблицы.

С нижней центральной ячейкой делайте то же самое, только задайте другое

изображение в качестве фона.

Ниже показано изображение того, что должно получиться:

Переходите к первой ячейке в центральном ряду. В свойствах данной ячейки

задайте параметры:

Делайте "строгую" ширину ячейки и задайте фоновый рисунок, который

является центральной левой частью.

С 3-ей ячейкой в центральном ряду делайте тоже самое, т.е. задайте только

ширину и фоновый рисунок.

144

Текст можно теперь вводить во вторую центральную ячейку любой длины.

Окантовка сама будет растягиваться под текст. Вот и все...

145

КОНТРОЛЬНЫЕ ВОПРОСЫ ПО MACROMEDIA FLASH

1. Что представляет собой технология Flash?

2. Для чего предназначен пакет MacromediaFlash?

3. Перечислить компоненты окна.

4. Что такое клип?

5. Что такое сцена?

6. Какие типы Flash-символов используются при создании анимации? Как

создать символ?

7. Перечислить инструменты программы MacromediaFlash и их назначение.

8. Перечислить способы создания анимации.

9. Назовите два метода создания анимации автоматическим заполнением

кадров.

10. Для чего используется направляющий слой?

11. Как вставить ключевой кадр?

12. Какие основные элементы содержит главное окно программы

MacromediaFlashMX?

13. Как убрать (вывести) панели инструментов (линейки, сетку) на экран?

14. Какие параметры можно задать новому документу при его создании? Как

это сделать?

15. Как сохранить (закрыть) открытый документ?

16. Как создать новый документ на основе шаблона? Какие категории

шаблонов имеются в программе MacromediaFlashMX?

17. Как открыть файл Flash-документа?

18. Какими способами можно получить справку в программе

MacromediaFlashMX?

19. Какие инструменты позволяют создавать линии в программе

MacromediaFlashMX? Как их использовать?

20. Как задать цвет (толщину, стиль) рисуемых линий?

146

21. Каким образом в программе MacromediaFlashMX наносятся мазки разной

формы, толщины и цвета?

22. Как нарисовать прямоугольник (квадрат), эллипс (окружность)?

23. Как создать (изменить) заливку замкнутых фигур?

24. Какими способами можно выделить графический фрагмент (несколько

фрагментов или все фрагменты) на рабочем листе?

25. Как, какими способами можно удалить ненужную графику?

26. Какие режимы работы можно использовать при работе с инструментом

Ластик? Какие действия осуществляются при выборе того или иного

режима?

27. Как отменить (вернуть) результат последних действий при работе с

программой Macromedia Flash MX?

28. Как переместить графический фрагмент (копию графического фрагмента)

на новое место на рабочем листе?

29. Как создать зеркальное отражение графического фрагмента без его

перемещения?

30. Какими способами можно осуществить вращение (сдвиг) графического

фрагмента?

31. Как изменить форму (размеры) графического фрагмента?

32. Как сгруппировать (разгруппировать) созданные графические фрагменты?

33. Какими способами и как осуществляется выравнивание (распределение)

графики на рабочем листе?

34. Как создать текстовый блок в программе Macromedia Flash MX?

35. Как, каким образом можно отформатировать символы (абзац) в текстовом

блоке?

36. Как изменить расположение (тип, форму, размеры) текстового блока?

37. Какими способами можно создать (удалить) слой в программе Macromedia

Flash MX?

38. Из каких колонок состоит список слоев? Каково их предназначение?

147

39. Как создать папку (вложенную папку) слоев и поместить в нее нужные

слои?

40. Как переместить (удалить) папку слоев?

ВОПРОСЫ ТЕСТОВЫХ ЗАДАНИЙ

1. Что такое Векторная графика ?

2. Что такое Растровая графика

3. Для чего предназначена MacromediaFlash ?

4. Какие компоненты имеет Рабочая среда Flash?

5.Macromedia Flash работает:

6. В панели инструментов находятся:

7. Для чего используется Инструмент Черная стрелка?

8. Как работает Инструмент Магнит?

9. Что можно сделать при помощи инструмента "Лассо"

10. Как выбирается Цвет линий?

11. Для чего используется Карандаш?

12. Если эллипс и прямоугольник рисовать, нажав клавишу SHIFT, то:

13. Какие операции выполняется Над объектами Flash?

14.Что такое Фильмы Flash?

15. Фильм Flash можно воспроизвести следующими способами:

16. Что такое анимация?

17. Ключевым называют:

18. Для чего нужны слои?

19. Чтобы импортировать звук, выполняется команда:

20. Что такое Публикация?

21. Чтобы исправить форму нарисованного от руки прямоугольника

необходимо использовать кнопку

22. Как выделить полностью графический примитив прямоугольник?

148

23.Кисточкой, в режиме РИСОВАТЬ НОРМАЛЬНО создана область заливки

пересекающая линию другого цвета. Разделится ли область заливки на

части?

24. Пересекаются линии разных цветов. Как их выделить?

25. В каких из форматов может быть опубликован флэш-фильм?

26. MacromediaFlashпредназначен для создания

27. Преобразовать ключевой кадр в обычный можно по команде

28. Чтобы нарисовать квадрат надо активизировать инструмента

Прямоугольник при нажатой клавише

29. У какого инструмента имеется дополнительный параметр радиус

скругления углов

30. Инструмент Пипетка используется для …

КОНТРОЛЬНЫЕ ВОПРОСЫ ПО КУРСУ Frontpage

1. Что такое интернет?

2. Что такое web страница ?

3. Для чего предназначена программа Frontpage?

4. Как устроен экран Frontpage?

5. Что такое шаблон и для чего предназначен шаблон?

6. Что такое тема и из чего состоит тема?

7. Какие действия надо выполнить чтобы разработать оформление и

разметку страницы?

8. Что такое режим конструктор?

9. Что такое режим разделение?

10. Что такое режим просмотр?

11. Что такое язык HTML?

12. Что такое изображение-образец и как его можно создать?

13. Что такое web узел?

14. Какие основные шаги создания Web узлов содржитfrontpage?

15. Что такое гиперссылка?

149

16. Какие способы создания гиперссылок существуют?

17. Что такое структуры переходов и какие способы создания структуры

переходовсуществуют?

18. Что такое панель ссылок?

19. Что такое динамический элемент и какие динамические элементы

существуют?

20. Что такое публикация Web узлов и какие имеются публикции узлов?

21. Что такое графический объект и какие имеются способы работы с

графическими объектами?

22. Что такое доступ к данным и какие способы доступа к данным

существуют?

23. Что такое FTP?

24. Что такое HTTP?

25. Что такое Web обозреватель?

26. Что такое адрес в Интернете?

27. Что такое Web сервер?

28. Что такое IP адрес?

29. Что такое домен?

30. Что такое сайт?

31. Что такое поставщик услуг Интернета?

150

ГЛОССАРИЙ

Adobe Flash -мультимедийная платформа, используемая для создания

векторной анимации и интерактивных приложений (в том числе, игр), а также

для интеграции видеороликов в веб-страницы.

Button (кнопка)-это интерактивный элемент ролика, способный реагировать на

нажатие клавиш и на основные события, связанные с движением мыши

(наведение, щелчок и прочие).

FLA-расширение,соответствующее формату рабочих файлов в среде

разработки Macromedia Flash.

FLV-расширение для видеороликов в формате Flash.

GIF,JPEG,PNG-растровые форматы.

Graphic (графика)-это статическое изображение или небольшой

анимационный клип, привязанный к основной временной шкале согласно его

внутренним правилам.

Macromedia Flash MX-программа для работы с компьютерной анимацией.

Movie Clip (клип)-это независимый элемент анимации, воспроизведение

которого не привязывается к основной временной шкале.

Properties-панель инструментов, которая предоставляет возможность сделать

некоторые дополнительные настройки в зависимости от того, какой инструмент

активизирован или какой объект выделен на рабочем поле .

SWF-стандартное расширение для скомпилированных Flash-файлов (анимации,

игр и интерактивных приложений).

Тweened-анимация-пригодна для создания лишь наиболее простых сюжетов, в

которых свойства объектов изменяются равномерно .

151

Автоматическое анимирование-автор создает только первый и последний

кадры мультипликации, a Flash автоматически генерирует все промежуточные

кадры.

Анимация на основе сценариев-сценарий представляет собой описание

поведения объекта на собственном языке Flash, который называется

ActionScript; синтаксис этого языка напоминает синтаксис других языков

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

Белая стрелка -инструмент, использующийся для исправления погрешностей

при рисовании кривых Безье.

Ведро-инструмент, позволяющий изменить цвет или стиль существующей

заливки.

Кисть-инструмент, позволяющий наносить мазки различной ширины.

Карандаш-инструмент, использующийся для вычерчивания всей траектории

движения мыши.

Ластик-инструмент, имеющий три дополнительных модификатора. Первый из

них позволяет выбрать размер и форму ластика, второй устанавливает пять

режимов работы: обычное стирание, стирание заливок, стирание линий,

стирание выделенных заливок, стирание внутренности, при этом стирается

только однородная часть заливки, при условии, что процесс стирания

начинается внутри контура. Третий модификатор позволяет быстро удалять

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

Линия-инструмент, использующийся для рисования прямых линий.

Лупа-инсрумент масштабирования, который служит для удобного

расположения нужной части рисунка на экране.

Овал и Прямоугольник -инструменты в программе Macromedia Flash.

Перо-инструмент, использующийся для рисования кривых Безье.

152

Пипетка-инструмент, который используется для копирования цвета (или

стиля) контура или заливки.

Покадровая («классическая») анимация-автор сам создает или импортирует

из других приложений каждый кадр будущего «мультика» и устанавливает

последовательность их просмотра.

Рука-инструмент, который перемещает рабочее поле в любом направлении,

заменяя сразу обе линейки прокрутки.

Трансформатор-инструмент, который используется для изменения размеров,

положения и наклона графических объектов.

Трансформатор заливок-инструмент, использующийся для редактирования

линейной, радиальной градиентных заливок, а также для редактирования

растровой заливки для рисования кривых Безье.

Текст-инструмент, использующийся для создания текстовых блоков.

Чернильница-инструмент, использующийся для изменения цвета и стиля

контура.

Чёрная стрелка-инструмент, который используется для выделения

нарисованных фигур .

Cache — буфер данных, используемый для ускорения обмена информацией. В

частности, большинство современных браузеров сохраняют загруженные из

Интернет страницы и их элементы для более быстрого повторного обращения к

ним. Пользователь, как правило, имеет возможность увеличить или уменьшить

объем выделенной для кеширования дисковой памяти, а также очистить cache.

Cookies — данные, которыми веб-сервер помечает браузер пользователя при

посещении страницы.

CPA — (от англ. Cost Per Action) — цена за действие, совершенное

посетителем рекламной площадки, например, за регистрацию на сайте

рекламодателя.

153

CPC — (от англ. Cost Per Click) — цена за клик баннера.

CPS — (от англ. Cost Per Sale) — цена с продаж, то есть процент от проданных

услуг, получаемый рекламной площадкой, по ссылке с которой рекламодатель

совершил продажу.

CPU — (от англ. Cost Per Click) — цена за клик на баннер уникальным

пользователем.

CTR — (от англ. Click/Through Ratio) — отношение числа кликов баннера к

числу его показов (в процентах). CTR является показателем эффективности

проведения рекламной кампании.

FTP — (от англ. File Transfer Protocol) — протокол, предназначенный для

передачи файлов в сети Интернет.

HTML — (англ. сокр. HyperText Markup Language) — язык разметки

гипертекстовых документов. Все web страницы сделаны на HTML.

HTTP — (от англ. Hyper Text Transfer Protocol) — протокол, изначально

предназначенный для передачи данных в виде HTML. Также, может быть

использован для передачи данных любого типа.

IP — уникальный адрес компьютера, подключенного к сети Интернет. На

основе IP-адресов можно оценивать географию аудитории.

Macromedia Flash — технология веб-мультипликации и создания

интерактивного контента. Применяется при создании анимационных заставок,

веб-игр, интерактивных элементов сайта и т.п.

Rich media — технология изготовления рекламных материалов. Дословно

переводится с английского языка как «богатое» или «обогащенное»

информационное средство. В качестве примеров rich media компонентов

интернета можно привести Macromedia Flash, Real Audio, Real Video и т.п.

URL — (от англ. Universal Resource Locator) — адрес веб-страницы (см. веб-

страница) в Интернете. URL состоит из доменного имени (см. домен), пути к

странице на сайте и имени файла страницы.

Аккаунт — учетная запись в базе данных системы, содержащая информацию о

пользователях (аккаунт пользователя) и объектах системы. Аккаунт может быть

154

создан как для пользователей системы, так и для посетителей — гостей, такой

аккаунт получил название гостевого. Иногда под аккаунтом понимают имя

пользователя системы (логин) и его пароль.

Баннер — носитель рекламы в Интернет.

Баннерная реклама — (от англ. Banner Advertising) — один из способов

рекламы в Интернете. Свое название получил от используемых в данном случае

рекламных носителей — баннеров.

Блог – личный дневник в сети Интернет, в котором автор регулярно размещает

интересующую его информацию, а также личные переживания, комментарии и

наблюдения.

Веб-дизайн — оформление веб-страниц. Часто под веб-дизайном понимают не

только создание графических элементов для сайта, но и проектирование его

структуры, навигации.

Веб-сервис — услуги, которые предоставляются в Интернете с помощью

специальных программ. Распространены такие сервисы, как: поисковая

система, веб-хостинг, веб-почта, хранение в Интернете различной информации,

календарь и т.д.

Веб-страница — логическая единица Интернета, однозначно определяемая

адресом (см. URL).

Гиф (Gif) — самый распространенный графический формат в Интернете.

Наиболее популярен для создания баннеров, так как позволяет делать

анимацию, прозрачные области, черезстрочную загрузку. Данный формат

имеет хороший алгоритм сжатия и позволяет делать достаточно компактную

графику.

Дескрипшн — (англ. — description — описание) — тег <Description> —

содержит короткое описание содержания web-страницы. Используется

поисковыми машинами с целью составления краткого описания страницы при

выдаче результатов поиска. Оптимальная длина — 150-200 знаков.

Дефолтовые баннеры — баннеры, используемые системой по умолчанию. Для

них не может быть задан таргетинг. Дефолтовые баннеры показываются

155

системой в тех случаях, когда не может быть выбран ни один из баннеров,

находящихся в сценариях с настроенным таргетингом.

Джпег (JPG) — второй по популярности (после Gif) графический формат в

Интернете. Является хорошим выбором для фотографических изображений. Jpg

хорошо сжимается и позволяет использовать до 16 миллионов цветов.

Динамическое размещение — размещение, при котором рекламные носители

заказчика показываются на рекламных местах сайта по очереди с другими

рекламными носителями.

Директ-мейл – прямая почтовая реклама, которая распространяется через

электронные почтовые ящики в сети Интернет.

Запрос информации – один из официальных методов получения информации,

получаемой от непосредственного источника.

Домен — (от англ. domain — область, территория) — кодовое обозначение

определенной области участников интернета, выделенное по международному

соглашению каждой стране. Домены бывают нескольких уровней, начиная с

первого. Существуют несколько доменов первого уровня, связанных не с

географией, а с направленностью сайта — например, .com для коммерческих,

.org для некоммерческих, .edu для образовательных организаций. Домен

первого уровня также называют «зоной». Обладатель домена второго уровня

имеет возможность создавать неограниченное количество адресов третьего и

далее уровней.

Если Пользователь полагает, что использование технологии cookies

противоречит его интересам, он имеет возможность запретить сохранение

файлов cookies на своем компьютере, соответствующим образом настроив свой

браузер.

Зона сайта — (в системе BANNER.UA) страница или группа страниц одного

сайта, объединенных по какому-то логическому признаку, чаще всего по

тематике и/или посещаемости.

156

Зона страницы — (в системе BANNER.UA) положение баннера на странице,

описываемое в HTML-коде баннера. Определены три зоны страницы: верх,

середина и низ.

Издатель, веб-издатель — владелец рекламной площадки.

Интеллектуальная собственность – права, которые относятся к литературным

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

проектам, фирменным значениям и прочим результатам интеллектуальной

деятельности.

Информационное письмо – послание информационно-рекламного характера,

составленное на фирменном бланке и адресованное конкретному лицу или

организации.

Информационное право – совокупность норм, регулирующих

правоотношения государства, физических и юридических лиц со СМИ и

другими структурами, обладающими определенной информацией.

Информационный жанр – способ изложения материала, который освещает

конкретные факты, события, ситуации, а также отвечает на вопросы «Кто?»,

«Что?», «Где?» и «Когда?».

Информационный рынок – совокупность СМИ и иных информации в

конкретном регионе, государстве, которые предлагают потребителю

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

тематическим направлениям.

Информация – сведения и данные о лицах, фактах, событиях, объектах и

прочих явлениях вне зависимости от формы их предоставления.

Источник информации – физическое лицо, которое в силу своего служебного

положения и профессиональных знаний обладает интересующей информацией.

К ним также можно отнести официальные статистические сведения, доступные

базы данных, а также источники.

Колонтитул – надпись (заголовок), которая размещается на каждой странице

над основным текстом.

157

Картинка — графический элемент веб-страницы. Наиболее принятые в

Интернете форматы — gif и jpeg. Существует также формат animated gif,

позволяющий использовать в Интернете анимированные картинки —

несложные мультипликации из нескольких кадров.

Клик по баннеру — нажатие левой кнопки мышки, с предварительной

установкой курсора на баннере.

Конверсия – превращение целевого посетителя web-сайта в клиента и

покупателя.

Контент – информационное содержание web-сайта.

Конфиденциальная информация – сведения, которые предоставляются с

условием их последующего неразглашения.

Медиа — (от англ. media) — информационное пространство. Медиа-средой

являются газеты, телевидение, радио, информационные (рекламные) щиты на

дорогах и т.п., в том числе интернет.

Медиабаинг — оптовая закупка рекламных мест с целью их последующей

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

Медиа-исследования — исследования, направленные на изучение

информационного пространства, его аудиторию, размер и социально-

демографические характеристики.

Медиа-планирование — составление плана рекламной кампании. План

оговаривает виды рекламных материалов, рекламные площадки, сроки и виды

размещения на них, варианты тарификации рекламы, итоговую стоимость и

предполагаемую эффективность кампании.

Накрутка — некорректные действия владельцев сайтов (или создателей

баннеров), направленные на увеличение показателей счетчика.

Плагин — (от англ. Plug-in) — подключаемый дополнительно программный

модуль. Если нужный плагин у вас не установлен, программа, как правило,

автоматически предложит вам его установить. В частности, плагины

используются web-браузерами для демонстрации rich-media компонент web-

158

страницы, сайты для функциональных дополнений и т.п. Одним из самых

популярных для браузеров плагинов является Macromedia Flash Player.

Показ — одна демонстрация рекламного материала посетителю сайта.

Провайдер — (от англ. Internet Service Provider — ISP) — компания,

предоставляющая услугу доступа в Интернет и, возможно, другие услуги, такие

как хостинг, e-mail и др.

Профайл — набор настроек таргетинга для одного или группы баннеров.

Рекламная кампания — комплекс мероприятий, проводимых с целью

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

рекламодателем.

Рекламная площадка — любая web-страница (или группа страниц), на

которой могут быть размещены баннеры или ссылки рекламодателя. Чаще

всего рекламной площадкой называют веб-сайт.

Рекламная сеть — объединение сайтов, позволяющее управлять размещением

рекламных носителей на них.

Рекламное агентство — юридическое лицо(лица), представляющее интересы

рекламодателей, осуществляющее закупку рекламных мест у издателей для

нужд проведения рекламной кампании, и управляющее ее ходом.

Рекламное место — место на рекламной площадке, выделенное под показ

баннера или ссылки.

Рекламодатель — физическое или юридическое лицо, размещающее за плату

свою рекламу. Как правило, рекламодатель имеет свой веб-сайт, на который

ведет ссылка с размещаемого рекламного носителя.

Сайт — совокупность веб-страниц, объединенных по смысловому и

информационному содержанию, имеющих одно доменное имя.

Сервер — термин, применяющийся в трех различных значениях:

То же, что и сайт. Компьютер, который обеспечивает работу сайта.

Основная программа, которая обеспечивает работу веб-сайта.

Главная задача сервера — передача страниц сайта браузеру по протоколу

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

159

создания страниц сайта. Действия сервера обычно протоколируются

(записываются в лог) и служат основанием для подсчета статистики сайта.

Сеть баннерного обмена — рекламная сеть, созданная для взаимного обмена

баннерами между ее участниками.

Скрипт — обычно текстовый файл, содержащий список команд, которые

могут быть выполнены в целях достижения той или иной задачи. Классическим

примером скрипта является такой файл системы как autoexec.bat.

Скрипты на Javascript и Visual Basic Script позволяют добавить в web-страницы

и в баннеры элементы интерактивности. Скрипты также могут использоваться

сервером для динамического создания страниц.

Статистика рекламной кампании — статистические данные, на основании

которых оценивается проведение тех или иных рекламных акций в рамках

данной рекламной кампании.

Статистика сайта — статистические данные, на основании которых

оценивается проведение тех или иных рекламных акций, проводимых на сайте.

Статическое размещение — размещение рекламного носителя на

определенном рекламном месте, выделенном конкретному заказчику на

определенный срок эксклюзивно.

Счетчик — сервис, предназначенный для измерения посещаемости сайтов

(трафика сайтов). Обычно счетчик состоит из двух частей:

Код, который размещается на страницах сайтов-участников для сбора данных,

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

виде статистических отчетов. Счетчики нередко используются как аудит

собственной статистики для рекламодателей.

Тарификация рекламы CPM — (от англ. Cost Per Mille) — цена за тысячу

показов баннера.

Трафик сайта — количество посетителей web-сайта (или его определенной

страницы) за единицу времени (день, месяц и т.д.).

Уникальный пользователь, уникальный посетитель — пользователь сети

Интернет, компьютер которого может быть однозначно идентифицирован

160

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

уникальных посетителей (физически разных людей) в Интернете нет и не

может быть. Обычно для оценки числа «уникальных посетителей»

используются IP и/или Cookies.

Хит — см. показ.

Направление «521600-Финансы и …keu.page.kg/documents/materials/364.pdf ·...

Documents