Откройте нужный HTML-шаблон Animate в HTML-редакторе. HTML-шаблоны находятся в следующих папках.
- Руководство пользователя Adobe Animate
- Введение в Animate
- Анимация
- Основы анимации в Animate
- Кадры и ключевые кадры в Animate
- Покадровая анимация в Animate
- Работа с классической анимацией движения в Animate
- Инструмент «Кисть»
- Руководство по движению
- Анимация движения и язык ActionScript 3.0
- Сведения об анимации движения
- Анимация движения
- Создание анимации движения
- Использование ключевых кадров свойств
- Положения в анимации движения
- Использование Редактора движения для анимаций
- Редактирование траектории анимации движения
- Управление анимациями движения
- Настраиваемое ускорение и замедление
- Создание и применение стилей движения
- Настройка диапазонов анимации движения
- Сохранение анимации движения в файлах XML
- Анимация движения и классическая анимация
- Анимация формы
- Анимация с использованием инструмента «Кость» в Animate
- Работа с риггингом персонажей в Animate
- Слои-маски в Adobe Animate
- Работа со сценами в Animate
- Интерактивность
- Создание кнопок в Animate
- Преобразование проектов Animate в другие форматы документов
- Создание и публикация документов HTML5 Canvas в Animate
- Добавление интерактивных возможностей с помощью фрагментов кода в Animate
- Создание пользовательских компонентов HTML5
- Использование компонентов в HTML5 Canvas
- Создание пользовательских компонентов: примеры
- Фрагменты кода для пользовательских компонентов
- Рекомендации: реклама в Animate
- Разработка и публикация контента для виртуальной реальности
- Рабочая среда и рабочий процесс
- Создание и использование малярных кистей
- Использование шрифтов Google в документах HTML5 Canvas
- Использование библиотек Creative Cloud Libraries и Adobe Animate
- Использование рабочей области и панели «Инструменты» в Animate
- Рабочие процессы и рабочая среда Animate
- Использование веб-шрифтов в документах HTML5 Canvas
- Временные шкалы и ActionScript
- Работа с несколькими временными шкалами
- Задание настроек
- Использование панелей разработки Animate
- Создание слоев временной шкалы в Animate
- Экспорт анимаций для мобильных приложений и игровых платформ
- Перемещение и копирование объектов
- Шаблоны
- Поиск и замена в Animate
- Отмена/повтор действий и панель «История»
- Сочетания клавиш
- Использование временной шкалы в Animate
- Создание HTML-расширений
- Параметры оптимизации изображений и GIF-анимаций
- Настройки экспорта для изображений и GIF
- Панель «Ресурсы» в Animate
- Мультимедиа и видео
- Преобразование и объединение графических объектов в Animate
- Создание экземпляров символов и работа с ними в Animate
- Трассировка изображения
- Использование звука в Adobe Animate
- Экспорт SVG-файлов
- Создание видеофайлов для использования в Animate
- Добавление видео в Animate
- Рисование и создание объектов в Animate
- Изменение линий и фигур
- Обводки, заливки и градиенты в Animate CC
- Работа с Adobe Premiere Pro и After Effects
- Панели «Цвет» в Animate CC
- Открытие файлов Flash CS6 в Animate
- Работа с классическим текстом в Animate
- Размещение иллюстраций в Animate
- Импортированные растровые изображения в Animate
- Трехмерная графика
- Работа с символами в Animate
- Рисование линий и фигур в Adobe Animate
- Работа с библиотеками в Animate
- Экспорт звуков
- Выделение объектов в Animate CC
- Работа с AI-файлами Illustrator в Animate
- Применение режимов наложения
- Упорядочивание объектов
- Автоматизация задач с помощью меню «Команды»
- Многоязычный текст
- Использование камеры в Animate
- Графические фильтры
- Звук и ActionScript
- Настройки рисования
- Рисование инструментом «Перо»
- Платформы
- Преобразование проектов Animate в другие форматы документов
- Поддержка специализированных платформ
- Создание и публикация документов HTML5 Canvas в Animate
- Создание и публикация документа WebGL
- Упаковка приложений AIR for iOS
- Публикация приложений AIR for Android
- Публикация для Adobe AIR на настольных ПК
- Параметры публикации ActionScript
- Рекомендации: размещение ActionScript в приложении
- Использование ActionScript в Animate
- Специальные возможности в среде Animate
- Создание и использование сценариев
- Обеспечение поддержки специализированных платформ
- Общие сведения о поддержке специализированных платформ
- Работа с плагинами поддержки специализированных платформ
- Отладка сценариев ActionScript 3.0
- Обеспечение поддержки специализированных платформ
- Экспорт и публикация
- Экспорт файлов из Animate CC
- Публикация OAM
- Экспорт SVG-файлов
- Экспорт графики и видео из Animate
- Публикация документов AS3
- Экспорт анимаций для мобильных приложений и игровых платформ
- Экспорт звуков
- Рекомендации: советы по созданию контента для мобильных устройств
- Рекомендации: правила работы с видео
- Рекомендации: руководство по созданию SWF-приложений
- Рекомендации: формирование структуры FLA-файлов
- Рекомендации: оптимизация FLA-файлов для Animate
- Параметры публикации ActionScript
- Задание параметров публикации для Animate
- Экспорт файлов-проекторов
- Экспорт изображений и анимированных файлов GIF
- Шаблоны публикации HTML
- Работа с Adobe Premiere Pro и After Effects
- Быстрая публикация анимаций
- Устранение неполадок
Сведения о шаблонах публикации HTML
HTML-шаблон Animate представляет собой файл, содержащий статический HTML-код и настраиваемый код шаблона, который состоит из особого типа переменных (отличающихся от переменных ActionScript). При публикации SWF-файла Animate заменяет эти переменные значениями, заданными на вкладке «HTML» диалогового окна «Параметры публикации», и формирует HTML-страницу с внедренным SWF-файлом.
Animate включает шаблоны, удовлетворяющие требованиям большинства пользователей, и это устраняет необходимость ручного создания HTML-страниц для SWF-файлов. Например, шаблон «Только Animate» удобен для тестирования файлов в браузере. Он помещает SWF-файл на HTML-страницу таким образом, чтобы он мог быть просмотрен в веб-обозревателе с установленным проигрывателем Flash Player.
Для публикации новой HTML-страницы можно пользоваться одним и тем же шаблоном, изменяя его параметры. Создание пользовательских шаблонов производится с помощью любого HTML-редактора. Этот процесс ничем не отличается от создания стандартных HTML-страниц, только в данном случае переменные SWF-файла заменяются переменными, начинающимися с символа доллара ($).
HTML-шаблоны Animate имеют следующие отличительные характеристики.
Однострочный заголовок, отображаемый во всплывающем меню «Шаблон» на вкладке «HTML» диалогового окна «Параметры публикации».
Более подробное описание, отображаемое в поле «Информация» на вкладке «HTML» диалогового окна «Параметры публикации».
Переменные шаблона, начинающиеся с символа доллара ($), указывают, где должны быть вставлены значения параметров при создании выходного файла Animate.
Примечание. Если в документе необходимо ввести символ доллара в других целях, он должен предваряться обратной косой чертой (\$).
HTML-теги object и embed, отвечающие требованиям ® Communicator® или Navigator® соответственно. Правильное отображение SWF-файла на HTML-странице возможно только при соблюдении этих требований. Для открытия SWF-файла Internet Explorer использует HTML-тег object, а Netscape — embed.
Настройка шаблонов публикации HTML
HTML-шаблоны можно модифицировать для создания карты ссылок, текстового или URL-отчета либо для вставки специальных значений для наиболее распространенных параметров в тегов Animate HTML object и embed (для Internet Explorer и Netscape Communicator или Navigator, соответственно).
Шаблоны Animate могут включать любое HTML-содержимое для приложения и даже программный код различных интерпретаторов (ColdFusion, ASP и других).
-
В Microsoft Windows XP и Microsoft Windows Vista: загрузочный диск:\Documents and Settings\пользователь\Local Settings\Application Data\Adobe\Flash CS5\язык\Configuration\HTML\. Папка Application Data обычно скрыта. Чтобы увидеть ее, может потребоваться изменение параметров проводника Windows.
Mac OS X 10.3 и более поздних версий: жесткий диск Macintosh/Applications/Adobe Flash CS5/язык/First Run/HTML.
Загрузочный диск — это привод, с которого загружается ОС Windows (как правило, диск C:). Пользователь — имя пользователя, вошедшего в систему Windows. Язык — сокращенное наименование языка. Например, для английского (США) папка язык будет иметь имя en.
-
Отредактируйте шаблон.
-
Сохраните шаблон в той же папке, из которой он был извлечен.
-
Чтобы применить параметры шаблона к SWF-файлу, выберите меню «Файл» > «Параметры публикации» и на вкладке HTML выберите измененный шаблон. Animate изменяет в выбранном шаблоне только переменные шаблона.
-
Задайте остальные параметры публикации и нажмите кнопку «ОК».
HTML-шаблоны:переменные
В следующей таблице приведены переменные, которые распознает Animate.
Атрибут/параметр |
Переменная шаблона |
---|---|
Template title |
$TT |
Template description start |
$DS |
Template description finish |
$DF |
Animate (SWF file) title |
$T1 |
Animate (SWF file) title for search engine metadata |
$TL |
Description for search engine metadata |
$DC |
Metadata XML string for use with search engines |
$MD |
Width |
$WT |
Height |
$HT |
Movie |
$MO |
HTML alignment |
$HA |
Looping |
$LO |
Parameters for object |
$PO |
Parameters for embed |
$PE |
Play |
$PL |
Quality |
$QU |
Scale |
$SC |
Salign |
$SA |
Wmode |
$WM |
Devicefont |
$DE |
Bgcolor |
$BG |
Movie text (area to write movie text) |
$MT |
Movie URL (location of SWF file URL) |
$MU |
Image width (unspecified image type) |
$IW |
Image height (unspecified image type) |
$IH |
Image filename (unspecified image type) |
$IS |
Image map name |
$IU |
Image map tag location |
$IM |
QuickTime width |
$QW |
QuickTime height |
$QH |
QuickTime filename |
$QN |
GIF width |
$GW |
GIF height |
$GH |
GIF filename |
$GN |
JPEG width |
$JW |
JPEG height |
$JH |
JPEG filename |
$JN |
PNG width |
$PW |
PNG height |
$PH |
PNG filename |
$PN |
Использование сокращенных переменных шаблонов
Переменные шаблонов $PO (для тегов object) и $PE (для тегов embed) являются удобными сокращениями элементов. Каждая из них указывает Animate вставить в шаблон пользовательское значение для самых распространенных параметров тегов object и embed, включая PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) и BGCOLOR ($BG).
Пример HTML-шаблона
В следующий файл шаблона Default.HTML в Animate включено большинство из наиболее часто используемых переменных шаблонов.
$TTFlash Only $DS Display Adobe SWF file in HTML. $DF <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> $CS <title>$TI</title> </head> <body bgcolor="$BG"> <!--url's used in the movie--> $MU <!--text used in the movie--> $MT <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="$WI" height="$HE" id="$TI" align="$HA"> <param name="allowScriptAccess" value="sameDomain" /> $PO <embed $PEwidth="$WI" height="$HE" name="$TI" align="$HA" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </object> </body> </html>
Создание карты изображений для замещения SWF-файла
Animate поддерживает создание карты ссылок, которая отображает изображение и обеспечивает работу кнопок, связанных с URL-адресами. Если HTML-шаблон содержит переменную шаблона $IM, то Animate производит добавление кода карты ссылок. Переменная $IU определяет имена для GIF-, JPEG- и PNG-файлов.
-
Выберите в документе ключевой кадр для карты ссылок и присвойте ему метку кадра #Map в инспекторе свойств (меню «Окно» > «Свойства»). Используйте любой ключевой кадр с кнопками, связанными с действиями getURL ActionScript 1.0 или 2.0.
Если этого не сделать, то Animate сформирует карту ссылок на основе кнопок в последнем кадре SWF-файла. Этот параметр создаст встроенную карту ссылок, а не внедренный SWF-файл.
-
Чтобы выбрать кадр для карты ссылок, выполните одно из следующих действий.
Для PNG- или GIF-файлов кадр необходимо пометить как #Static.
Для JPEG-файлов при выполнении публикации поместите точку воспроизведения в кадр, который будет использоваться для отображения.
-
Откройте в HTML-редакторе HTML-шаблон для модификации.
-
Сохраните шаблон.
-
Выберите меню «Файл» > «Параметры публикации», затем «Формат», выберите формат карты ссылок и нажмите кнопку ОК.
Для примера вставим в шаблон следующий код.
$IM <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
В результате этого в HTML-документе, созданном по команде «Опубликовать», появится следующий код.
<map name="mymovie"> <area coords="130,116,214,182" href="http://www.adobe.com"> </map> <img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>
Создание текстовых и URL-отчетов
Переменная шаблона $MT указывает Animate вставить весь текст из текущего SWF-файла в HTML-код в виде примечания. Эта возможность может оказаться полезной для индексации содержимого SWF-файла, а также для того, чтобы сделать его доступным для поисковых машин.
Переменная шаблона $MU указывает Animate сформировать список URL-адресов, на который ссылаются действия в текущем SWF-файле, и вставить его в текущее местоположение в виде примечания. Это действие позволяет средствам проверки ссылок обнаруживать и проверять ссылки из SWF-файла.
Внедрение метаданных поиска
Переменные шаблонов $TL (название SWF-файла) и $DC (описание метаданных) позволяют включать метаданные поиска в HTML-код. Эта возможность делает SWF-файл более доступным для поисковых систем и обеспечивает эффективность поиска. Переменная шаблона $MD предназначена для включения метаданных поиска в виде XML-строки.