Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Министерство образования и науки Российской Федерации

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

«Российский государственный профессионально-педагогический университет»

филиал в г. Первоуральске

Курсовая работа

по дисциплине «Разработка мультимедийных продуктов»

Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4

Выполнил студент группы: Пу 413 ДоКТ Иванов В.В.

Первоуральск 2012

Содержание

• Введение
• 1. Анализ учебно-методической документации по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 1.1 Педагогический адрес
• 1.2 Анализ стандарта и учебно-программной документации
• 1.3 Тематический план темы
• 1.4 Межпредметные связи темы
• 1.5 Знания, умения и навыки, формируемые при освоении данной темы
• 1.6 Формы организации учебного процесса
• 2. Анализ литературы и интернет-источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 2.1 Критерии анализа литературы и интернет-источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 2.2 Анализ учебников и учебных пособий по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 2.3 Анализ интернет - источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 3. Теоретический материал
• 3.1 Граф учебной информации
• 3.2 Лекционное занятие 1 - «Создание фрагментов»
• 3.3 Лекционное занятие 2 - «Ролловеры»
• 3.4 Лекционное занятие 3 - «Активные области и карты ссылок»
• 4. Методические указания к лабароторным работам
• 4.1 Лабораторная работа № 1
• 4.2 Лабораторная работа № 2
• 4.3 Лабораторная работа № 3
• 5. Контроль по теме
• 5.1 Разработка контроля усвоения знаний по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• 5.2 Разработка контроля сформированности умений по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»
• Заключение
• Список литературы

Введение

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

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

Актуальность: настоящей работы в том, что одной из задач современной системы образования является исследование и разработка программного, технического, учебно-методического и организационного обеспечения по компьютерной графике.

Объектом исследования: является процесс обучения темы: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4» дисциплины «Методика обучения информационным технологиям».

Предметом исследования: является методика обучения по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4» дисциплины «Методика обучения информационным технологиям».

Целью настоящего работы является: разработка учебно-методического обеспечения темы: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4» дисциплины «Методика обучения информационным технологиям».

Данная работа может быть использована при обучении студентов по специальностям:

– профессиональное обучение (информатика, вычислительная техника и компьютерные технологии);

– профессиональное обучение (дизайн);

– информатика и вычислительная техника;

– информационные системы.

1. Анализ учебно-методической документации по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

1.1 Педагогический адрес

Точный: 050600 Художественное образование.

Расширенный: 540704 Экранные искусства;

540708 Дизайн и компьютерная графика;

5407012 Декоративно-прикладное искусство.

1.2 Анализ стандарта и учебно-программной документации

Общая информация о специальности:

1. Шифр специальности: 050600.

2. Название специальности: художественное образование.

3. Специализация: 540708 - Дизайн и компьютерная графика.

4. Квалификация: педагог профессионального обучения.

5. Дата утверждения специальности: 27.03.2000г.

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

Место дисциплины в структуре основной образовательной программы (ООП). Рабочая программа дисциплины «Разработка мультимедийных продуктов» соответствует государственному образовательному стандарту высшего профессионального образования по направлению 050600 - Художественное образование, профиль 540708 - Дизайн и компьютерная графика. Она относится к циклу дисциплин профильной подготовки.

Нормативный срок освоения основной образовательной программы подготовки бакалавра по направлению 540700 Художественное образование при очной форме обучения - 4 года.

Для изучения данной учебной дисциплины необходимы следующие знания, умения и навыки, формируемые предшествующими дисциплинами:

Из курса «Компьютерная графика и моделирование»

Знания:

· основные аппаратные компоненты станции компьютерной графики, их общие характеристики;

· виды компьютерной графики, области их применения;

· историю развития компьютерной графики;

· способы хранения графической информации;

· основные возможности и особенности программных средств компьютерной графики.

Умения:

· подбирать аппаратуру и программное обеспечение;

· компьютеризированного рабочего места дизайнера;

· создавать растровые и векторные изображения;

· создавать трехмерные изображения.

Владения:

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

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

540704 Экранные искусства

540708 Дизайн и компьютерная графика

5407012 Декоративно-прикладное искусство

По окончании изучения курса студент должен:

Знать:

· аппаратные средства мультимедиа;

· области применения мультимедиа;

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

Уметь:

· устанавливать, настраивать и сопровождать аппаратное и программное обеспечение мультимедиа;

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

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

