Benutzerhandbuch Abbrechen

Inhalte als HTML5 exportieren

Suchen
InDesign

InDesign

App öffnen
  1. InDesign-Benutzerhandbuch
  2. Übersicht über InDesign
    1. Einführung in InDesign
      1. Neue Funktionen in InDesign
      2. Systemanforderungen
      3. Häufig gestellte Fragen
      4. Verwenden von Creative Cloud-Bibliotheken
    2. Arbeitsbereich
      1. Grundlagen des Arbeitsbereichs
      2. Kontextbezogene Taskleiste
      3. Anpassen des Arbeitsbereichs in InDesign
      4. Toolbox
      5. Festlegen von Voreinstellungen
      6. Eigenschaftenbedienfeld
      7. Touch-Arbeitsbereich
      8. Standard-Tastaturbefehle
      9. Widerrufen von Änderungen und Verwalten des Protokollbedienfelds
      10. Wiederherstellen und Rückgängigmachen von Dokumenten
    3. Generative KI (in Festlandchina nicht verfügbar)
      1. Text zu Bild
      2. Generatives Erweitern
      3. Generieren von Effekten in InDesign (Beta)
      4. Häufig gestellte Fragen zu generativer KI
  3. Erstellen und Gestalten von Dokumenten
    1. Dokumente und Seiten
      1. Erstellen von Dokumenten
      2. Arbeiten mit Musterseiten
      3. Arbeiten mit Dokumentseiten
      4. Festlegen von Seitengröße, Rändern und Anschnitt
      5. Arbeiten mit Dateien und Vorlagen
      6. Konvertieren von PDF-Dateien in InDesign-Dateien in InDesign (Beta)
      7. Erstellen von Buchdateien
      8. Hinzufügen einer einfachen Seitennummerierung
      9. Nummerieren von Seiten, Kapiteln und Abschnitten
      10. Konvertieren von QuarkXPress- und PageMaker-Dokumenten
      11. Freigabe von Inhalten
      12. Workflow-Management von Dateien – Grundlagen
      13. Speichern von Dokumenten
    2. Raster
      1. Raster
      2. Formatieren von Rastern
    3. Layouthilfen
      1. Lineale
      2. Ausrichten und Verteilen von Objekten mit Linealen
      3. Messen von Objekten mit dem Messwerkzeug
  4. Hinzufügen von Inhalten
    1. Text
      1. Einfügen von Text in einen Rahmen
      2. Verketten von Text
      3. Südostasiatische Schriften
      4. Arabische und hebräische Funktionen in InDesign
      5. Erstellen von Pfadtext
      6. Aufzählungszeichen und Nummerierungen
      7. Mathematische Ausdrücke mit MathML erstellen
      8. Glyphen und Sonderzeichen
      9. Textsatz
      10. Textvariablen
      11. Erstellen von QR-Codes
      12. Bearbeiten von Text
      13. Ausrichten von Text
      14. Umfließen von Objekten mit Text
      15. Verankerte Objekte
      16. Verknüpfter Inhalt
      17. Formatieren von Absätzen
      18. Formatieren von Zeichen
    2. Typografie
      1. Schriften in InDesign
      2. Kerning und Laufweite
      3. Skalieren und Neigen von Text
      4. Anwenden von Farbeffekten auf Schriften
    3. Formatieren von Text
      1. Formatieren von Text
      2. Automatische Textformatierung
      3. Arbeiten mit Stilpaketen
      4. Tabulatoren und Einzüge
    4. Überarbeiten von Text
      1. Änderungsverfolgung
      2. Hinzufügen von redaktionellen Notizen in InDesign
      3. Importieren von PDF-Kommentaren
    5. Rechtschreibprüfung und Wörterbücher
      1. Rechtschreibprüfung, Autokorrektur und dynamische Rechtschreibprüfung
      2. Erstellen, Hinzufügen und Verwalten von Wörterbüchern und Wörtern
      3. Ändern der Wörterbuchvoreinstellungen
      4. Duden
    6. Hinzufügen von Referenzen
      1. Erstellen von Inhaltsverzeichnissen
      2. Fußnoten
      3. Erstellen eines Indexes
      4. Endnoten
      5. Beschriftungen
    7. Formate
      1. Absatz- und Zeichenformate
      2. Formate zuordnen, exportieren und verwalten
      3. Objektformate
      4. Initialen und verschachtelte Formate
      5. Arbeiten mit Formatvorlagen
      6. Zeilenabstand
    8. Tabellen
      1. Formatieren von Tabellen
      2. Erstellen von Tabellen
      3. Tabellen- und Zellenformate
      4. Auswählen und Bearbeiten von Tabellen
      5. Konturen und Flächen von Tabellen
    9. Interaktivität
      1. Hyperlinks
      2. Dynamische PDF-Dokumente
      3. Lesezeichen
      4. Schaltflächen
      5. Formulare
      6. Animation
      7. Querverweise
      8. Strukturieren von PDF-Dateien
      9. Seitenübergänge
      10. Filme und Audiodateien
    10. Grafiken
      1. Pfade und Formen – Grundlagen
      2. Zeichnen mit dem Buntstift-Werkzeug
      3. Zeichnen mit dem Zeichenstift-Werkzeug
      4. Anwenden von Einstellungen für Linien (Konturen) 
      5. Verknüpfte Pfade und Formen
      6. Bearbeiten von Pfaden
      7. Beschneidungspfade
      8. Ändern der Eckendarstellung
      9. Rahmen und Objekte
      10. Ausrichten und Verteilen von Objekten
      11. Verknüpfte und eingebettete Grafiken
      12. Integrieren von AEM Assets
    11. Farbe und Transparenz
      1. Anwenden von Farbe
      2. Verwenden von Farben aus importierten Grafiken
      3. Arbeiten mit Farbfeldern
      4. Mischdruckfarben
      5. Farbtöne
      6. Vollton- und Prozessfarben – Grundlagen
      7. Angleichen von Farben
      8. Verläufe
      9. Reduzieren von transparentem Bildmaterial
      10. Hinzufügen von Transparenzeffekten
  5. Suchen und Ersetzen
    1. Suchen und Ersetzen von Text
    2. Suchen und Ersetzen von Schriftarten
    3. Suchen und Ersetzen von Glyphen
    4. Suchen und Ersetzen mithilfe von GREP-Ausdrücken und ‑Abfragen
    5. Suchen und Ersetzen von Objekten
    6. Suchen und Ersetzen von Farben
    7. Suchoptionen zum Suchen und Ersetzen
  6. Freigeben
    1. Speichern und Abrufen von Cloud-Dokumenten
    2. Organisieren, Verwalten und Freigeben von Cloud-Dokumenten
    3. Anzeigen und Verwalten von Versionen in Cloud-Dokumenten
    4. Häufig gestellte Fragen zu InDesign-Cloud-Dokumenten
    5. InCopy im Web (Beta)
    6. Freigabe und Zusammenarbeit        
    7. Freigeben für einen Review
    8. Review eines freigegebenen InDesign-Dokuments
    9. Verwalten von Feedback
    10. Einladen zum Bearbeiten
  7. Exportieren, Importieren und Veröffentlichen
    1. Exportieren und veröffentlichen
      1. Publish Online
      2. Dashboard für „Publish Online“
      3. Kopieren und Einfügen von Grafiken
      4. Exportieren nach Adobe Express
      5. Exportieren von Inhalten in das EPUB-Format
      6. Adobe PDF-Optionen
      7. Exportieren in HTML5
      8. Exportieren von Inhalten in HTML (veraltet)
      9. Exportieren als Adobe PDF-Datei
      10. Exportieren in das JPEG-Format
      11. Importieren von SVG-Dateien
      12. Überblick über DPS und AEM Mobile
      13. Unterstützte Dateiformate
      14. Exportieren und Importieren von Benutzereinstellungen
    2. Drucken
      1. Drucken von Broschüren
      2. Druckermarken und Anschnitt
      3. Drucken von Dokumenten
      4. Druckfarben, Separation und Rasterweite
      5. Überdrucken
      6. Erstellen von PostScript- und EPS-Dateien
      7. Preflight-Prüfung von Dateien vor der Abgabe
      8. Drucken von Miniaturen und Dokumenten mit Übergröße
      9. Vorbereiten von PDF-Dateien für Druckdienstleister
      10. Vorbereiten des Drucks von Separationen
  8. Erweitern von InDesign
    1. Automatisierung
      1. Datenzusammenführung
      2. Zusatzmodule
      3. Capture-Erweiterung in InDesign
      4. Skripte
  9. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme
    3. Absturz beim Start
    4. Problem bei schreibgeschütztem Ordner „Voreinstellung“
    5. Dateiprobleme beheben
    6. InDesign-Datei kann nicht als PDF exportiert werden
    7. Wiederherstellen von InDesign-Dokumenten

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.

    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.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Hilfreiche Links

Alle Abos anzeigen Abos verwalten
Hilfreiche Links einblenden
Hilfreiche Links ausblenden

Rechtliche Hinweise    |    Online-Datenschutzrichtlinie