So erstellen Sie HTML-E-Mails in Dreamweaver

HTML-Codes

HTML ist eine Auszeichnungssprache zum Gestalten von Webdokumenten.

Bildnachweis: Janka Dharmasena/iStock/Getty Images

Mit Dreamweaver, dem Webentwicklungstool von Adobe, können Sie jede Art von HTML-Dokument erstellen, beispielsweise eine Webseite oder eine E-Mail-Nachricht. Wenn Sie mit dem Schreiben von HTML-Markup vertraut sind, können Sie in der Codeansicht eine E-Mail mit HTML-Tags eingeben. Wenn Sie die E-Mail lieber visuell gestalten möchten, bietet Dreamweaver die meisten Formatierungsfunktionen, die ein Textverarbeitungsprogramm bietet. Sie können auch die geteilte Ansicht auswählen, um sowohl die Code- als auch die Anzeigeansicht gleichzeitig auf demselben Bildschirm anzuzeigen.

Formatierung einrichten

Schritt 1

Starten Sie Dreamweaver und wählen Sie "HTML" in der Spalte "Neu erstellen".

Video des Tages

Schritt 2

Klicken Sie oben auf die Schaltfläche "Design", um von der Codeansicht zur Entwurfsansicht zu wechseln, wenn Design nicht bereits ausgewählt ist.

Schritt 3

Klicken Sie im Eigenschaftenfenster unten auf dem Bildschirm auf die Schaltfläche "Seiteneigenschaften..." und wählen Sie dann die Standardschriftart und -größe, die Farbe des Textes, die Hintergrundfarbe oder das Bild, falls vorhanden, und die Seite Margen.

Schritt 4

Wählen Sie "Links (CSS)" in der Kategorie-Spalte und wählen Sie dann Schriftart, Größe und Farbe der Links im Nachricht basierend auf der Mausposition, z. B. Rollover, und dem Linkstatus, z. B. aktiv oder besucht. Wählen Sie einen Unterstreichungsstil für Links in der Nachricht.

Schritt 5

Klicken Sie in der Spalte Kategorie auf ":Überschriften (CSS)" und wählen Sie dann Schriftart, Größe und Farbe für die verschiedenen Überschriften aus, die Sie in Ihrer Nachricht verwenden möchten.

Schritt 6

Wählen Sie in der Spalte Kategorie "Titel (Kodierung)", geben Sie einen Titel für Ihr Dokument ein, z. B. den Betreff der Nachricht, und Wählen Sie dann den Dokumenttyp, z. B. "HTML5" und die Zeichencodierung, z. B. "Unicode (UTF-8)". Wählen Sie "OK", wenn getan.

Nachricht eingeben und formatieren

Schritt 1

Geben Sie Ihre E-Mail-Nachricht auf dem leeren Bildschirm ein. Formatieren Sie den Text, indem Sie Stile aus dem Eigenschaftenfenster am unteren Rand des Bildschirms anwenden, während Sie Ihre Nachricht eingeben oder nachdem Sie die Eingabe beendet haben.

Schritt 2

Wählen Sie einen Überschriftentyp im Feld Format des Eigenschaftenfensters aus, um Text als Überschrift zu formatieren. Klicken Sie auf "B", um den Text fett zu formatieren, oder auf "I", um ihn kursiv anzuzeigen.

Schritt 3

Markieren Sie den Text in Ihrer Nachricht, den Sie als ungeordnete oder geordnete Liste formatieren möchten, und klicken Sie dann im Eigenschaftenfenster auf die Schaltfläche "Ungeordnete Liste" oder "Geordnete Liste". Wählen Sie die Schaltfläche "Blockquote", um den Text als Blockzitate zu formatieren; Wählen Sie die Schaltfläche "Blockquote entfernen", um die Formatierung zu entfernen.

Schritt 4

Markieren Sie den Text, den Sie in einen anklickbaren Link umwandeln möchten, und geben Sie dann die URL für den Link in das Feld Link im Fenster Eigenschaften ein. Wählen Sie im Auswahlfeld Ziel aus, wie der Link geöffnet werden soll. Wählen Sie beispielsweise "_blank", um das Öffnen des Links in einem neuen Fenster zu erzwingen.

Schritt 5

Wählen Sie "Einfügen" und klicken Sie dann auf "Tabelle", um eine Tabelle in Ihre Nachricht einzufügen. Wählen Sie die Anzahl der Zeilen und Spalten aus, legen Sie die Tabellenbreite fest und geben Sie die Randdicke ein. Geben Sie die Anzahl der Leerzeichen ein, die Sie verwenden möchten, um in Tabellenzellen aufzufüllen und zwischen Tabellenzellen Leerzeichen zu setzen. Geben Sie eine Beschriftung und eine Tabellenzusammenfassung ein, wenn Sie diese einschließen möchten, und klicken Sie dann auf "OK". Geben Sie den Text in die Tabelle ein, die auf dem Bildschirm angezeigt wird.

Schritt 6

Wählen Sie "Einfügen", klicken Sie auf "Bild" und wählen Sie dann erneut "Bild", um ein Bild einzufügen. Suchen Sie die anzuzeigende Bilddatei und wählen Sie sie aus. Passen Sie die Platzierung des Bildes in Ihrer Nachricht an, indem Sie es mit der Maus ziehen.

Vorschau und Übertragung

Schritt 1

Wählen Sie "Datei", klicken Sie auf "Vorschau im Browser" und wählen Sie dann einen Browser aus, wenn Sie mehrere Browser installiert haben, um eine Vorschau der E-Mail und ihrer Formatierung anzuzeigen. Klicken Sie auf die Hyperlinks, die Sie in die Nachricht eingefügt haben, um sicherzustellen, dass sie richtig aufgelöst werden.

Schritt 2

Drücken Sie "Strg-A", um die gesamte Nachricht auszuwählen, und drücken Sie dann "Strg-C", um sie zu kopieren. Wechseln Sie zu Ihrem E-Mail-Programm, erstellen Sie eine neue E-Mail-Nachricht und ändern Sie ggf. den Nachrichtentyp in "HTML".

Schritt 3

Drücken Sie "Strg-V", um die Nachricht in Ihr E-Mail-Programm einzufügen. Adressieren Sie die Nachricht an Ihre Empfänger, geben Sie einen Betreff für die Nachricht ein und senden Sie sie dann.

Spitze

Testen Sie die E-Mail, indem Sie sie an sich selbst senden, bevor Sie sie an andere Personen senden, um sicherzustellen, dass der HTML-Code richtig interpretiert und gesendet wurde.

Warnung

Die Informationen in diesem Artikel gelten für Dreamweaver CC. Sie kann bei anderen Versionen oder Produkten geringfügig oder erheblich abweichen.