· конвертировать форматы представления мультимедиа-данных;

· создавать, редактировать мультимедиа-продукты.

Владеть / быть в состоянии продемонстрировать:

· Создавать, редактировать мультимедиа-продукты.

1.3 Тематический план темы

1. Создание и редактирование фрагментов.

2. Ролловеры.

3. Активные области и карты ссылок.

1.4 Межпредметные связи темы

Таблица 1 - Дисциплины «Мультимедиа» с другими дисциплинами

№ п/п	Специализация 540708 - Дизайн и компьютерная графика Дисциплина	Семестры
		I	II	III	IV	V	VI	VII	VIII
	Информатика	+	+	+
	Компьютерная графика и моделирование				+	+
	Мультимедиа						+	+
	Web-дизайн								+

1.5 Знания, умения и навыки, формируемые при освоении данной темы

Знания:

· иметь ознакомительное понятие о программе Adobe Fireworks CS;

· знание о том, что такое фрагменты, ролловеры и активные области.

Умения:

· создание фрагментов, ролловеров, активных областей;

· удаление фрагментов, ролловеров, активных областей.

Навыки:

· применения фрагментов, ролловеров, активных областей.

1.6 Формы организации учебного процесса

Комбинированный урок.

2. Анализ литературы и интернет-источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

2.1 Критерии анализа литературы и интернет-источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

При изучении программы Adobe Fireworks CS 4 ключевой проблемой является отсутствие учебной литературы для обучающихся. Точнее, некоторая литература существует, но она направленна на практическое изучение программы, представляющие из себя мультимедийные комплексы для самостоятельного обучения работы с программой. Фундаментальным теоретическим источником является официальное справочное руководство по программе от разработчика. Все это обуславливается тем, что программа стремительно развивается и обновляется, поэтому не имеет хорошего методического пособия пригодного для обучения.

2.2 Анализ учебников и учебных пособий по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

Основным литературным источником информации по программе Adobe Fireworks CS 4 является официальное справочное руководство от создателей программы. Основные минусы этого источника заключаются в том, что информация носит лишь справочный характер и направлена на узкий круг читателей, что делает её трудным для освоения.

2.3 Анализ интернет-источников по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

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

3. Теоретический материал

3.1 Граф учебной информации

Граф - это совокупность точек, представляющих элементы содержания учебного материала, соединенных между собой ребрами (линиями), которые показывают связи и соподчинения.

Граф отображает выбранный преподавателем замысел построения и логику изложения учебного материала (Рисунок 1).

Рисунок 1 - Граф учебной информации «Adobe Fireworks CS 4»

3.2 Лекционное занятие 1 - «Создание фрагментов»

План лекции:

1. Adobe Fireworks CS4.

2. Фрагменты.

3. Интерактивные фрагменты.

Adobe Fireworks CS4

Adobe Fireworks CS4 - комплексное решение для создания и оптимизации изображений для Интернет и быстрого создания эскизов WEB-сайтов и WEB-приложений. Fireworks CS4 имеет возможность редактирования как векторной, так и растровой графики, содержит библиотеку готовых настроек и хорошо интегрирован с Adobe Photoshop, Illustrator, Dreamweaver и Adobe Flash Pro.

Программа предназначена для веб-дизайнеров и разработчиков, которым нужно быстро создавать, редактировать и оптимизировать изображения для веб-сайтов или мобильных устройств. В Adobe Fireworks имеется множество инструментов для рисования и редактирования векторных объектов и растровых изображений, а интерфейс программы очень похож на интерфейс обычного графического редактора.

Фрагменты

Фрагменты представляют собой базовые компоненты для создания интерактивности в программе Adobe Fireworks. Фрагменты - это web-объекты в коде HTML. Просмотр, выбор и переименование фрагментов производится в области «Web Layers» (Веб-слои) на панели «layers» (Слои) (Рисунок 2).

Рисунок 2 - Панель «Layers» (Слои)

Фрагментирование разделяет документ Fireworks на части меньшего размера и экспортирует каждую часть в виде отдельного файла (Рисунок 3). В процессе экспорта программа Fireworks создает HTML-файл, содержащий код таблицы, которая служит для объединения в браузере частей изображения в единое целое.



Рисунок 3 - Фрагментирование разделяет документ на части

Фрагментирование изображения создает три основных преимущества:

