Добавление Flash в HTML с помощью iSpring

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

Если вы хотите украсить вашу страницу Flash анимацией или добавить рекламный баннер, iSpring - это оптимальное решение, позволяющее создавать профессинальные Flash ролики в PowerPoint.

С iSpring создание Flash роликов, готовых для публикации в сети, удивительно просто и не требует технических навыков Flash программирования. Вы создаете презентацию в привычной среде PowerPoint, и iSpring конвертирует ее в формат Flash, сохраняя оригинальные анимации, эффекты переходов, внедренные аудио, видео и Flash файлы. Также iSpring сгенерирует для вас HTML-код, готовый для внедрения в вашу веб-страницу.

В инструкции ниже показано, как добавить Flash анимацию на страницу сайта.

1. Преобразуйте вашу презентацию PowerPoint в формат Flash с iSpring. Вы можете выбрать вид конечного файла: один Flash ролик (.SWF файл) для всей презентации либо отдельные Flash файлы для каждого слайда PowerPoint.

Убедитесь, что в настройках Публикация -> Главная выбрана опция Создать HTML.

Конвертируя презентацию в режиме Один Flash файл, вы получаете единый Flash ролик (.SWF файл) для всей презентации со встроенными мультимедиа ресурсами.

Отключив опцию Один Flash файл, вы получите отдельные Flash ролики, соответствующие слайдам исходной PowerPoint презентации.

2. После конвертирования в режиме Один Flash файл вы получите три файла: Flash ролик (.swf файл), html страницу и дополнительный .js файл для Internet Explorer.

Итог конвертации с включенной опцией Один Flash файл.

• файл с расширением SWF – это ваш Flash ролик;
• файл с расширением HTML – представляет собой HTML страницу с вашим роликом;
• файл с расширением JS – файл, который не дает службе безопасности Internet Explorer заблокировать ваш Flash ролик. Он обязательно должен располагаться в той же папке, что и HTML страница с Flash роликом.

Если вы отключили опцию Один Flash файл, то к перечисленным файлам добавится папка data, содержащая отдельные ролики для каждого слайда PowerPoint и связующий xml-файл:

Итог конвертации с выключенной опцией Один Flash файл:

• папка Data – в ней хранится содержимое вашего ролика;
• файл с расширением SWF – это Flash файл, содержащий плейер для просмотра ролика;
• файл с расширением HTML – представляет собой HTML страницу с вашим роликом;
• файл с расширением JS – это файл, который не дает службе безопасности Internet Explorer заблокировать ваш Flash ролик. Он обязательно должен располагаться в той же папке, что и страница с Flash роликом;
• файл с расширением XML – связывает содержимое папки data и Flash файла.

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

3. Для проигрывания Flash ролика на вашей странице необходимо редактировать ее HTML-код, добавив к нему соответствующую часть кода, сгенерированного iSpring. Просмотреть HTML код страницы вы можете прямо в окне браузера, выбрав опцию Просмотр HTML кода, или открыв ее в простом текстовом редакторе, не позволяющем изменять стиль текста, например в Блокноте. НЕ используйте Microsoft Word, OpenOfficeWriter, WordPad, и т.д.

Щелкните правой кнопкой мыши по файлу HTML и выберите в контекстном меню Открыть с помощью->Блокнот.

4. В открывшемся окне вы увидите HTML код страницы. Код вашего ролика находится в теге object:

Пример HTML-кода Flash ролика

5. Теперь осталось только скопировать содержимое тега object и добавить в код вашей страницы.

Так же вы можете настроить расположение и вид вашего ролика с помощью параметров и атрибутов тега object и дублирующих их атрибутов тега embed.

• quality ("low/autolow/autohigh/high/medium/best") – задает качество сглаживания контуров
• bgcolor – определяет цвет фона кадров
• align ("right/left/middle") – задает положение ролика внутри страницы
• src (параметр movie) – показывает адрес расположения ролика
• width, hight – задают размеры ролика в пикселях
• allowFullScreen – дает поддержку полноэкранного режима (только с 9й версии FlashPlayer).

В теге script атрибут src указывает путь к .js файлу, который обязательно должен располагаться в той же папке, что и HTML страница с Flash роликом.

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

Надеемся, что наши советы помогут вам оживить и украсить ваш сайт Flash анимацией!