Oprettelse af HTML-artikler til DPS

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

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).

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

• Se Johannes Henselers artikel HTML5-struktur til enkelt fil (på engelsk) for oplysninger om oprettelse af artikler ved hjælp af HTML5.

• Se Værktøjssæt til CreateJS (på engelsk) for at få oplysninger om, hvordan du bruger CreateJS til at oprette HTML5 ved hjælp af Flash Pro.

• Se www.michaelcritz.com/2010/04/02/fonts-for-ipad-iphone/ (på engelsk) for at få oplysninger om tilgængelige skrifttyper i HTML-artikler og overlejringer til webvisning på iPad.

• Rufus Deuchler har oprettet et videoselvstudium i at bruge Adobe Muse til at oprette HTML-indhold til digitale udgivelser (på engelsk).

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.

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>

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>

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>

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