Brukerveiledning Avbryt

Eksporter innhold som HTML5

Finn ut hvordan du eksporterer en side, et oppslag eller et valgt objekt til HTML5-formattype.

Eksporter et InDesign-dokument til HTML5 for å sikre kompatibilitet på tvers av plattformer, støtte rikt interaktivt innhold, skape større engasjement blant brukerne og forbedre tilgjengeligheten. Også SEO og nettsideytelsen får et løft. Når du eksporterer innhold til HTML5, kan du kontrollere hvordan tekst eksporteres.

Eksporter HTML5-pakke

  1. Velg Fil > Eksporter.

  2. Velg HTML5 under Lagre som type (Windows) eller Format (macOS).

  3. Velg Bruk InDesign-dokumentnavn som utdata-filnavn hvis du ønsker å beholde filnavnet, og velg deretter Lagre.

  4. Velg HTML-tekstkoder eller HTML SVG-koder i dialogen Eksporter HTML5-pakke avhengig av hva du trenger. For å kopiere skrifter, velger du Kopier skrifter (unntatt aktivert fra Adobe Fonts) . Dette inkluderer CJK-skrifter.

    Dialogen Eksporter HTML5-pakke
    Du kan nå eksportere InDesign-dokumentet ditt som HTML5-pakke.

  5. Velg Eksporter.

HTML5-eksport: Det brukes nøkkelegenskaper fra dialogboksen Publish Online 

Tittel

Denne verdien vil bli brukt for å gi den eksporterte mappen et navn.

Beskrivelse

Ikke eksportert.

Sider

Definert i dialogboksen Publish Online. Hvis du eksporterer direkte fra Fil > Eksporter > HTML5, blir samtlige sider tatt med.

Eksporter som

  • Enkeltstående: Hver side eksporteres som enkeltstående HTML-fil, hver koblet til main index.html.
  • Oppslag: Hvert oppslag eksporteres som enkeltstående HTML-fil, koblet til main index.html.

Aktiver passordbeskyttelse

Ikke relevant.

Miniatyrbilde av forside

Miniatyrbilder inngår i HTML5-pakken.

Bildeinnstillinger

Innstillingene fra dialogen Publish Online vil bli tatt i bruk.

Innstillinger for nedlasting av PDF

Ikke relevant.

Flere innstillinger

Ikke relevant.

Google Analytics

Hvis en Google Analytics-kode er tatt med i dialogen Publish Online, legges den til i index.html-filen i HTML5-eksporten. Pass på når du drifter sidene på nettstedet ditt, at du innhenter eventuelt nødvendig samtykke fra brukerne ved hjelp av banneret om informasjonskapsler.

Raske løsninger på problemer med HTML5-gjengivelsen.

  • Hvis du brukte alternativet HTML-tekstkoder, passer du på å velge alternativet Kopier skrifter ved eksportering.
  • Hvis du valgte alternativet Kopier skrifter, undersøker du om problemet fortsatt oppstår pga. en skrift som mangler. Test med alternativet HTML SVG-koder om det er en skrift som er problemet.
  • Hvis det faktisk er en skrift som er grunnen til problemet, og det ikke er noe galt med HTML SVG-kodene dine, kontrollerer du at skriftene du bruker i InDesign-dokumentet, er eksportert og plassert i skriftmappen til pakken. I motsatt fall kopierer og plasserer du skriftene i mappen manuelt. 
  • Hvis problemet fortsatt oppstår selv om skriftene nå er riktig plassert, tar du kontakt med kundestøtte.
Merk:

Bruken av skrifter på et nettsted må være i tråd med vilkårene i skriftlisensen. Ved self-hosting av skrifter til et nettsted kan det bli krevd en separat lisens.

Forskjellene mellom en HTML5-pakke og HTML (eldre)

Hensikten med HTML5-pakken er å etterligne layouten til InDesign-filen i utdata-HTML5 fra start av. HTML (eldre) er derimot en bottom-up-metode for å opprette HTML ut fra en InDesign-fil, og har begrensede layoutmessige likheter med den opprinnelige filen.

Kjente problemer

  • Effekter i form av skygge, uskarphet osv. for tekst blir ikke riktig eksportert.

Løsning: Velg HTML SVG-kode i stedet for HTML-tekstkoder ved eksportering av tekst.

Beslektede emner

Har du et spørsmål eller en idé?

Spør fellesskapet

Hvis vil stille et spørsmål eller har en ide du vil dele, kan du delta i fellesskapet for Adobe InDesign. Vi vil gjerne høre fra deg og se det du lager.

Få hjelp raskere og enklere

Ny bruker?