· оптимизация изображений для ускорения загрузки;

· интерактивное добавление чтобы изображения реагировали на события мыши;

· упрощение обновлений для часто изменяемых частей веб-страниц (например, фотографии и имена на странице "Сотрудник месяца").

Работа с макетами фрагментов аналогична использованию таблицы в текстовом редакторе. При перетаскивании направляющей для изменения размеров фрагмента происходит изменение всех прилегающих прямоугольных фрагментов (Рисунок 4).

Рисунок 4 - Изменение размеров фрагмента

Форму прямоугольного объекта-фрагмента можно изменить, перетягивая окружающие его направляющие фрагментов. Если к одной направляющей привязано несколько объектов-фрагментов, то при перетягивании этой направляющей размер всех фрагментов будет изменяться одновременно.Если вдоль некоторой оси перетягивается одна направляющая, то все направляющие, расположенные вдоль той же оси, перетягиваются вместе с ней.

Многоугольный фрагмент может иметь произвольный вид (Рисунок 5).

Рисунок 5 - Примеры многоугольных фрагментов

Изменить размер многоугольного фрагмента перемещением направляющих невозможно. Изменение размера и формы осуществляется с помощью переноса угловых точек фрагмента (Рисунок 6).

Рисунок 6 - Изменение многоугольного фрагмента

Направляющие фрагментов определяют периметр и положение фрагментов (Рисунок 7).

Интерактивные фрагменты

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

простая интерактивность;



Рисунок 7 - Фрагмент и его параметры

для создания более сложной интерактивности используется панель «behaviors» (Варианты поведения).

Создание простой интерактивности

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

Добавление ролловера с помощью перемещения - это быстрый и удобный способ создания эффектов ролловера и замены изображения. Перемещение ролловера позволяет определить, что должно происходить с фрагментом, когда над ним проходит указатель мыши. Конечный результат представляет собой графический объект, который обычно называют замещающим изображением.

При выделении фрагмента в его центре появляется окружность с перекрестием в центре. Она называется маркером поведения (Рисунок 8).

Рисунок 8 - Маркер поведения

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

3.3 Лекционное занятие 2 - «Ролловеры»

План лекции:

1. Ролловеры

2. Создание простого ролловера

Ролловеры

Ролловер - элемент пользовательского интерфейса, а точнее -- событие, изменяющее состояние графического объекта в зависимости от того, расположен ли над ним указатель мыши.

Все ролловеры работают одинаково: при прохождении указателя мыши над одним рисунком активируется отображение другого рисунка. В качестве триггера всегда выступает web-объект (фрагмент, активная область или кнопка).

Простейший ролловер заменяет изображение в состоянии 1 (Рисунок 9) на изображение в состоянии 2 (Рисунок 10), находящееся непосредственно под первым изображением. Вы также можете создавать более сложные ролловеры.

Рисунок 9 - Ролловер в состоянии 1

Ролловеры замены изображения могут заменять изображения в любом состоянии.



Рисунок 10 - Ролловер в состоянии 2

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

Если выделить web-объект-активатор, созданный с помощью маркера поведения или панели «behaviors»(Варианты поведения), то отобразятся все связи поведения объекта (Рисунок 11).

Рисунок 11 - Связи объекта на панели «behaviors» (Варианты поведения)

По умолчанию синяя линия поведения представляет взаимодействие ролловера (Рисунок 12).

Создание и присоединение простого ролловера

Простой ролловер заменяет изображение на другое изображение, находящееся в кадре, который расположен сразу под самым верхним кадром. В нем задействован всего один фрагмент.



Рисунок 12 - Линия поведения

Для того что бы создать простой ролловер нужно:

1. Создать произвольный объект (Рисунок 13).

Рисунок 13 - Произвольный объект

2. Создать фрагмент с помощью инструмента «Slise Tool» (Раскройка). Инструмент «Slise Tool» (Раскройка) также можно выбрать нажатием клавиши K. (Рисунок 14).

Рисунок 14 - Создание фрагмента

3. Создайте новый кадр с помощью панели «States» (Состояния) путем нажатия кнопки «Duplicate State» (Дублировать состояние) (Рисунок 15).



Рисунок 15 - Создание нового кадра

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

5. Выделить фрагмент и навести указатель мыши на маркер поведения, а затем выбрать в меню пункт «Add simple Rollover Brhavior» (Добавление простого ролловера) (Рисунок 16).

