Web-страница=HTML+Flash

 

Существует  два способа сделать Flash-фильм пригодным для отображения броузером:

• Сохранить его в формате SWF и затем перетащить мышью значок файла из окна папки, в которой сохранен файл, в окно броузера.
• Экспортировать Flash-фильм в формат HTML и затем открыть в броузере обычным образом.

Механизм  внедрения Flash-фильма в HTML-код аналогичен использованию элементовActiveX или подключению компонентов Plug-in. Для броузера Internet Explorer такое внедрение выполняется с помощью тэга<OBJECT>, а для Netscape - посредством тэга <EMBED>. Чтобы фильм был доступен обоим броузерам, Flash при конвертировании Flash-фильм в HTML-страницу генерирует оба указанных тэга. При этом автор фильма может либо воспользоваться атрибутами тэгов, установленными по умолчанию, либо указать собственные значения.

При необходимости  можно использовать Flash и для создания «обычных», статичных HTML-страниц, на которых будет представлен только традиционный тип интерактивных элементов – гипертекстовые ссылки. Такой вариант возможен благодаря тому, что Flash поддерживает работу с текстом с отдельными изображениями. Более того, в нем имеются средства, позволяющие создавать на основе изображений сенсорные карты обоих типов: работающие на стороне клиента и обрабатываемые сервером. 
 

1.  Схема создания  фильмов Flash 

Несмотря  на то, что редактор Flash предназначен в первую очередь для создания Web-страниц, при работе с ним вам очень редко придется сталкиваться с такими терминами, как, например, тэг, атрибут, страница и т.д. Технология создания фильмов Flash основана на применении совсем других понятий и категорий. И хотя с некоторыми из них (такими, как слой и временная диаграмма) вы уже встречались при знакомстве с редактором Macromedia Dreamweaver, для успешного освоения Flash необходимо сначала разобраться с применяемой в ней терминалогией. 
 

1.1 Основные понятия

Поскольку работа с Flash основана  на применении графического интерфейса, то при построении любого Flash-фильм автор, так или иначе использует объектно-ориентированный подход. Это означает, что все элементы фильма интерпретируются как объекты определенного типа, для каждого из которых заданы некоторые свойства и определен набор допустимых операций. Например, для объекта «Текст» должен быть установлен размер символов, способ начертания, цвет и т.д. Текст можно определенным образом редактировать, вырезать, копировать, создавать на его основе текстовые гиперссылки и т.п. То же самое можно сказать о графических изображениях и о звуке. Тем не менее, при работе с Flash вместо понятия «объект» чаще используется термин символ (Symbol). Основное различие между ними состоит в следующем.

Символ  представляет собой своеобразный шаблон объекта с определенным набором свойств. Символ хранится в специальной библиотеке (Library) и может быть многократно использован как в одном и том же фильме, так и в нескольких фильмах. Каждая новая копия символа, помещенная в фильм, называется экземпляром символа (Instance). Экземпляр наследует все свойства самого символа, и между ними устанавливается связь: при измени свойств символа соответствующие изменения автоматически применяются ко всем его экземплярам. Очевидно, что такой подход существенно экономит силы и время создателя фильма: если в нем используется несколько экземпляров символа, то информация о его свойствах не дублируется. 

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

Динамика  смены кадров фильма описывается  с помощью временной диаграммы (Timeline).

В фильме может использоваться несколько  различных символов. Состояние каждого из них может изменяться независимо от других, либо вообще оставаться неизменным(если, например, некоторый символ используется в качестве фона). Чтобы упростить описание поведения различных элементов фильма, каждый из них помещается, как правило, на отдельный слой (Layer). Разработчики Flash для пояснения роли слоев в фильме сравнивают их с листами прозрачной кальки. Собрав воедино «стопку» таких листов, вы можете получить некую сцену, на которой действуют различные «персонажи».кстати о сценах. Сцена (Scene)- это еще один термин, используемый при работе с Flash. Каждая сцена представляет собой определенное сочетание слоев. Для простых фильмов бывает достаточно создать и описать одну-единственную сцену, для более сложных может потребоваться создать несколько различных сцен. Переход от одной сцены к другой определяется уже не временной диаграммой, а несколько иным механизмом. В простейшем случае сцены фильма выполняются последовательно, в соответствии с их порядковыми номерами. Для более сложного построения фильма используется средства языка ActionScript.

При создании сложных фильмов достаточно важную роль играет еще одно понятие-клип (или). Клип-это как бы мини-фильм, для которого создается собственная временная диаграмма и устанавливаются собственные параметры (например, частота смены кадров). Клип, как и любой другой элемент фильма, может быть включен  в библиотеку символов для многократного использования в фильме. Каждому экземпляру клипа может быть назначено собственное имя. Любой элемент фильма может быть использован и внутри клипа. Разрешается также создавать «вложенные» клипы. Если требуется описать некоторые дополнительные условия активизации клипа внутри фильма, то для этого могут включаться также интерактивные элементы (например, кнопки).  
 
 

2. Последовательность действий при создании

Flash-фильма 

