Benutzerhandbuch Abbrechen

Exportieren von Inhalt in HTML

  1. InDesign-Benutzerhandbuch
  2. Übersicht über InDesign
    1. Einführung in InDesign
      1. Neue Funktionen in InDesign
      2. Systemanforderungen
      3. Häufige Fragen
      4. Verwenden von Creative Cloud-Bibliotheken
    2. Arbeitsbereich
      1. Grundlagen des Arbeitsbereichs
      2. Toolbox
      3. Festlegen von Voreinstellungen
      4. Touch-Arbeitsbereich
      5. Standard-Tastaturbefehle
      6. Wiederherstellen von Dokumenten und Rückgängigmachen von Aktionen
      7. Capture-Erweiterung
  3. Erstellen und Dokumenten und Layouts
    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. Erstellen von Buchdateien
      7. Hinzufügen einer einfachen Seitennummerierung
      8. Nummerieren von Seiten, Kapiteln und Abschnitten
      9. Konvertieren von QuarkXPress- und PageMaker-Dokumenten
      10. Freigabe von Inhalten
      11. Workflow-Management von Dateien – Grundlagen
      12. Speichern von Dokumenten
    2. Raster
      1. Raster
      2. Formatieren von Rastern
    3. Layouthilfen
      1. Lineale
  4. Hinzufügen von Inhalten
    1. Text
      1. Einfügen von Text in einen Rahmen
      2. Verketten von Text
      3. Arabische und hebräische Funktionen in InDesign
      4. Erstellen von Pfadtext
      5. Aufzählungszeichen und Nummerierungen
      6. Glyphen und Sonderzeichen
      7. Textsatz
      8. Textvariablen
      9. Erstellen von QR-Codes
      10. Bearbeiten von Text
      11. Ausrichten von Text
      12. Umfließen von Objekten mit Text
      13. Verankerte Objekte
      14. Verknüpfter Inhalt
      15. Formatieren von Absätzen
      16. Formatieren von Zeichen
      17. Suchen/Ersetzen
      18. Rechtschreibprüfung und Wörterbücher
    2. Typografie
      1. Schriften in InDesign
      2. Kerning und Laufweite
    3. Formatieren von Text
      1. Formatieren von Text
      2. Tabulatoren und Einzüge
    4. Überarbeiten von Text
      1. Änderungsverfolgung
      2. Hinzufügen von redaktionellen Notizen in InDesign
      3. Importieren von PDF-Kommentaren
    5. Hinzufügen von Referenzen
      1. Erstellen von Inhaltsverzeichnissen
      2. Fußnoten
      3. Erstellen eines Indexes
      4. Endnoten
      5. Beschriftungen
    6. Formate
      1. Absatz- und Zeichenformate
      2. Objektformate
      3. Initialen und verschachtelte Formate
      4. Arbeiten mit Formatvorlagen
      5. Zeilenabstand
    7. 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
    8. 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
      11. Formulare
    9. 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. Ausrichten und Verteilen von Objekten
      10. Verknüpfte und eingebettete Grafiken
      11. Integrieren von AEM Assets
    10. 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. Freigeben
    1. Freigabe und Zusammenarbeit        
    2. Freigeben für einen Review
    3. Review eines freigegebenen InDesign-Dokuments
    4. Verwalten von Feedback 
  6. Veröffentlichen
    1. Exportieren und Veröffentlichen
      1. Publish Online
      2. Exportieren von Inhalten in das EPUB-Format
      3. Adobe PDF-Optionen
      4. Exportieren von Inhalten in HTML
      5. Exportieren als Adobe PDF-Datei
      6. Exportieren in das JPEG-Format
      7. Exportieren als HTML
      8. Überblick über DPS und AEM Mobile
    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
  7. Erweitern von InDesign
    1. Automatisierung
      1. Datenzusammenführung
      2. Zusatzmodule
      3. Capture-Erweiterung in InDesign
      4. Skripte
