Benutzerhandbuch Abbrechen

Exportieren von Inhalten in HTML (frühere Version)

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

Exportiere Inhalte in InDesign CC nach HTML (Legacy), um sie in eine webfähige Form zu bringen. Wenn du Inhalte als HTML exportierst, kann du steuern, wie Text und Bilder exportiert werden. InDesign behält die Namen von Absätzen, Zeichen, Objekten, Tabellen und Zellstilen, die auf die exportierten Inhalte angewendet werden, bei, indem die HTML-Inhalte mit gleichnamigen CSS-Stilklassen markiert werden.

Exportieren in das HTML-Format

  1. Wenn du nicht das gesamte Dokument exportierst, wähle die Textrahmen, Textbereiche, Tabellenzellen oder Grafiken aus, die du exportieren möchtest.
  2. Wähle Datei > Exportieren und wähle das Dateiformat HTML (frühere Version) unter Typ (Windows) bzw. Format (macOS).

  3. Gib den Namen und den Speicherort des HTML-Dokuments an, und wähle Speichern.

  4. Lege im Dialogfeld HTML-Exportoptionen in den Bereichen Allgemein, Bild und Erweitert die gewünschten Optionen fest und wähle 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

Allgemein

Registerkarte „Allgemein“ mit verschiedenen Optionen
Allgemeine Optionen

Exportieren

Legt fest, ob nur die ausgewählten Elemente oder das gesamte Dokument exportiert wird.

  • Wenn du einen Textrahmen auswählst, wird die gesamte Geschichte, einschließlich des übersetzten Textes, exportiert.
  • Wenn Dokument ausgewählt ist, werden alle Seitenelemente aus allen Druckbögen exportiert, mit Ausnahme von übergeordneten Seitenelementen, die nicht überschrieben wurden, und Seitenelementen auf unsichtbaren Ebenen. XML-Tags und generierte Indizes und Inhaltsverzeichnisse werden ebenfalls ignoriert.

Inhaltsreihenfolge

Legt die Lesereihenfolge der Seitenobjekte fest.

  • Basierend auf Seitenlayout: Die Leserichtung ergibt sich aus der Anordnung der Elemente auf der Seite. InDesign bestimmt die Lesereihenfolge von Seitenobjekten, indem es von links nach rechts und von oben nach unten scannt. (Nur asiatische Versionen.) InDesign bestimmt die Lesereihenfolge der Seitenobjekte entsprechend der Bindung des Dokuments (von links nach rechts oder von rechts nach links).
  • Wie XML-Struktur: Die Lesereihenfolge ergibt sich aus der Reihenfolge der Tags in der Strukturansicht. 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. 

Formatierungsoptionen

  • Aufzählungszeichen: Wähle Nicht sortierten Listen zuordnen, wenn du Absätze mit Aufzählungszeichen in Listenelemente konvertieren möchtest, die in HTML mit dem entsprechenden Tag formatiert sind. Wähle In Text umwandeln, wenn du Aufzählungszeichen unter Verwendung des Tags als Text formatieren möchtest. Falls du die automatischen Aufzählungszeichen von InDesign verwendet hast, werden untergeordnete Aufzählungszeichen ebenfalls berücksichtigt.
  • Nummern: Bestimmt, wie Nummern in der HTML-Datei konvertiert werden. Wähle Sortierten Listen zuordnen, um nummerierte Listen in Listenelemente umzuwandeln, die in HTML mit dem entsprechenden Tag formatiert werden. Wähle In Text umwandeln, um nummerierte Listen in Absätze umzuwandeln, die mit der Nummer des aktuellen Absatzes als Text beginnen.

 

HTML nach Export anzeigen

Startet den Browser, sofern vorhanden.

Bild

Bildoptionen
Bildoptionen

Bilder kopieren

