So exportieren Sie Adobe InDesign CS6-Dokumente in HTML

Durch das Exportieren eines Adobe InDesign CS6-Dokuments in HTML können Sie das Dokument im Web freigeben, sodass es auf einer Vielzahl von Geräten angezeigt werden kann. Auch die von InDesign erstellte HTML-Datei kann problemlos bearbeitet werden. Öffnen Sie die Datei einfach mit Dreamweaver.

Gehen Sie folgendermaßen vor, um ein InDesign-Dokument in HTML zu exportieren:

Wählen Sie bei geöffnetem InDesign-Dokument Datei→Exportieren.

Das Dialogfeld Exportieren wird angezeigt.

Wählen Sie in der Dropdown-Liste Als Dateityp (Windows) oder Format (Mac) die Option HTML aus. Suchen Sie dann auf Ihrer Festplatte oder im Netzwerk einen Speicherort für das zu speichernde Dokument. Geben Sie im Abschnitt „Dateiname“ des Dialogfelds „Exportieren“ einen Namen für die HTML-Datei ein.

Klicken Sie auf die Schaltfläche Speichern.

Das Dialogfeld HTML-Exportoptionen wird mit den allgemeinen Optionen angezeigt, die zur Bearbeitung verfügbar sind. In diesem Dialogfeld können Sie bestimmen, ob Sie nur die Auswahl (wenn Sie etwas ausgewählt hatten) oder das gesamte Dokument exportieren. Sie können auch den Umgang mit Aufzählungszeichen zuordnen.

Wählen Sie in der linken Spalte Bild aus, um Optionen zum Speichern optimierter Bilder anzuzeigen.

Lassen Sie die Dropdown-Liste Bildkonvertierung auf Automatisch eingestellt, damit InDesign entscheiden kann, ob ein Bild am besten als GIF- oder JPEG-Datei gespeichert wird, oder Sie können das von Ihnen bevorzugte Format für alle Bilder angeben. Diese Konvertierung ist erforderlich, da die in InDesign verwendeten Dateiformate in vielen Webbrowsern möglicherweise nicht funktionieren.

Wählen Sie in der linken Spalte Erweitert aus, um festzulegen, wie Cascading Style Sheets (CSS) behandelt werden – ob Sie sie verwenden möchten oder ob sie auf einen externen CSS-Stil verweisen (verlinken).

Kehren Sie zur Registerkarte Allgemein auf der linken Seite zurück und wählen Sie HTML nach dem Exportieren anzeigen, wenn die Datei in Ihrem Standard-Webbrowser geöffnet werden soll. Klicken Sie dann auf die Schaltfläche Exportieren.

Die Datei wird exportiert. Wenn Sie nach dem Exportieren HTML anzeigen ausgewählt haben, wird die Datei in Ihrem Browser geöffnet. Andernfalls können Sie die HTML-Datei jetzt direkt in Dreamweaver öffnen und bearbeiten.


Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Sie können das Snapshot-Tool in Adobe Acrobat CS5 verwenden, um sowohl Text als auch Bilder auszuwählen und ein Bild eines bestimmten Bereichs innerhalb einer PDF-Datei zu erstellen. Das Ergebnis wird allgemein als Screenshot eines Abschnitts in einer PDF-Datei bezeichnet. Das Ergebnis ist ein Bild, und Ihr Text ist kein […]

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Die Messfunktionen von Photoshop CC wurden für Forscher und Wissenschaftler entwickelt und sind ziemlich leistungsstark. Sie können so ziemlich alles messen und die Anzahl der Dinge in einem technischen Bild zählen, vielleicht von einem Mikroskop oder Teleskop. Wenn Sie die genaue Größe eines Elements in einem Bild kennen, können Sie so ziemlich alles entdecken, […]

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Wenn Sie die Verflüssigungswerkzeuge in Adobe Creative Suite 5 (Adobe CS5) Illustrator verwenden, können Sie Objekte biegen – also wellig, klebrig oder spitz machen – indem Sie einfache bis komplexe Verzerrungen erzeugen. Die Verflüssigungswerkzeuge können alle möglichen kreativen oder verrückten (je nachdem, wie Sie es betrachten) Verzerrungen an Ihren Objekten bewirken. Du […]