Hinweis:

Auf Gleichstellung abzielende Sprache: Ab InDesign 2022 (Version 17.0) werden nicht inklusive Begriffe ersetzt, um den zentralen Werten von Adobe hinsichtlich der Inklusion Ausdruck zu geben. Alle Verweise auf „Masterseiten“ werden in unseren Hilfeartikeln für die Sprachen Englisch, Dänisch, Ungarisch, Spanisch, Italienisch, Portugiesisch (Brasilien) und Japanisch durch „übergeordnete Seite“ ersetzt. .

Das Exportieren in HTML ist eine einfache Möglichkeit, InDesign-Inhalte in eine internetfähige Form zu bringen. Wenn Sie Inhalte als HTML exportieren, können Sie steuern, wie Text und Bilder exportiert werden. Die Namen von Absatz-, Zeichen-, Objekt-, Tabellen- und Zellenformaten aus InDesign, die auf die exportierten Inhalte angewendet wurden, werden übernommen. Die HTML-Inhalte werden mit gleichnamigen CSS-Formatklassen gekennzeichnet. Mithilfe von Adobe Dreamweaver oder einem anderen CSS-fähigen HTML-Editor können Sie mühelos Formatierungen und Layouts auf Inhalte anwenden.

Was wird exportiert?

InDesign exportiert alle Textabschnitte, verknüpfte und eingebettete Bilder, SWF-Filmdateien, Fußnoten, Textvariablen (als Text), Aufzählungs- und nummerierte Listen, interne Querverweise sowie auf Text und Web-Seiten verweisende Hyperlinks. Tabellen können auch als HTML-Datei exportiert werden. InDesign behält die Formatierung, wie Tabellen- und Zellenkonturen, bei. Tabellen erhalten eindeutige IDs und können in Dreamweaver als Spry-Datensätze referenziert werden. Platzierte Audiodateien und h.264-Videodateien sind durch die HTML5-Tags <audio> und <video> gekennzeichnet. InDesign exportiert auch gezeichnete Objekte (z. B. Rechtecke, Ovale und Polygone), eingefügte Objekte (darunter eingefügte Illustrator-Bilder) und in Pfade konvertierten Text.

Was wird nicht exportiert?

InDesign exportiert keine Hyperlinks (abgesehen von Links, die auf Web-Seiten und Textanker im Dokument verweisen), keine XML-Tags, Bücher, Lesezeichen, SING-Glyphen, Seitenübergänge, Indexmarken, Objekte auf der Montagefläche, die nicht ausgewählt wurden und nicht die Seite berühren, oder Musterseitenobjekte (es sei denn, diese wurden überschrieben oder vor dem Export ausgewählt).

Exportieren in HTML

  1. Wenn Sie nicht das gesamte Dokument exportieren möchten, wählen Sie die zu exportierenden Textrahmen, Textbereiche, Tabellenzellen oder Grafiken aus.
  2. Wählen Sie Datei > Exportieren und anschließend HTML aus der Liste Dateityp (Windows) bzw. Format (Mac OS).

  3. Geben Sie einen Namen und Speicherort für das HTML-Dokument an und klicken Sie auf Speichern (Windows) bzw. Sichern (Mac OS).

  4. Legen Sie im Dialogfeld HTML-Exportoptionen in den Bereichen Allgemein, Bild und Erweitert die gewünschten Optionen fest und klicken Sie dann auf OK.

Ein Dokument mit dem angegebenen Namen und der Erweiterung .html (z. B. „Newsletter.html“) wird erstellt. Sofern angegeben, wird an demselben Speicherort auch ein Unterordner mit Bildern für das Web angelegt (z. B. „Newsletter-web-images“).

HTML-Exportoptionen

Legen Sie im Dialogfeld „HTML“ die folgenden Optionen fest.

Allgemein

Allgemeine Optionen
Allgemeine Optionen

