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ó

Oktatóvideó
<a href="http://tv.adobe.com/watch/learn-digital-publishing-suite/loading-html-articles/">HTML-cikkelyek betöltése</a>
Colin Fleming

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>

Ez a munka a Creative Commons Nevezd meg!-Ne add el!-Így add tovább! 3.0 Unported licenc alatt lett közzétéve.  A Twitter™ és Facebook közzétételeket a Creative Commons jogi feltételei nem szabályozzák.

Jogi közlemények   |   Online adatvédelmi nyilatkozat