При запуске  большинства Windows- приложений автоматически создается «заготовка» (пустой документ, бланк) того типа, для работы с которым предназначено данное приложение. Например, при открытии окна текстового процессора Word в нем появляется пустой документ, в котором вы можете ввести требуемый текст, добавить графику и т.д.

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

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

Подобным  образом организована и работа с редактором Flash. При его запуске автоматически создается «заготовка» будущего фильма (точнее, его первой сцены). Если это необходимо, автор может установить собственные значения общих свойств фильма, таких как частота смены кадров, размеры окна, используемого для отображения фильма, цвет фона и некоторые другие. 

Замечание:

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

После установки общих параметров фильма можно переходить к формированию первой сцены фильма. Решив, какие  именно объекты должны присутствовать на этой сцене, вы последовательно помещаете  каждый из объектов на новый слой. Установка параметров слоя – это один из наиболее ответственных этапов построения фильмов. Еще раз повторим, что описание поведения объекта как раз и заключается в описании поведения соответствующего слоя. Поскольку в фильме слои (или помещенные на них объекты) тем или иным образом взаимодействуют друг с другом, после описания очередного слоя может оказаться, что требуется отредактировать созданные ранее. В этом нет ничего страшного, это вполне нормально, и Flash  предоставляет автору возможность скорректировать предыдущие действия.

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

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

Те  объекты, которые предлагается использовать в фильме неоднократно (хотя бы дважды), целесообразно сразу создавать  как новые символы. 

Хотя  Flash и обладает достаточно «дружественным» интерфейсом, создание Flash-фильмов является весьма непростым делом. Поэтому после завершения очередного шага полезно проверить полученный результат, протестировать его. Flash позволяет тестировать как отдельные сцены фильма, так и фильм в целом. Если тестирование прошло успешно, не забудьте сохранить результат своей работы на диске (в отличие от того же Word, Flash не поддерживает функцию автосохранения).

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

2. Создание нового фильма и настройки его свойств

Каждый раз  при запуске Flash создает новый  файл с расширением .FLA. В ходе работы можно создавать дополнительные фильмы - Задать размер, скорость показа (которая указывается в кадрах в секунду), цвет фона и другие свойства нового фильма позволяет диалоговое окно Movie Properties (Свойства фильма).

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

1. Выполните команду File (Файл) Þ New (Новый).
2. Выполните команду Modify (Изменить) Þ Movie (Фильм). При этом появится диалоговое окно Movie Properties (Свойства фильма).
3. В поле Frame Rate (Скорость показа) укажите, сколько кадров будет отображаться каждую секунду. Для большинства анимаций, особенно предназначенных для Интернета, оптимальной является указанная по умолчанию скорость 8-12 fps (frames per second, кадры в секунду).
4. В поле Dimensions (Измерения) выберите одну' из следующих настроек:

• чтобы определить размер Стола в пикселах, введите значения ширины и высоты в поля Width и Height соответственно. По умолчанию фильм имеет размер 550x400 пикселов. Минимальный возможный размер - 18x18 пикселов; максимальный - 2880x2880 пикселов;
• чтобы оставить просвет со всех сторон вокруг содержания на Столе, включите настройку Match Contents (Создать просвет). Чтобы сделать размер фильма минимальным, выровняйте все элементы к верхнему левому углу Стола, перед тем как использовать настройку Match Contents (Создать просвет);
• чтобы сделать размер Стола максимально возможным при заданной области печати, включите настройку Match Printer (Соразмерить с областью печати). Эта область определяется заданным размером печатного листа за вычетом текущей границы, указанной в поле Margins (Границы) диалогового окна Page Setup (Параметры страницы) (Windows) или диалогового окна Print Margins (Границы печати) (Macintosh).

5. Установите цвет фона фильма, выбрав цвет во всплывающей цветовой палитре Background (Фон).

6. Во всплывающем меню Ruler Units (Единицы измерения линеек) выберите единицу измерения для линеек, которые отображаются вдоль верхней и боковой сторон рабочего окна. Настройка Ruler Units также определяет единицы измерения, используемые в панели Info (Информация),
7. Нажмите кнопку ОК.

 
 

5. Создание  и модификация  изображения.

 

1. Рисование

Инструменты рисования Flash позволяют создавать и изменять различные геометрические фигуры для фильмов. Прежде чем начать рисование и закрашивание во Flash, важно понять, как работают инструменты рисования, и как рисование, закрашивание и изменение фигур может повлиять на другие графические элементы, расположенные на том же слое. Запустите встроенный во Flash урок "Рисование", выбрав команду Help (Справка) Þ Lessons (Уроки) Þ Drawing (Рисование).

Инструменты рисования и закрашивания

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

- Инструмент  Pencil (Карандаш) позволяет рисовать произвольные фигуры, линии и контуры, как это можно делать реальным карандашом.

- Инструмент  Реn (Перо) позволяет рисовать линии - как прямые, так и изогнутые.

- Инструменты  Line (Линия), Oval (Овал) и Rectangle (Прямоугольник) позволяют рисовать соответствующие геометрические фигуры.

- Инструмент  Brush (Кисть) оставляет мазки, как при работе кистью.