Exportieren:

Legt fest, ob nur die ausgewählten Objekte oder das gesamte Dokument exportiert werden sollen. Wenn ein Textrahmen ausgewählt ist, wird der gesamte Textabschnitt – einschließlich Übersatztext – exportiert.

Wenn die Option „Dokument“ ausgewählt ist, werden alle Seitenobjekte von allen Druckbögen exportiert, ausgenommen Musterseitenobjekte, die nicht überschrieben wurden, und Seitenobjekte auf ausgeblendeten Ebenen. XML-Tags sowie generierte Indizes und Inhaltsverzeichnisse werden ebenfalls ignoriert.

Inhaltsreihenfolge:

Mit dieser Option legen Sie die Leserichtung der Seitenobjekte fest.

Basierend auf Seitenlayout: Die Leserichtung ergibt sich aus der Anordnung der Elemente auf der Seite.

Wenn „Basierend auf Seitenlayout“ ausgewählt ist, bestimmt InDesign die Lesereihenfolge der Seitenobjekte, standardmäßig von links nach rechts und von oben nach unten. Manchmal werden die Design-Elemente nicht in der gewünschten Lesereihenfolge angezeigt – dies kann insbesondere bei komplexen Dokumenten mit mehreren Spalten vorkommen. Mit Dreamweaver können Sie Inhalte neu anordnen und formatieren.

(Nur asiatische Versionen) Wenn „Basierend auf Seitenlayout“ ausgewählt ist, bestimmt InDesign die Lesereihenfolge von Seitenobjekten anhand der Bindung des Dokuments (von links nach rechts oder von rechts nach links).

Wie XML-Struktur: Wenn „Wie XML-Struktur“ ausgewählt ist, werden die Reihenfolge des exportierten Inhalts und der zu exportierende Inhalt über das XML-Strukturbedienfeld festgelegt. Wenn der Inhalt bereits über Tags verfügt, können Sie die Tags im XML-Strukturbedienfeld ziehen, um die XHTML-Export-Reihenfolge festzulegen. Wenn der Inhalt über keine Tags verfügt, können Sie im Menü des Strukturbedienfelds die Option „Objekte ohne Tags hinzufügen“ auswählen, um Tags zu erstellen, deren Reihenfolge Sie neu sortieren können. Wenn ein Objekt beim Export nicht berücksichtigt werden soll, können Sie das Tag im XML-Strukturbedienfeld löschen. (Wenn Sie ein Tag löschen, wird nicht der Inhalt aus der INDD-Datei gelöscht.) Siehe Festlegen von Tags für Seitenobjekte.

Wie Artikelbedienfeld: Die Leserichtung ergibt sich aus der Reihenfolge der Elemente im Artikelbedienfeld. Nur die aktivierten Artikel werden exportiert. Siehe Einschließen von Artikeln beim Export.

Formatierungsoptionen:

Wählen Sie die Formatierungsoptionen für Aufzählungszeichen und Nummerierung aus.

Aufzählungszeichen: Wählen Sie „Nicht sortierten Listen zuordnen“, wenn Sie Absätze mit Aufzählungszeichen in Listenelemente konvertieren möchten, die in HTML mit dem Tag formatiert sind. Wählen Sie „In Text umwandeln“, wenn Sie Aufzählungszeichen unter Verwendung des Tags als Text formatieren möchten. Falls Sie die automatischen Aufzählungszeichen von InDesign verwendet haben, werden untergeordnete Aufzählungszeichen ebenfalls berücksichtigt.

Nummern: Bestimmt, wie Nummern in der HTML-Datei konvertiert werden. Falls Sie die automatische Nummerierung von InDesign verwendet haben, werden untergeordnete Aufzählungszeichen ebenfalls berücksichtigt.

● Sortierten Listen zuordnen: Konvertiert nummerierte Listen in Listenelemente, die in HTML mit dem Tag formatiert sind.