Рисунок 16 - Добавление ролловера

6. Ролловер готов, теперь вы можете нажматием клавишы "F12" протестировать его в браузере.

3.4 Лекционное занятие 3 - «Активные области и карты ссылок»

План лекции:

1. Активные области

2. Карты ссылок

Активные области и карты ссылок

Web-дизайнеры применяют активные области для придания интерактивности отдельным частям больших изображений (Рисунок 17). Каждой активной области сопоставляется URL-адрес. Создание карты ссылок в программе Fireworks производится при помощи экспорта HTML-документа, содержащего активные области. Активные области и карты ссылок часто требуют для обработки меньше ресурсов, чем фрагментированные графические объекты. Фрагментирование требует больших мощностей для обработки, так как необходим дополнительный код HTML для загрузки и сборки фрагментированных графических объектов.

Рисунок 17 - Многоугольные активные области

Отличия активных областей от фрагментов:

* активные области идеально подходят для тех случаев, когда части изображения должны быть связаны ссылкой с другими веб-страницами, но при этом подсветка или эффекты ролловера при движении мыши либо при щелчках не требуются;

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

* активными областями могут быть прямоугольники, круги и многоугольники. Многоугольники полезны при работе со сложными изображениями (Рисунок 18);

Рисунок 18 - Использование активной области

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

Карты ссылок

После вставки активных областей поверх графического объекта его необходимо экспортировать как карту ссылок, чтобы он правильно работал в веб-браузере. При экспорте карты ссылок создается графический объект и HTML-код, содержащий информацию о расположении активных областей и соответствующих им URL-адресах. При экспорте карта ссылок создается только для использования на стороне клиента.

Можно также скопировать карту ссылок в буфер обмена и вставить ее в Dreamweaver или другой HTML-редактор.

Для экспортирования карты ссылок нужно:

1. Оптимизировать изображение, чтобы подготовить его к экспорту.

2. Выбрать команду «File»(Файл) > «Export»(Экспорт).

3. При экспорте изображения перейти к папке, в которую следует поместить файл HTML, и присвоить файлу имя.

4. В списке "Сохранить как тип" выбрать "HTML и изображения".

5. Выбрать значение из всплывающего списка "HTML".

Экспорт HTML-файла. Создается требуемый HTML-файл и соответствующие графические файлы для импортирования в Dreamweaver или другой редактор HTML.

Копировать в буфер обмена. Выполняется копирование всего необходимого кода HTML, включая таблицу (если документ фрагментируется), в буфер обмена для вставки в Dreamweaver или другой редактор HTML.

6. Нажать кнопку "Сохранить".

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

4.1 Лабораторная работа № 1

Создание и редактирование фрагментов

Создание простого фрагмента:

1. Выберите инструмент «Slise Tool» (Фрагмент).

2. Перетаскивая указатель, нарисуйте фрагмент (Рисунок 19).

Рисунок 19 - Фрагмент

Примечание. Чтобы откорректировать положение фрагмента во время рисования, удерживайте кнопку мыши нажатой, нажмите и удерживайте клавишу пробела, и перетащите фрагмент в другое место на холсте. Отпустите клавишу "Пробел", чтобы продолжить рисование фрагмента.

Рисование многоугольных объектов-фрагментов

1. Выберите инструмент «Slise Tool» (Фрагмент).

2. Щелчками мыши задайте векторные точки многоугольника. Это необходимо потому, что инструмент «Polygon Slise Tool» (Многоугольный фрагмент) рисует сегменты из прямых линий.

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

4. Чтобы завершить работу с инструментом «Polygon Slise Tool» (Многоугольный фрагмент), выберите на панели «Tools»(Инструменты) другой инструмент. Не обязательно нажимать кнопкой мыши по начальной точки многоугольника, чтобы его замкнуть (Рисунок 20).



Рисунок 20 - Многоугольный фрагмент

Примечание. Многоугольные фрагменты сочетают HTML-таблицы с картами изображений, это требует большего объема кода по сравнению с аналогичными прямоугольными фрагментами. Использование нескольких многоугольников может увеличить время обработки в веб-браузере.

Редактирование фрагментов с помощью инструментов

Чтобы изменить форму выделенного фрагмента, выполните одно из следующих действий:

* перетяните одну из угловых точек фрагмента, чтобы изменить его форму;