Legt fest, wie die Bilder in HTML exportiert werden.

  • Original: Exportiert das Originalbild in den Unterordner <Dokument_name>-web-images.
  • Optimiert: Hier kannst du die Einstellungen ändern, um festzulegen, wie das Bild exportiert wird.
  • Mit Serverpfad verknüpfen: Ermöglicht es dir, eine lokale URL (z. B. „images/“) einzugeben, die vor der Bilddatei erscheint, anstatt die Bilder in einen Unterordner zu exportieren. Im HTML-Code zeigt das Link-Attribut den von dir angegebenen Pfad und die Erweiterung an. Diese Option ist besonders effektiv, wenn du selbst Bilder in webkompatible Bilder umwandelst.

Aussehen aus Layout beibehalten (für Grafik-/Medienobjekte)

Wähle diese Option, um die Bildobjektattribute aus dem Layout zu übernehmen.

Auflösung

Gib die Auflösung der Bilder in Pixel pro Zoll (ppi – Pixels per Inch) an. Je höher die Zahl, desto besser die Auflösung. 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).
Du kannst 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

Legt fest, ob die Bildgröße fest bleibt oder relativ zum Text auf der Seite verändert wird. Relativ zum Textfluss setzt einen relativen Prozentwert, der auf dem Textfluss im Verhältnis zur InDesign-Seitenbreite basiert. Diese Option bewirkt, dass die Bilder proportional zum Text des Lesebereichs skaliert werden.

Bildausrichtung und -abstände

Legt die Bildausrichtung fest: links, Mitte oder rechts. Du kannst auch einen oberen und unteren Abstand angeben.

Bildumwandlung

Gib, ob die optimierten Bilder im Dokument in das Format GIF, JPEG oder PNG umgewandelt werden. Wähle Automatisch, wenn in InDesign automatisch ermittelt werden soll, welches Format jeweils verwendet wird.

GIF-Optionen

  • Palette: Erlaubt die Steuerung der Verarbeitung von Farben beim Optimieren von GIF-Dateien in InDesign. Das GIF-Format hat eine reduzierte Farbpalette mit maximal 256 Farben. Wähle Flexibel (ohne Dithering), um eine Farbpalette anhand einer repräsentativen Auswahl von Farben in der Grafik zu erstellen, und zwar ohne das so genannte Dithering (Mischen kleiner Farbpunkte zur Simulation zusätzlicher Farben). Wähle Web, um eine Palette websicherer Farben zu erstellen, die eine Teilmenge der Windows- und macOS-Systemfarben bilden. Wähle System (Win) bzw. System (Mac), um eine Palette anhand der integrierten Farbpalette des Systems zu erstellen. Diese Option kann zu unerwarteten Ergebnissen führen.
  • Interlace: Lädt Bilder allmählich durch Füllen fehlender Zeilen. Wenn du diese Option deaktivierst, erscheint das Bild verschwommen und wird mit zunehmender Auflösung immer schärfer.

JPEG-Optionen

  • Bildqualität: Bestimmt den Kompromiss zwischen Komprimierung (für kleinere Dateigrößen) und Bildqualität für jedes erstellte JPEG-Bild. Niedrig erzeugt die kleinste Datei und die niedrigste Bildqualität.
  • Formatmethode: Gib an, wie schnell JPEG-Grafiken angezeigt werden, wenn die Datei, die das Bild enthält, in einem Browser geöffnet wird. Wähle Progressiv, um JPEG-Bilder beim Laden in einem Web-Browser allmählich und mit zunehmender Detailschärfe anzeigen zu lassen. Wähle Standard, damit jede JPEG-Datei erst nach dem vollständigen Laden angezeigt wird. Ein Platzhalter wird angezeigt, bis das Bild geladen ist.

Objektexporteinstellungen ignorieren

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

Erweitert

Erweiterte Optionen
Erweiterte Optionen

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ähle diese Option, wenn Klassen in HTML mit eingeschlossen werden sollen.

  • CSS generieren: Gib an, ob du möchtest, dass InDesign ein CSS für die exportierte Datei erzeugt.
  • Lokale Überschreibungen beibehalten: Lokale Formatierungen wie kursiv oder fett einbeziehen.

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“. InDesign überprüft nicht, ob der CSS-Code vorhanden oder gültig ist.

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.

InDesign-Exporte

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.

InDesign exportiert nicht

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).

Ä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?