● In Text umwandeln: Konvertiert nummerierte Listen in Absätze, die mit der aktuellen Absatznummer als Text beginnen.

HTML nach Export anzeigen:

Startet den Browser, sofern vorhanden.

Bild

Bildoptionen
Bildoptionen

Bilder kopieren:

Gibt an, wie Bilder in HTML exportiert werden.

Original: Exportiert das Originalbild in den Unterordner <document_name>-web-images

Optimiert: Ermöglicht das Ändern von Einstellungen, um die Art und Weise des Bildexports festzulegen.

Mit Serverpfad verknüpfen: Wenn Sie diese Option wählen, werden Bilder nicht in einen Unterordner exportiert. Sie haben stattdessen die Möglichkeit, eine lokale URL (wie „images/“) einzugeben, die vor die Bilddatei gesetzt wird. Im HTML-Code zeigt das Link-Attribut den von Ihnen festgelegten Pfad und die Erweiterung an. Diese Option ist besonders effektiv, wenn Sie Bilder selbst in webkompatible Bilder konvertieren.

Aussehen aus Layout beibehalten:

Aktivieren Sie diese Option, um die Bildobjektattribute aus dem Layout zu übernehmen.

Auflösung (ppi):

Wählen Sie die Auflösung der Bilder in Pixel pro Zoll (ppi – Pixels per Inch). Bei Betriebssystemen liegt die Auflösung standardmäßig bei 72 ppi oder 96 ppi. Bei Mobilgeräten hingegen reicht sie von 132 ppi (iPad) über 172 ppi (Sony Reader) bis hin zu über 300 ppi (iPhone 4). Sie können für jedes ausgewählte Objekt einen eigenen Auflösungswert wählen. Zur Auswahl stehen die Werte 72, 96, 150 (Mittelwert für alle modernen E-Book-Geräte) und 300.

Bildgröße:

Geben Sie an, ob die Bildgröße einen festen Wert haben oder im Verhältnis zum Text auf der Seite angepasst werden soll. Bei Relativ zum Textfluss wird ein relativer Prozentwert festgelegt, der auf dem Textfluss im Verhältnis zur Breite der InDesign-Seite basiert. Bei Auswahl dieser Option werden die Bilder proportional und relativ zum Text des Lesebereichs neu skaliert.

Bildausrichtung und -abstände:

Geben Sie die Bildausrichtung an: links, zentriert oder rechts. Sie können auch einen oberen und unteren Abstand angeben.

Bildumwandlung:

Lässt Sie wählen, ob die optimierten Bilder im Dokument in das GIF-, JPEG- oder PNG-Format umgewandelt werden. Wählen Sie Automatisch, wenn in InDesign automatisch entschieden werden soll, welches Format jeweils verwendet wird. Bei Auswahl von PNG werden die Einstellungen für die Bildkomprimierung deaktiviert.Verwenden Sie PNG für verlustfreie Bilder oder Bilder mit Transparenz.

GIF-Optionen (Palette):

Lässt Sie steuern, wie Farben beim Optimieren von GIF-Dateien in InDesign gehandhabt werden. Das GIF-Format hat eine reduzierte Farbpalette mit maximal 256 Farben. Wählen Sie Flexibel (ohne Dithering), um eine Farbpalette anhand einer repräsentativen Auswahl von Farben in der Grafik zu erstellen, und zwar ohne das sogenannte Dithering (Mischen kleiner Farbpunkte zur Simulation zusätzlicher Farben). Wählen Sie Web, um eine Palette websicherer Farben zu erstellen, die eine Teilmenge der Windows- und Mac OS-Systemfarben bilden. Wählen Sie System (Win) bzw. System (Mac), um anhand der integrierten Farbpalette des Systems eine Palette zu erstellen. Bei Auswahl dieser Option kann es zu unerwarteten Ergebnissen kommen.

