Handboek Annuleren

Inhoud exporteren als HTML5

Ontdek hoe u een pagina, spread of geselecteerd object kunt exporteren naar de HTML5-indeling.

Exporteer een InDesign-document naar HTML5 om compatibiliteit op meerdere platforms te garanderen en uitgebreide interactieve content, een betere actieve betrokkenheid en toegankelijkheid te ondersteunen. Het verbetert ook SEO en de werking van de webpagina. Bij het exporteren van inhoud naar HTML5 kunt u bepalen hoe tekst worden geëxporteerd.

HTML5-pakket exporteren

  1. Selecteer Bestand > Exporteren.

  2. Selecteer HTML5 bij Opslaan als (Windows) of Indeling (macOS).

  3. Selecteer Gebruik de InDesign-documentnaam als de uitvoerbestandsnaam als u dezelfde bestandsnaam wilt gebruiken en selecteer Opslaan.

  4. Selecteer HTML-teksttags of HTML SVG-tags op basis van uw vereisten in het dialoogvenster HTML5-pakket exporteren. Als u lettertypen wilt kopiëren, selecteert u  Lettertypen kopiëren (behalve indien geactiveerd vanuit Adobe Fonts) . Dit is inclusief CJK-lettertypen.

    Dialoogvenster HTML5-pakket exporteren
    U kunt uw InDesign-document nu exporteren als een HTML5-pakket.

  5. Selecteer Exporteren.

HTML5 exporteren: belangrijke eigenschappen toegepast vanuit het dialoogvenster Publish Online

Titel

Deze waarde wordt gebruikt om de geëxporteerde map een naam te geven.

Beschrijving

Niet geëxporteerd.

Pagina's

Opgegeven in het dialoogvenster Publish Online. Alle pagina's worden opgenomen als u rechtstreeks exporteert via Bestand > Exporteren > HTML5.

Exporteren als

  • Enkel: Elke pagina wordt geëxporteerd als een afzonderlijk HTML-bestand, elk gekoppeld aan het hoofdbestand index.html.
  • Spread: Elke spread wordt geëxporteerd als één HTML-bestand, gekoppeld aan het hoofdbestand index.html.

Wachtwoordbeveiliging inschakelen

Niet van toepassing.

Omslagminiatuur

Miniaturen worden opgenomen in het HTML5-pakket.

Afbeeldingsinstellingen

De instellingen uit het dialoogvenster Publish Online worden toegepast.

PDF-instellingen downloaden

Niet van toepassing.

Meer instellingen

Niet van toepassing.

Google Analytics

Als een Google Analytics-tag is opgenomen in het dialoogvenster Publish Online, wordt deze toegevoegd aan het bestand index.html in de HTML5-export. Wanneer u de pagina's op uw website host, moet u ervoor zorgen dat u zo nodig toestemming van de gebruiker vraagt via een cookiebanner.

Snelle oplossingen voor renderingproblemen met HTML5

  • Als u de optie HTML-teksttags hebt gebruikt, moet u ervoor zorgen dat u de optie Lettertypen kopiëren selecteert tijdens het exporten.
  • Als u de optie Lettertypen kopiëren hebt geselecteerd, controleert u of het probleem nog steeds wordt veroorzaakt door een ontbrekend lettertype. Probeer de optie HTML SVG-tags om te controleren of het een lettertypeprobleem is.
  • Als het inderdaad een lettertypeprobleem is en de optie HTML SVG-tags er goed uitziet, controleert u of de lettertypen die u in het InDesign-document hebt gebruikt, zijn geëxporteerd en in de lettertypemap van het pakket zijn geplaatst. Als dat niet het geval is, moet u de lettertypen mogelijk handmatig kopiëren en in de map plaatsen. 
  • Als het probleem zich blijft voordoen nadat u de lettertypen hebt geplaatst, neemt u contact op met de klantenondersteuning.
Opmerking:

Het gebruik van lettertypen op een website moet voldoen aan de voorwaarden van uw lettertypelicentie. Voor zelfgehoste lettertypen voor een website is mogelijk een aparte licentie vereist.

Verschil tussen HTML5-pakket en HTML (verouderd)

Een HTML5-pakket bootst de layout van het InDesign-bestand vanaf het begin na in de HTML5-uitvoer. HTML (verouderd) is daarentegen een bottom-up-benadering voor het maken van HTML op basis van een InDesign-bestand en de layout vertoont beperkte overeenkomst met het originele bestand.

Bekende problemen

  • Effecten voor tekst, zoals slagschaduw, vervaging en dergelijke, worden niet goed geëxporteerd.

Tijdelijke oplossing: Selecteer HTML SVG-tags in plaats van HTML-teksttags om tekst te exporteren.

Verwante informatie

Hebt u een vraag of idee?

Vraag het aan de gemeenschap

Hebt u een vraag of wilt u een idee delen? Sluit u dan aan bij de Adobe InDesign-community. We horen graag van u en kijken uit naar uw creaties.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?