Как вставить Flash в HTML с помощью iSpring

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

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

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

1. Преобразуйте вашу презентацию PowerPoint в формат Flash с помощью iSpring. Убедитесь, что в настройках Публикация -> Главная выбрана опция Создать HTML.

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

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

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

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

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

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

Результат конвертирования в режиме генерации отдельного .swf файла для каждого слайда

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

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

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

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

Пример HTML-кода страницы с Flash-роликом
Пример HTML-кода для Flash-ролика

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

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

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

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

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

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