Это именно та статья, которая вам нужна?
Эта статья о Digital Publishing Suite. Статью о AEM Mobile см. в разделе Создание статей HTML.
Последнее обновление
21 мая 2021 г.
|
|
Можно импортировать статьи на основе HTML в фолио, которое будет отображено в приложении Viewer в качестве статьи. Преимущество статей HTML — значительно меньший размер файла, который лучше подходит для еженедельных публикаций и простых текстовых статей. Статьи HTML также могут включать интерактивные элементы, которые недоступны в палитре Folio Overlays.
Видеоруководство
Дополнительную информации о создании HTML для DPS с помощью Adobe Edge см. в статье Рэгу Триковила Enhance your DPS Folios with HTML animations using Adobe Edge (Дополнение фолио DPS анимацией HTML с помощью Adobe Edge), доступной только на английском.
-
Создайте папку, содержащую файлы HTML.
Убедитесь, что добавлены только ресурсы, используемые в папке. Данная функция отправляет все ресурсы в папке, даже если они не используются.
-
Если вы импортируете статью HTML в папку статьи с одной ориентацией, добавьте к файлу html суффикс _h или _v, например index_h.html.
Если суффикс не был добавлен, то, возможно, статья была импортирована как статья с двойной ориентацией. Если вы попытаетесь просмотреть или опубликовать фолио с одной ориентацией, отобразится сообщение об ошибке.
-
В палитре Folio Builder откройте фолио, в которое будет добавлена статья HTML.
-
В представлении «Статьи» палитры Folio Builder выберите в меню палитры команду «Импорт статьи».
-
Выберите «Импорт одной статьи», нажмите значок папки рядом с полем «Местоположение»
и укажите папку с файлами HTML.Можно также импортировать статьи HTML через пункт «Импорт нескольких статей» (см. Структурирование папок для импорта статей) или пункт «Импорт с использованием sidecar.xml» (см. Импорт статей с помощью файла sidecar.xml, содержащего пути к файлам).
-
Задайте дополнительные параметры, такие как «Плавная прокрутка», и щелкните «ОК».
При внесении изменений в файлы HTML выберите статью HTML в палитре Folio Builder, затем выберите «Обновить».
Требования к статьям HTML
Можно создать один файл HTML для горизонтальной и вертикальной ориентации или два отдельных файла HTML. Чтобы использовать разные файлы HTML для горизонтальной и вертикальной ориентации, добавьте суффиксы _v и _h в конце имен файлов HTML, например: «index_h.html». При создании фолио для одной ориентации необходимо создать только один файл HTML. Добавьте суффикс _h или _v в имя файла HTML для фолио с одной ориентацией.
Файлы динамического HTML (DHTML) в настоящее время не полностью поддерживаются.
Для структуры папок можно поместить связанные графические объекты и сценарии для файла HTML в отдельные папки статей. Либо можно поместить связанные графические объекты и сценарии всего фолио в файл HTMLResources.zip. Вы можете импортировать файл HTMLResources.zip в фолио из палитры Folio Builder или Folio Producer в сети. См. Импорт папки HTMLResources.
Пример папки HTMLResourcesПроверьте использование относительных путей в коде HTML. Для ссылки на изображение, находящееся в каталоге того же уровня, что и файл HTML, используйте следующую строку:
<img src="GlobalImage.jpg"/>
Для ссылки на изображение в папке HTMLResources используйте следующую строку:
<img src="../HTMLResources/GlobalImage.jpg"/>
Подробнее о создании гиперссылок, связанных со статьями HTML, см. в разделе Создание гиперссылок navto для статей HTML.
Создание статей HTML для приложений Android Viewer
Руководство и требования к созданию статей HTML для приложений Android Viewer см. в разделе Создание статей HTML для приложений Android Viewer.
Ресурсы по HTML5
Сведения об использовании HTML5 см. в статье Йоганна Хенселера (Johannes Henseler) Фреймворк HTML5, состоящий из одного файла.
Сведния об использовании CreateJS для создания HTML5 с помощью Flash Pro см. в документе Комплект инструментов для CreateJS.
Информацию о шрифтах, доступных в статьях HTML и наложениях веб-страниц на устройствах iPad, см. на странице www.michaelcritz.com/2010/04/02/fonts-for-ipad-iphone/.
Руфус Дойчлер (Rufus Deuchler) создал видеоруководство об использовании Adobe Muse для создания HTML-контента для цифровых публикаций.
Воспроизведение видеороликов в статьях HTML в качестве полноэкранных видеоналожений
Если вы создаете статью HTML с одной ориентацией, которая содержит ссылки на видео, то при повороте устройства ориентация воспроизводящегося видео также может измениться. Кроме того, после того, как воспроизведение видео будет закончено, встроенный в приложение браузер, который воспроизводит видео, будет закрыт. Чтобы включить эту функцию, используйте префикс «videofile://» в HTML-ссылке на видео. Этот параметр доступен только для приложений для iOS.
Примечание.
Примеры поведения видеозаписей см. в разделе HTML Examples (Примеры HTML) бесплатного приложения DPS Tips (только на английском языке).
Стандартное воспроизведение видео
В данном примере видео воспроизводится во встроенном в приложение браузере; ориентация видео не изменяется в фолио для одной ориентации.<a href="Links/video.mp4">Воспроизвести видеоролик</a>
или<a href="../HTMLResources/videos/video.mp4">Воспроизвести видеоролик</a>
Расширенное воспроизведение видео
В данном примере ориентация видео надлежащим образом изменяется в фолио для одной ориентации; после окончания воспроизведения видео пользователь возвращается к статье.<a href="videfile://Links/video.mp4">Воспроизвести видеоролик</a>
или<a href="videofile://../HTMLResources/videos/video.mp4">Воспроизвести видеоролик</a>
JavaScript
Можно запустить эту функцию с помощью JavaScript, используя функцию playFullscreenVideo на объекте окна.<a onclick="window.playFullscreenVideo('Links/video.mp4');">Воспроизвести видеоролик</a>
или<a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');">Воспроизвести видеоролик</a>
Воспроизведение потокового видео
В этом примере продемонстрировано воспроизведение потокового видео.<a href="videohttp://www.mysite.com/video.mp4">Воспроизвести видеоролик</a>
