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.
Utoljára frissítve:
2021. máj. 20.
|
|
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.
-
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.
-
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.
-
A Folio Builder panelen nyissa meg azt a fóliót, amelyben a HTML-cikkelynek majd szerepelnie kell.
-
A Folio Builder panel Cikkelyek nézetében válassza a panelmenü Cikkely importálása elemét.
-
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.
-
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áraFelté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
Johannes Henseler cikke további tudnivalókat közöl a HTML5 kódot alkalmazó cikkelyek létrehozásáról: Egyfájlos HTML5-keretrendszer.
HTML5 létrehozása CreateJS használatával a Flash Pro alkalmazással: CreateJS eszközkészlet.
A HTML-cikkelyekben és az iPad webnézeti rátéteiben rendelkezésre álló betűtípusok tudnivalói: www.michaelcritz.com/2010/04/02/fonts-for-ipad-iphone/.
Rufus Deuchler oktatóvideót készített az Adobe Muse digitálisan közzétehető HTML-tartalmat létrehozó alkalmazáshoz.
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>