So passen Sie die Texteigenschaften in Adobe XD an

So passen Sie die Texteigenschaften in Adobe XD an

Wenn Ihr Adobe XD-Projekt Text enthält, können Sie die Texteigenschaften ändern. Zu diesen Eigenschaften gehören Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung, Zeichenabstand (Kerning und Nachführung), Zeilenabstand (voreilend), Füllung, Rahmen (Strich), Schatten (Schatten) und Hintergrundunschärfe. Sehen wir uns also an, wie diese Eigenschaften angewendet werden. Über Lesbarkeit und Schriftart […]

So erstellen Sie QR-Codes in InDesign CC

So erstellen Sie QR-Codes in InDesign CC

Sie können InDesign verwenden, um QR-Code-Grafiken zu erstellen und zu ändern. QR-Codes sind eine Form von Barcodes, die Informationen wie Wörter, Zahlen, URLs oder andere Datenformen speichern können. Die Benutzerin scannt den QR-Code mit ihrer Kamera und Software auf einem Gerät wie einem Smartphone, und die Software verwendet […]

Arbeiten mit Zeichenflächen in Photoshop CC

Arbeiten mit Zeichenflächen in Photoshop CC

Genau wie in Adobe Illustrator bieten Photoshop-Zeichenflächen die Möglichkeit, separate Seiten oder Bildschirme innerhalb eines Dokuments zu erstellen. Dies kann besonders hilfreich sein, wenn Sie Bildschirme für eine mobile Anwendung oder eine kleine Broschüre erstellen. Sie können sich eine Zeichenfläche als eine spezielle Art von Ebenengruppe vorstellen, die mit dem Ebenenbedienfeld erstellt wurde. Es ist […]

Text umbrechen in Adobe Illustrator CC

Text umbrechen in Adobe Illustrator CC

Das Einwickeln von Text in Adobe Illustrator CC ist nicht dasselbe wie das Einwickeln eines Geschenks – es ist einfacher! Ein Textumbruch erzwingt einen Textumbruch um eine Grafik, wie in dieser Abbildung gezeigt. Diese Funktion kann jedem Stück ein wenig Kreativität verleihen. Die Grafik zwingt den Text, um ihn zu umbrechen. Erstellen Sie zunächst […]

So ändern Sie die Größe von Formen in Illustrator

So ändern Sie die Größe von Formen in Illustrator

Beim Entwerfen in Adobe Illustrator CC müssen Sie häufig eine Form mit einer genauen Größe haben (z. B. 2 x 3 Zoll). Nachdem Sie eine Form erstellt haben, können Sie die Größe am besten auf genaue Maße ändern, indem Sie das in dieser Abbildung gezeigte Bedienfeld „Transformieren“ verwenden. Lassen Sie das Objekt ausgewählt und wählen Sie dann Window→Transform to […]

So wenden Sie Transparenz auf SVGs an

So wenden Sie Transparenz auf SVGs an

Erfahren Sie, wie Sie in Illustrator Transparenz auf SVG-Grafiken anwenden. Erfahren Sie, wie Sie SVGs mit transparentem Hintergrund ausgeben und Transparenzeffekte anwenden.

Arbeiten mit Bildern in Adobe XD

Arbeiten mit Bildern in Adobe XD

Nachdem Sie Ihre Bilder in Adobe XD importiert haben, haben Sie nicht viel Kontrolle über die Bearbeitung, aber Sie können Bilder wie jede andere Form in der Größe ändern und drehen. Sie können die Ecken eines importierten Bilds auch ganz einfach mit den Ecken-Widgets abrunden. Maskieren Ihrer Bilder Durch das Definieren einer geschlossenen Form […]