* измените форму объекта с помощью инструмента трансформирования. В результате трансформирования прямоугольного фрагмента может измениться его форма, положение или размеры, однако сам фрагмент останется прямоугольным;

* для изменения положения и размера объекта-фрагмента цифровым способом используйте «Properties» (Инспектор свойств).

Поскольку размер смежных объектов-фрагментов не настраивается автоматически, изменение размера и формы фрагментов может привести к перекрытию фрагментов. В отношении интерактивности верхний из перекрывающихся фрагментов имеет больший приоритет. Чтобы исключить перекрытие фрагментов, их изменение следует производить с помощью направляющих.

Удаление фрагмента

1. На панели «Layers» (Слои) выберите фрагмент в «Web layer» (Web-слоe) (Рисунок 21).

Рисунок 21 - Фрагмент на панели «Layers» (Слои)

2. В нижней части панели щелкните значок корзины (Рисунок 22).

Рисунок 22 - Корзина

Создание фрагментов из HTML-текста

HTML-фрагмент определяет область, в которой браузер отобразит обычный HTML-текст. Затем выполняется экспорт HTML-текста, который отображается в ячейке таблицы, определенной фрагментом.

1. Нарисуйте объект-фрагмент.

2. Выделив объект-фрагмент, выберите «HTML» во всплывающем меню «Type» (Тип) (Рисунок 23)

Рисунок 23 - Меню «Type» (Тип)

3. Нажмите кнопку «Edit» (Изменить) (Рисунок 24).



Рисунок 24 - Кнопка «Edit» (Изменить)

4. Введите текст в окне «Edit HTML Slice» (Изменить фрагмент HTML) и отформатируйте его, добавив HTML-теги (Рисунок 25).

Рисунок 25 - Окно «Edit HTML Slice» (Изменить фрагмент HTML)

5. Нажмите кнопку "ОК", чтобы применить изменения, и закройте окно «Edit HTML Slice» (Изменить фрагмент HTML)

4.2 Лабораторная работа № 2

Ролловер активируется исходя из изменений события мышки, рассмотрим 4 варианта активации:

· onMouseOver Поведение активируется, когда указатель проходит над областью активации;

· onMouseOut Поведение активируется, когда указатель выходит из области активации;

· onClick Поведение активируется при щелчке объекта-активатора;

· onLoad Поведение активируется при загрузке веб-страницы.

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

Создание и присоединение раздельного ролловера

Раздельный ролловер заменяет изображение web-объекта, когда указатель мыши перемещается над другим web-объектом. Если переместить указатель над изображением активатором или щелкнуть его, то в другой части веб-страницы появляется изображение. Изображение, над которым перемещается указатель, является активатором, а заменяемое изображение - целью. Необходимо предварительно настроить активатор, фрагменты-цели и кадр, в котором хранится замещающее изображение. Затем активатор можно связать с целевым фрагментом линией поведения. Активатор всегда является web-объектом (фрагмент, активная область или кнопка).

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

2. Создайте новый кадр на панели«States» (Состояния) путем нажатия кнопки «Duplicate State» (Дублировать состояние) (Рисунок 26).

Рисунок 26 - Создание нового кадра

3. Поместите второе изображение (цель) в новый кадр, но не под фрагмент, созданный на шаге 1.

4. Создайте второй фрагмент для второго изображения (Рисунок 28).

5. Вернитесь к первому изображению и перетащите маркер поведения первого фрагмента на второй фрагмент. Линия поведения пройдет из центра активатора в левый верхний угол целевого сегмента, а затем на экране появится диалоговое окно «Swap Image» (Замена изображения) (Рисунок 28).

Рисунок 27 - Создание второго фрагмента

Рисунок 28 - Диалоговое окно «Swap Image» (Замена изображения)

6. Во всплывающем меню «Swap Image» (Замена изображения) выберите кадр, созданный на шаге 2, и нажмите кнопку «ОК».

7. Выполните предварительный просмотр и тестирование раздельного ролловера клавишей «F12».

4.3 Лабораторная работа № 3

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

1 Выберите инструмент «Rectangle Hotspot tool» (Прямоугольная активная область) в разделе «Web» панели «Tools» (Инструменты).

2 Перетяните указатель инструмента по активной области, чтобы нарисовать активную область поверх области графического объекта. Чтобы начать рисование от центральной точки, удерживайте нажатой клавишу «Alt» (Рисунок 29).



