Benutzerhandbuch Abbrechen

Inhalte als HTML5 exportieren

Lerne, wie du eine Seite, einen Druckbogen oder ein ausgewähltes Objekt in das HTML5-Format exportierst.

Exportiere ein InDesign-Dokument nach HTML5, um plattformübergreifende Kompatibilität zu gewährleisten und reichhaltige interaktive Inhalte, verbesserte Benutzerfreundlichkeit und Barrierefreiheit zu unterstützen. Außerdem verbessert es die SEO und die Leistung der Webseite. Wenn du Inhalte nach HTML5 exportierst, kannst du steuern, wie der Text exportiert wird.

HTML5-Paket exportieren

  1. Wähle Datei > Export.

  2. Wähle „Speichern unter“ und wähle das Dateiformat HTML5 unter Typ (Windows) bzw. Format (macOS) aus.

  3. Wähle InDesign-Dokumentname als Ausgabedateiname verwenden, wenn du denselben Dateinamen verwenden möchtest, und wähle dann Speichern.

  4. Wähle je nach Bedarf HTML-Text-Tags bzw. HTML-SVG-Tags im Dialogfeld HTML5-Paket exportieren. Um Schriften zu kopieren, wähle   Schriften kopieren (außer aus Adobe Fonts aktivierte) aus. Dies schließt CJK-Schriften mit ein.

    Dialogfeld „HTML5-Paket exportieren“
    Du kannst dein InDesign-Dokument jetzt als HTML5-Paket exportieren.

  5. Wähle Exportieren.

HTML5-Export: Wichtige Eigenschaften, die aus dem Dialogfeld „Publish Online“ angewendet werden 

Titel

Dieser Wert wird für den Namen des exportierten Ordners verwendet.

Beschreibung

Nicht exportiert.

Seiten

Wird im Dialogfeld Publish Online definiert. Mit Datei > Exportieren > HTML5 werden alle Seiten einbezogen.

Exportieren als

  • Einzel: Jede Seite wird als einzelne HTML-Datei exportiert, die jeweils mit der Hauptdatei index.html verlinkt ist.
  • Druckbogen: Jeder Druckbogen wird als eine einzelne HTML-Datei exportiert, die mit der Hauptdatei index.html verlinkt ist.

Kennwortschutz aktivieren

Nicht anwendbar.

Deckblatt-Miniaturbild

Miniaturbilder sind im HTML5-Paket enthalten.

Bildeinstellungen

Die Einstellungen aus dem Dialogfeld „Publish Online“ werden angewendet.

PDF-Einstellungen herunterladen

Nicht anwendbar.

Weitere Einstellungen

Nicht anwendbar.

Google Analytics

Wenn ein Google Analytics-Tag im Dialog „Publish Online“ enthalten ist, wird es im HTML5-Export zur Datei index.html hinzugefügt. Wenn du die Seiten auf deiner Website bereitstellst, stelle sicher, dass du die Zustimmung der Benutzerinnen und Benutzer über ein Cookie-Banner einholst, falls notwendig.

Schnelle Lösungen für HTML5-Rendering-Probleme

  • Wenn du die Option HTML-Text-Tags verwendet hast, stelle sicher, dass du beim Export die Option Schriften kopieren ausgewählt hast.
  • Wenn du die Option Schriften kopieren aktiviert hast, überprüfe, ob das Problem immer noch durch eine fehlende Schrift verursacht wird. Probiere die Option HTML-SVG-Tags aus, um festzustellen, ob es ein Problem mit der Schrift ist.
  • Wenn es tatsächlich ein Problem mit der Schrift ist und die Option HTML-SVG-Tags gut aussieht, überprüfe, ob die Schriften, die du im InDesign-Dokument verwendet hast, exportiert und in den Schriften-Ordner des Pakets gelegt wurden. Wenn das nicht der Fall ist, musst du die Schriften eventuell kopieren und manuell in den Ordner einfügen. 
  • Wenn das Problem nach dem Platzieren der Schriften immer noch besteht, wende dich bitte an das Kunden-Support-Team.
Hinweis:

Die Verwendung von Schriften auf einer Website muss mit den Bedingungen deiner Schriftlizenz übereinstimmen. Für selbst gehostete Schriften für eine Website ist möglicherweise eine separate Lizenz erforderlich.

Welcher Unterschied besteht zwischen HTML5 und HTML (frühere Version)?

Das HTML5-Paket zielt darauf ab, das Layout der InDesign-Datei in der HTML5-Ausgabe von Anfang an zu imitieren. HTML (frühere Version) hingegen ist ein Ansatz, der versucht, aus einer InDesign-Datei ganz neuen HTML-Code zu erstellen, und hat nur begrenzte Ähnlichkeiten mit dem Layout der Originaldatei.

Bekannte Probleme

  • Effekte wie Schlagschatten, Unschärfe, usw. werden für Text nicht richtig exportiert.

Provisorische Lösung: Wähle zum Exportieren von Text HTML-SVG-Tags anstelle von HTML-Text-Tags.

Ähnliche Themen

Noch eine Frage oder Idee?

Frage die Community

Wenn du eine Frage oder eine Idee hast, die du teilen möchtest, tu dies in der Adobe InDesign-Community. Wir freuen uns schon auf deine Beiträge und Kreationen.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?