HTML-cikkelyek létrehozása DPS-hez

A megfelelő cikket nézi?

Ez a cikk a Digital Publishing Suite-ra vonatkozik. Az AEM Mobile cikkhez lásd: HTML-cikkelyek létrehozása.

HTML alapú cikkelyeket fólióba lehet importálni, és így cikkelyként lehet őket megjeleníteni a megjelenítőalkalmazásban. A HTML-cikkelyek egyik nagy előnye a sokkal kisebb fájlméret, amely előnyösebb hetente megjelenő kiadványok és egyszerű, főként szöveges cikkelyek esetében. A HTML-cikkelyek emellett olyan interaktivitást is tartalmazhatnak, amely nem áll rendelkezésre a Folio Overlays panelen.

Oktatóvideó

Megtudhatja, hogyan használhatja az Adobe Edge programot DPS-hez HTML készítésére, Raghu Thricovil cikkéből (angol nyelvű) A DPS-fóliók bővítése HTML-animációkkal az Adobe Edge segítségével.

  1. Hozzon létre egy HTML fájlokat tartalmazó mappát.

    Ügyeljen arra, hogy a mappa csak a valóban használt elemeket tartalmazza. A mappa összes elemét feltölti a rendszer, így a nem használtakat is.

  2. HTML cikkely egytájolású mappába importálásakor _h vagy _v végződést kell hozzáadni a HTML fájl nevéhez, pl. index_h.html.

    Hozzáadott utótag hiányában előfordulhat, hogy a rendszer a cikkelyt kettős tájolású cikkelyként importálja. Egytájolású fólió megjelenítési vagy közzétételi kísérletekor hibaüzenet jelenik meg.

  3. A Folio Builder panelen nyissa meg azt a fóliót, amelyben a HTML-cikkelynek majd szerepelnie kell.

  4. A Folio Builder panel Cikkelyek nézetében válassza a panelmenü Cikkely importálása elemét.

  5. Válassza az „Egyetlen cikkely importálása” elemet, kattintson a Hely mappa ikonra , majd adja meg a HTML-mappát.

    HTML-cikkelyek importálásához használhatja a „Több cikkely importálása” (lásd: Mappák rendezése cikkelyek importálásához) vagy az „Importálás sidecar.xml használatával” (lásd: Cikkelyek importálása elérési úttal rendelkező sidecar.xml fájlok használatával) lehetőséget is.

  6. Adjon meg kiegészítő beállításokat, mint a Folyamatos görgetés, és kattintson az OK gombra.

Ha szerkeszti a HTML fájlokat, jelölje ki a HTML-cikkelyt a Folio Builder panelen, és válassza a Frissítés elemet.

HTML-cikkelyre vonatkozó követelmények

  • Készíthető egyetlen HTML fájl, amely mind az álló, mind a fekvő tájolás esetén megfelel, illetve készíthető két külön HTML fájl a két tájoláshoz. Ha az álló és fekvő elrendezéshez két külön HTML fájlt hoz létre, használja a HTML fájlok nevének végén a _v és _h végződést, például index_h.html. Ha egytájolású fóliót hoz létre, akkor csak egy HTML fájl szükséges. A _h vagy _v utótagot az egytájolású fóliók HTML fájljához hozzá kell adni.

  • A dinamikus HTML-fájlokat (DHTML) a rendszer még nem teljes egészében támogatja.

  • A fájlstruktúra szempontjából az egyik módszer a HTML fájlhoz szükséges összes grafikai és parancsfájlok külön cikkelymappába helyezése. A másik lehetőség a teljes fólióhoz szükséges összes grafikai és parancsfájlnak egy HTMLResources.zip fájlba helyezése. A HTMLResources.zip fájl a Folio Builder panelről vagy a Folio Producer webes szolgáltatásból importálható a fólióba. Lásd: A HTMLResources forrásmappa importálása


    Példa HTMLResources mappára

  • Feltétlenül relatív elérési utakat használjon a HTML kódban. A HTML fájllal egy mappaszinten lévő kép hivatkozásában ezt a mintát kövesse:

    <img src="AltalanosKep.jpg"/>

    A HTMLResources nevű mappában lévő kép hivatkozásában ezt a mintát kövesse:

    <img src="../HTMLResources/AltalanosKep.jpg"/>

HTML-cikkelyekre és cikkelyekből mutató hiperhivatkozások létrehozásának további részletei: A „navto” típusú hiperhivatkozások létrehozása HTML-cikkelyek esetén.

HTML-cikkelyek létrehozása Android Viewer megjelenítők számára

HTML-cikkelyek létrehozásának leírása és követelményei Android Viewer megjelenítők esetén: HTML-cikkelyek létrehozása Android Viewer megjelenítők számára

HTML5 anyagok

HTML cikkelyekben videók engedélyezése, hogy úgy viselkedjenek, mint a teljes képernyős rátétek

Amikor egytájolású HTML cikkelyt készít videohivatkozással, az eszköz elforgatásával a videolejátszás is elfordul. Ezen túl, amikor a videó lejátszása befejeződik, az alkalmazáson belüli böngésző videólejátszása elutasítható. A viselkedés engedélyezéséhez használja a „videofile://” előtagot a HTML-videó hivatkozásában. Ez a beállítás csak iOS alkalmazásokhoz áll rendelkezésre.

Megjegyzés:

A videó viselkedésére példák az ingyenes DPS Tips alkalmazás HTML Examples (HTML-példák) kiadásában találhatók (angol nyelven).

Általános videoviselkedés

Ebben a példában a videót az alkalmazáson belüli böngésző lejátssza és nem forgatja el egy egyállású fólióban.<a href="Links/video.mp4">Videó lejátszása</a>

vagy <a href="../HTMLResources/videos/video.mp4">Videó lejátszása</a>

Bővített videoviselkedés

Ebben a példában a videó elforgatása helyesen megtörténik egy egyállású fólióban és visszatér a cikkhez, amikor a videó befejeződik<a href="videfile://Links/video.mp4">Videó lejátszása</a>

vagy <a href="videofile://../HTMLResources/videos/video.mp4">Videó lejátszása</a>

JavaScript

Elindíthatja ezt a viselkedést JavaScript segítségével is a playFullscreenVideo funkció használatával az ablakobjektumon.<a onclick="window.playFullscreenVideo('Links/video.mp4');">Videó lejátszása</a>

vagy <a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');">Videó lejátszása</a>

Folyamatos videó

Ebben a példában egy folyamatos videó látható<a href="videohttp://www.mysite.com/video.mp4">Videó lejátszása</a>

 Adobe

Kapjon segítséget gyorsabban és könnyebben!

Új felhasználó?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Október 14–16. Miami Beach és online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Október 14–16. Miami Beach és online