Рисунок 29 - Активная область

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

1 Выберите инструмент «Polygon Hotspot tool» (Многоугольная активная область).

2 Щелчками мыши разместите точки векторов. Независимо от того, будет ли контур замкнутым или открытым, площадь активной области определяется заливкой (Рисунок 30).

Рисунок 30 - Многоугольная активная область

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

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

Можно также поместить фрагмент над графическим объектом, а затем разместить над текстом активную область. Перемещение указателя мыши активирует эффект ролловера только над текстом, однако при этом будет заменяться вся расположенная внутри фрагмента графика.

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

1 Вставьте фрагмент над изображением, которое будет замещено.

2 Создайте новый кадр на панели «States» (Кадры) и вставьте в него замещающее изображение. Обязательно разместите его под фрагментом, вставленным на шаге 1.

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

4 Выберите кадр, содержащий замещающее изображение, из списка «Swap Image»(Замена изображения) , а затем нажмите кнопку «ОК».

5. Контроль по теме

5.1 Разработка контроля усвоения знаний по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

Тест тематического контроля по теме

«Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

Цель тестирования: тест предназначен для контроля качества усвоения знаний по теме: «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4».

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

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

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

Блок 1

Инструкция: В заданиях с первого по пятое один правильный вариант ответа.

1. Что такое фрагмент?

a) Web-объект

b) Кусок от целого рисунка

c) Ячейка таблицы

2. Что определяют направляющие фрагментов?

a) Периметр и положение

b) Путь фрагментов

c) Размер

3. Что такое ролловер?

a) Cобытие, изменяющее состояние графического объекта

b) Заголовок таблицы

c) Изображение

4. Какая панель отвечает за связи объекта?

a) Behaviors

b) History

c) Tools

5. Горячая клавиша инструмента «Slise Tool»?

a) Z

b) F

c) K

Блок 2

Инструкция: В заданиях с шестого по десятое вставьте или допишите нужное слова (слова) в текстовые пробелы.

6. Программа предназначена для «______» и «______», которым нужно быстро создавать, редактировать и оптимизировать изображения для веб-сайтов или мобильных устройств.

7. «______» представляют собой базовые компоненты для создания интерактивности в программе Adobe Fireworks.

8. «______» -- элемент пользовательского интерфейса, а точнее -- событие, изменяющее состояние графического объекта в зависимости от того, расположен ли над ним указатель мыши.

9. Каждой активной области сопоставляется «______».

10. При экспорте карты ссылок создается графический объект и «______».

5.2 Разработка контроля сформированности умений по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4»

Практическое задание:

Применив полученные знания и умения по теме «Фрагменты, ролловеры и активные области в Adobe Fireworks CS 4» и основываясь на «Лабораторные работы 1, 2 и 3» покажите основные навыки работы с Adobe Fireworks CS 4:

· создайте фрагмент;

· создайте ролловер;

· создайте активную область.

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

фрагмент ролловер кадр

Заключение

Сопоставление результатов работы с поставленными задачами позволяет заключить следующее: в ходе написания курсовой работы были решены следующие задачи:

· произведен анализ ГОС;

· разработаны три лекции на темы: «Рабочее пространство», «Пакетная обработка» и «Оптимизация и экспорт рабочего пространства». Каждая лекция содержит сопровождающие теорию иллюстрации;

· разработаны три лабораторные работы на темы: «Инструменты и основные свойства», «Работа с пакетной обработкой» и «Оптимизация работы». Каждая лабораторная работа содержит последовательный и содержательный порядок выполнения заданий с сопутствующими иллюстрациями;

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

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

Список литературы

1. Малев В.В. Общая методика преподавания информатики: Учебное пособие. - Воронеж: ВГПУ, 2005. - 271 с.

2. Малева А.А., Малев В.В. Практикум по методике преподавания информатики. - Воронеж: ВГПУ, 2006. - 148 с.

3. Лапчик М.П. Методика преподавания информатики. Учебное пособие. - М. Академия, 2006. - 624 с.

4. Эрганова Н.Е Методика профессионального обучения: учеб. пособие для студентов высш. учеб. заведения/ Н.Е Эрганова -2-е изд., стер. - М.: Издательский центр «Академия», 2008- 160с.

5. Применение Adobe Fireworks CS4. - Корпорация Adobe System, 2008. 544с.

Размещено на Allbest.ru

...