Aktivieren Sie Interlace, um die Bilder allmählich durch Füllen fehlender Zeilen zu laden. Wenn diese Option nicht aktiviert ist, wirkt das Bild zunächst verschwommen, wird aber langsam klarer, bis es die vollständige Auflösung erreicht.

JPEG-Optionen (Bildqualität):

Bestimmt, wie bei jedem erstellten JPEG-Bild zwischen Komprimierung (für kleinere Dateien) und Bildqualität abgewogen wird. Mit „Niedrig“ erstellen Sie kleine Dateien mit geringer Bildqualität.

JPEG-Optionen (Formatmethode):

Bestimmt, wie schnell JPEG-Grafiken angezeigt werden, wenn die Datei, die das Bild enthält, im Web geöffnet wird. Mit Progressiv werden JPEG-Bilder beim Laden in einem Web-Browser allmählich und mit zunehmender Detailschärfe angezeigt. (Mit dieser Option erstellte Dateien sind etwas größer und benötigen bei der Anzeige mehr Arbeitsspeicher.) Wählen Sie Standard, damit jede JPEG-Datei erst nach dem vollständigen Laden angezeigt wird; vorher ist ein Platzhalter zu sehen.

Objektexporteinstellungen ignorieren:

Ignoriert Objektexporteinstellungen, die auf einzelne Bilder angewendet wurden. Siehe Anwenden von Objektexportoptionen.

Erweitert

Erweiterte Optionen
Erweiterte Optionen

Legen Sie im Bereich Erweitert CSS- und JavaScript-Optionen fest. Cascading Stylesheets (CSS) sind eine Sammlung von Formatierungsregeln, die das Aussehen des Inhalts auf einer Web-Seite bestimmen. Wenn Sie eine Seite unter Verwendung von CSS formatieren, trennen Sie den Inhalt von der Darstellung. Der Inhalt Ihrer Seite – also der HTML-Code – befindet sich in der HTML-Datei selbst. Die CSS-Regeln, aus denen sich die Präsentation des Codes ableitet, befinden sich in einer anderen Datei (in einem externen Stylesheet) oder im HTML-Dokument (normalerweise im Head-Abschnitt). Sie können beispielsweise unterschiedliche Schriftgrade für ausgewählten Text festlegen und mit CSS das Format und die Positionierung von Blockelementen auf einer Web-Seite steuern.

Klassen in HTML nicht mit einschließen:

Wählen Sie diese Option, wenn Klassen im HTML nicht mit aufgenommen werden sollen. Damit werden die Klassen und id -Attribute im Tag beim HTML-Export entfernt. Alle redundanten div-Tags im HTML-Code werden ebenfalls entfernt.

Klassen in HTML mit einschließen:

Wählen Sie diese Option, wenn Klassen in HTML mit eingeschlossen werden sollen.

CSS generieren: Geben Sie an, ob InDesign ein CSS für die exportierte Datei generieren soll. Wenn Sie die Option „CSS generieren“ auswählen, können Sie auch die Option „Lokale Abweichungen beibehalten“ auswählen, um auch lokale Formatierungen wie kursiv oder fett einzuschließen.

Lokale Abweichungen beibehalten: Schließt lokale Formatierungen wie „Fett“ oder „Kursiv“ mit ein.

Stylesheet hinzufügen:

Geben Sie die URL des vorhandenen CSS-Stylesheets an. Normalerweise handelt es sich dabei um eine relative URL wie „/styles/style.css“. In InDesign wird nicht überprüft, ob das CSS vorhanden oder gültig ist. Sie können Dreamweaver verwenden, um die externe CSS-Einrichtung zu bestätigen.

JavaScript-Optionen:

Wählen Sie Skript hinzufügen aus, um ein JavaScript auszuführen, wenn die HTML-Seite geöffnet wird. In InDesign wird nicht überprüft, ob das JavaScript vorhanden oder gültig ist.

Adobe-Logo

Bei Ihrem Konto anmelden