Får du vist den korrekte artikel?

Denne artikel henviser til Digital Publishing Suite. Du kan finde artiklen om AEM Mobile article her: Oprette HTML-artikler.

Du kan importere HTML-baserede artikler til en folio, så den kan vises i fremviseren som en artikel. En af fordelene ved HTML-artikler er de meget mindre filer, der er mere velegnede til ugentlige udgivelser og enkle, teksttunge artikler. HTML-artikler kan også inkludere interaktivitet, der ikke er tilgængelig i panelet Folio Overlays.

Videoselvstudium

Videoselvstudium
<a href="http://tv.adobe.com/watch/learn-digital-publishing-suite/loading-html-articles/">Indlæsning af HTML-artikler (på engelsk)</a>
Colin Fleming

Du finder oplysninger om at bruge Adobe Edge til at oprette HTML til DPS i Raghu Thricovils artikel Udvid dine DPS-folioer med HTML-animationer ved hjælp af Adobe Edge (på engelsk).

  1. Opret en mappe, der indeholder HTML-filer.

    Du skal kun medtage de elementer, du bruger i mappen. Alle elementer i mappen overføres, selvom de ikke anvendes.

  2. Hvis du importerer HTML-artiklen til en mappe med enkelt retning, skal du tilføje et _h- eller _v-suffiks på .html-filen, f.eks. index_h.html.

    Hvis du ikke tilføjer et suffiks, importeres artiklen muligvis som en artikel med dobbeltretning. Hvis du prøver at få vist en skærmversion af folioen med enkelt retning eller at udgive den, vises der en fejlmeddelelse.

  3. Åbn den folio, der skal indeholde HTML-artiklen, i panelet Folio Builder.

  4. Vælg Importer artikel fra panelmenuen i panelet Folio Builder i artikelvisning.

  5. Vælg indstillingen "Importer en enkelt artikel", klik på mappeikonet Placering , og angiv en HTML-mappe.

    Du kan også importere HTML-artikler vha. indstillingen "Importer flere artikler" (se Strukturering af mapper til import af artikler) eller ved hjælp af indstillingen "Importer vha. sidecar.xml" (se Import af artikler vha. stibaseret sidecar.xml).

  6. Angiv yderligere indstillinger, f.eks. Jævn rulning, og klik på OK.

Hvis du redigerer HTML-filer, skal du vælge HTML-artiklen i panelet Folio Builder og vælge Opdater.

Krav til HTML-artikler

  • Du kan oprette en enkelt HTML-fil, der fungerer i både højformat og tværformat, eller du kan oprette separate HTML-filer for de to retninger. Hvis du skal bruge separate HTML-filer til højformat og tværformat, skal du føje suffikset _v eller _h til slutningen af HTML-filnavnet, f.eks. "index_h.html". Hvis du skal oprette en folio med enkelt retning, skal du kun bruge én HTML-fil. Medtag _h eller _v som suffiks for HTML-filen i en folio med enkelt retning.

  • Dynamiske HTML-filer (DHTML) understøttes ikke fuldt ud i øjeblikket.

  • I filstrukturen kan du placere alle de tilknyttede grafikbilleder og scripts til HTML-filen i de enkelte artikelmapper. Du kan også placere tilknyttede grafikbilleder og scripts til hele folioen i en HTMLResources.zip-fil. Du importerer HTMLResources.zip-filen i folioen fra panelet Folio Builder eller Folio Producer på internettet. Se Import af mappen HTMLResources.


    Eksempel på mappen HTMLResources

  • Sørg for at bruge relative stier i HTML-kode. Hvis du skal oprette et link til et billede på samme niveau som HTML-filen, skal du bruge denne metode:

    <img src="GlobalImage.jpg"/>

    Hvis du skal oprette et link til et billede i mappen HTMLResources, skal du bruge denne metode:

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

Se Oprettelse af navto-hyperlinks for HTML-artikler for oplysninger om oprettelse af hyperlinks til og fra HTML-artikler.

Oprettelse af HTML-artikler til Android-fremvisere

Se Oprettelse af HTML-artikler til Android-fremvisere (på engelsk) for at få retningslinjer og krav til oprettelse af HTML-artikler til Android-fremvisere.

HTML5-ressourcer

Sådan lader du videoer i HTML-artikler fungere som fuldskærmsvideooverlejringer

Når du opretter en HTML-artikel med enkeltrotation og videolinks, kan videoen også blive roteret, hvis enheden roteres. Når videoen er afspillet, kan den browser i programmet, der afspiller videoen, desuden blive afvist. Du kan aktivere denne funktionalitet ved at bruge præfikset "videofile://" i HTML-linket til videoen. Denne indstilling er kun tilgængelig til iOS-apps.

Bemærk:

Du kan se eksempler på videofunktionalitet under emnet HTML-eksempler i den gratis app DPS Tips (på engelsk).

Standardfunktionalitet for video

I dette eksempel afspilles videoen i en browser i programmet og roteres ikke i en folio med enkeltrotation.<a href="Links/video.mp4">Afspil video</a>

eller <a href="../HTMLResources/videos/video.mp4">Afspil video</a>

Udvidet funktionalitet for video

I dette eksempel roteres videoen korrekt i en folio med enkeltretning og vender tilbage til artiklen, når videoen er afspillet.<a href="videfile://Links/video.mp4">Afspil video</a>

eller <a href="videofile://../HTMLResources/videos/video.mp4">Afspil video</a>

JavaScript

Du kan også udløse denne funktionalitet med JavaScript ved at bruge funktionen playFullscreenVideo på vinduesobjektet.<a onclick="window.playFullscreenVideo('Links/video.mp4');">Afspil video</a>

eller <a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');">Afspil video</a>

Streaming-video

I dette eksempel afspilles en streaming-video.<a href="videohttp://www.mysite.com/video.mp4">Afspil video</a>

Dette arbejde har licens under en Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Opslag på Twitter™ og Facebook er ikke omfattet af vilkårene for Creative Commons.

Juridiske meddelelser   |   Politik for beskyttelse af personlige oplysninger online