Katsotko oikeaa artikkelia?
Tämä artikkeli koskee Digital Publishing Suitea. Jos etsit AEM Mobile ‑artikkelia, katso HTML-artikkeleiden luominen.
Päivitetty viimeksi
6. toukokuuta 2021
|
|
HTML-pohjaisia artikkeleja voidaan tuoda folioon ja näyttää katseluohjelmassa artikkeleina. HTML-artikkelien etuna on pienempi tiedostokoko, mikä sopii hyvin viikkojulkaisuille tai yksinkertaisille, paljon tekstiä sisältäville artikkeleille. HTML-artikkeleissa voi olla myös vuorovaikutteisuutta, joka ei ole käytettävissä Folio Overlays -paneelissa.
Video-opetusohjelma
Tietoja Adobe Edgen käytöstä HTML-muotoisten julkaisujen luontiin DPS:ssä on Raghu Thricovilin artikkelissa DPS-folioiden parantaminen HTML-animaatioilla Adobe Edgen avulla (vain englanniksi).
-
Luo kansio, joka sisältää HTML-tiedostoja.
Muista sisällyttää vain tiedot, joita käytät kansiossa. Kansion kaikki tiedot lähetetään, vaikka niitä ei käytettäisi.
-
Jos tuot HTML-artikkelia yksisuuntaiseen kansioon, lisää .html-tiedostoon loppuliite _h tai _v, kuten index_h.html.
Jos et lisää loppuliitettä, artikkeli tuodaan ehkä kaksisuuntaisena artikkelina. Jos yrität esikatsella tai julkaista yksisuuntaisen folion, näyttöön tulee virheilmoitus.
-
Avaa Folio Builder -paneelissa folio, johon HTML-artikkeli sisällytetään.
-
Valitse Folio Builder -paneelin Artikkelit-näkymän paneelivalikossa Tuo artikkeli.
-
Valitse Tuo yksi artikkeli -vaihtoehto, napsauta Sijainti-kansion kuvaketta
ja määritä HTML-kansio.Voit tuoda HTML-artikkeleita myös Tuo useita artikkeleita -toiminnolla (katso Kansiorakenteen määrittäminen artikkelien tuomista varten) tai Tuo sidecar.xml-tiedostolla -toiminnolla (katso Artikkeleiden tuominen polkupohjaisten sidecar.xml-tiedostojen avulla).
-
Määritä lisäasetukset, kuten tasainen vieritys, ja valitse OK.
Jos muokkaat HTML-tiedostoja, valitse HTML-artikkeli Folio Builder -paneelissa ja valitse Päivitä.
HTML-artikkelin vaatimukset
Voit luoda yhden HTML-tiedoston, joka toimii sekä pysty- että vaakasuunnassa, tai voit luoda erillisen HTML-tiedoston kummallekin suunnalle. Jos käytät erillistä HTML-tiedostoa pysty- ja vaakasuunnalle, lisää loppuliitteet _v ja _h HTML-tiedostonimien loppuun, esimerkiksi index_h.html. Yksisuuntaiselle foliolle tarvitaan vain yksi HTML-tiedosto. Lisää yksisuuntaisen folion HTML-tiedostoon loppuliite _h tai _v.
Dynaamiset HTML (DHTML) ‑tiedostot eivät ole täysin tuettuja tällä hetkellä.
Yksi tapa rakentaa tiedostorakenne on sijoittaa kaikki HTML-tiedostoon liittyvät grafiikat ja komentosarjat yksittäisiin artikkelikansioihin. Toinen tapa on sijoittaa kaikki folioon liittyvät grafiikat ja komentosarjat HTMLResources.zip-tiedostoon. Tuo HTMLResources.zip-tiedosto folioon Folio Builder -paneelista tai verkon Folio Producerista. Katso Tuo HTMLResources-kansio.
Esimerkki HTMLResources-kansiostaKäytä suhteellisia polkuja HTML-koodissa. Jos luot linkin kuvaan, joka on samalla tasolla kuin HTML-tiedosto, toimi seuraavasti:
<img src="GlobalImage.jpg"/>
Jos luot linkin kuvaan, joka on HTMLResources-kansiossa, toimi seuraavasti:
<img src="../HTMLResources/GlobalImage.jpg"/>
Lisätietoja hyperlinkkien luomisesta HTML-artikkeleissa on artikkelissa navto-hyperlinkkien luominen HTML-artikkeleille.
HTML-artikkelien luominen Android Viewer -katseluohjelmille
Android Viewer -katseluohjelmissa käytettäviin HTML-artikkeleihin liittyvät ohjeet ja vaatimukset on esitetty artikkelissa HTML-artikkelien luominen Android Viewer -katseluohjelmille.
HTML5-resurssit
Lisätietoja artikkelien luomisesta HTML5:llä on englanniksi Johannes Henselerin jutussa Yhden tiedoston HTML5-rakenne.
Tietoja CreateJS:n käytöstä HTML5-sisällön luonnissa Flash Pron avulla on CreateJS:n työkalusarjassa.
Lisätietoja HTML-artikkelien ja verkkonäkymäpeittokuvien kirjasimista iPadissa on englanniksi jutussa www.michaelcritz.com/2010/04/02/fonts-for-ipad-iphone/.
Rufus Deuchler loi video-opetusohjelman digitaalisiin julkaisuihin tarkoitettujen HTML-sisältöjen luonnista Adobe Musen avulla.
HTML-artikkeleissa olevien videoiden käytön salliminen koko näytön kokoisina videopeittokuvina
Kun luot videolinkkejä sisältävän yksisuuntaisen HTML-artikkelin, toistettava video voi kiertyä laitetta kierrettäessä. Videon toiston päättyessä videota toistava sovelluksen sisäinen selain voidaan myös hylätä. Jos haluat sallia tämän, käytä HTML-videolinkissä etuliitettä ”videofile://”. Tämä asetus on käytettävissä vain iOS-sovelluksissa.
Huomautus:
Esimerkkejä videon käyttäytymisestä on maksuttoman DPS Tips -sovelluksen HTML-muotoisia esimerkkejä käsittelevässä numerossa (vain englanniksi).
Normaali videon käyttö
Tässä esimerkissä video toistetaan sovelluksen sisäisellä selaimella eikä sitä kierretä yksisuuntaisessa foliossa.<a href="Links/video.mp4">Toista video</a>
tai <a href="../HTMLResources/videos/video.mp4">Toista video</a>
Parannettu videon käyttö
Tässä esimerkissä videota kierretään yksisuuntaisessa foliossa oikein ja palataan artikkeliin videon päättyessä.<a href="videfile://Links/video.mp4">Toista video</a>
tai <a href="videofile://../HTMLResources/videos/video.mp4">Toista video</a>
JavaScript
Voit laukaista tämän toiminnan myös JavaScriptillä ikkunaobjektissa olevan playFullscreenVideo-toiminnon avulla.<a onclick="window.playFullscreenVideo('Links/video.mp4');">Toista video</a>
tai <a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');">Toista video</a>
Suoratoistovideo
Tässä esimerkissä toistetaan suoratoistovideo.<a href="videohttp://www.mysite.com/video.mp4">Toista video</a>
