Käyttöopas Peruuta

Sisällön vieminen HTML5-muodossa

Opi viemään sivu, aukeama tai valittu objekti HTML5-tiedostomuodossa.

Vie InDesign-julkaisu HTML5-muodossa alustojen välisen yhteensopivuuden varmistamiseksi sekä monipuolisen vuorovaikutteisen sisällön, parannetun käyttäjien sitoutumisen ja käytettävyyden tukemiseksi. Se parantaa myös hakukoneoptimointia ja verkkosivujen toimintaa. Kun viet sisältöä HTML5-muotoon, voit valita, miten teksti viedään.

HTML5-paketin vieminen

  1. Valitse Tiedosto > Vie.

  2. Valitse Tallennusmuoto (Windows)- tai Muoto (macOS) ‑kohdasta HTML5.

  3. Valitse Käytä InDesign-dokumentin nimeä tulostustiedoston nimenä, jos haluat käyttää samaa tiedostonimeä, ja valitse Tallenna.

  4. Valitse vaatimustesi mukaan HTML-tekstitunnisteet tai HTML SVG -tunnisteet Vie HTML5-paketti ‑valintaikkunasta. Jos haluat kopioida kirjasimia, valitse  Kopioi kirjasimet (paitsi Adobe Fontsista aktivoidut) . Tämä sisältää CJK-kirjasimet.

    Vie HTML5-paketti ‑valintaikkuna
    Voit nyt viedä InDesign-dokumenttisi HTML5-pakettina.

  5. Valitse Vie.

HTML5-vienti: Keskeiset ominaisuudet otettu käyttöön Publish Online ‑valintaikkunasta 

Otsikko

Tätä arvoa käytetään viedyn kansion nimeämiseen.

Kuvaus

Ei viedä.

Sivut

Määritetty Publish Online ‑valintaikkunassa. Kaikki sivut sisällytetään, jos ne viedään suoraan kohdasta Tiedosto > Vie > HTML5.

Vie muodossa

  • Yksi: Kaikki sivut viedään erillisenä HTML-tiedostona ja linkitetään päähakemistoon index.html.
  • Aukeama: Kaikki sivut viedään yhtenä HTML-tiedostona ja linkitetään päähakemistoon index.html.

Ota salasanasuojaus käyttöön

Ei sovellettavissa.

Kannen pikkukuva

Pikkukuvat sisällytetään HTML5-pakettiin.

Kuvan asetukset

Käytetään Publish Online ‑valintaikkunan asetuksia.

Lataa PDF-tiedoston asetukset

Ei sovellettavissa.

Enemmän asetuksia

Ei sovellettavissa.

Google Analytics

Jos Publish Online ‑valintaikkunassa on Google Analytics ‑tunniste, se lisätään HTML5-viennin index.html-tiedostoon. Kun isännöit sivustossasi sivuja, varmista, että hankit tarvittaessa käyttäjän suostumuksen evästebannerin kautta.

Pikakorjauksia HTML5-hahmonnusongelmien ratkaisemiseksi

  • Jos käytit HTML-tekstitunnisteet‑asetusta, valitse Kopioi kirjasimet ‑asetus viennin aikana.
  • Jos valitsit Kopioi kirjasimet ‑asetuksen, tarkista, johtuuko ongelma edelleen puuttuvasta kirjasimesta. Kokeile HTML SVG -tunnisteet ‑asetusta tarkistaaksesi, onko kyseessä kirjasinongelma.
  • Jos kyseessä on todellakin kirjasinongelma ja HTML SVG -tunnisteet ‑asetus näyttää olevan oikein, tarkista, viedäänkö ja sijoitetaanko InDesign-julkaisussa käyttämäsi kirjasimet paketin kirjasinkansioon. Jos ei, sinun on ehkä kopioitava ja sijoitettava kirjasimet kansioon manuaalisesti. 
  • Jos ongelma jatkuu myös kirjasimien sijoittamisen jälkeen, ota yhteyttä asiakastukitiimiin.
Huomautus:

Kirjasimia sivustossa käytettäessä on noudatettava kirjasimen käyttöoikeussopimuksen ehtoja. Kirjasimien itseisännöinti sivustoa varten saattaa edellyttää erillistä käyttöoikeutta.

HTML5-paketin ja HTML:n (vanha) ‑muodon välinen ero

HTML5-paketin tarkoituksena on noudattaa InDesign-tiedoston asettelua HTML5-tuotoksessa alusta alkaen. Toisaalta HTML (vanha) ‑muoto on alhaalta ylöspäin suuntautuva lähestymistapa HTML-koodin luomiseen InDesign-tiedostosta, ja sillä on rajoitetusti asetteluun liittyviä yhtäläisyyksiä alkuperäisen tiedoston kanssa.

Tunnetut ongelmat

  • Tekstitehosteita, kuten heittovarjoa ja sumennusta, ei viedä oikein.

Kiertoratkaisu: Valitse tekstin vientiä varten HTML SVG -tunniste ‑asetus HTML-tekstitunnisteet-asetuksen sijaan.

Enemmän tällaisia

Onko sinulla kysymys tai idea?

Kysy yhteisöltä

Jos sinulla on kysyttävää tai muille jaettavia ajatuksia, tule mukaan ja osallistu Adobe InDesign-yhteisöön. Odotamme yhteydenottoasi ja haluamme nähdä luomuksesi.

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?