Jak vytvořit HTML e-mail v Dreamweaveru

Html kódy

HTML je značkovací jazyk pro stylování webových dokumentů.

Kredit obrázku: Janka Dharmasena/iStock/Getty Images

Dreamweaver, nástroj pro vývoj webu od Adobe, vám umožňuje vytvářet jakýkoli typ dokumentu HTML, jako je například webová stránka nebo e-mailová zpráva. Pokud jste obeznámeni s psaním značek HTML, můžete k zadání e-mailu se značkami HTML použít zobrazení Kód. Pokud byste raději stylizovali e-mail vizuálně, Dreamweaver poskytuje většinu možností formátování, které poskytuje program pro zpracování textu. Můžete také vybrat zobrazení Rozdělit a zobrazit současně zobrazení kódu i zobrazení na stejné obrazovce.

Vytvořte formátování

Krok 1

Spusťte Dreamweaver a poté ve sloupci Vytvořit nový vyberte „HTML“.

Video dne

Krok 2

Kliknutím na tlačítko "Návrh" v horní části změníte zobrazení kódu na zobrazení Návrh, pokud již není vybrán návrh.

Krok 3

Klepněte na tlačítko "Vlastnosti stránky..." v okně Vlastnosti v dolní části obrazovky a poté vyberte výchozí písmo a velikost, barvu textu, barvu pozadí nebo obrázek, pokud existují, a stránku okraje.

Krok 4

Ve sloupci Kategorie zvolte „Odkazy (CSS)“ a poté vyberte písmo, velikost a barvu odkazů v zprávu na základě polohy myši, jako je rollover, a stavu odkazu, jako je aktivní nebo navštívený. Vyberte styl podtržení pro odkazy ve zprávě.

Krok 5

Klikněte na „:Nadpisy (CSS)“ ve sloupci Kategorie a poté vyberte písmo, velikost a barvu pro různé nadpisy, které chcete ve zprávě použít.

Krok 6

Vyberte "Název (kódování)" ve sloupci Kategorie, zadejte název dokumentu, například předmět zprávy a poté vyberte typ dokumentu, například „HTML5“, a kódování znaků, například „Unicode (UTF-8). Zvolte "OK", když Hotovo.

Zadejte a naformátujte zprávu

Krok 1

Napište svou e-mailovou zprávu na prázdnou obrazovku. Formátujte text použitím stylů z okna Vlastnosti v dolní části obrazovky při psaní zprávy nebo po jejím dokončení.

Krok 2

Chcete-li text upravit jako záhlaví, vyberte typ nadpisu v poli Formát v okně Vlastnosti. Klikněte na "B", chcete-li, aby byl text tučný, nebo na "I", aby se zobrazil kurzívou.

Krok 3

Zvýrazněte text ve zprávě, který chcete upravit jako neuspořádaný nebo uspořádaný seznam, a poté klikněte na tlačítko "Neuspořádaný seznam" nebo "Seřazený seznam" v okně Vlastnosti. Zvolte tlačítko "Blockquote" pro formátování textu jako blokové citace; vyberte tlačítko "Odstranit blokovou nabídku" pro odstranění formátování.

Krok 4

Zvýrazněte text, který chcete změnit na odkaz, na který lze kliknout, a poté zadejte adresu URL odkazu do pole Odkaz v okně Vlastnosti. V poli pro výběr cíle vyberte, jak se má odkaz otevřít. Například zvolte "_blank" pro vynucení otevření odkazu v novém okně.

Krok 5

Vyberte "Vložit" a poté klikněte na "Tabulka" pro vložení tabulky do zprávy. Vyberte počet řádků a sloupců, určete šířku tabulky a zadejte tloušťku ohraničení. Zadejte počet mezer, které chcete použít pro výplň uvnitř buněk tabulky a pro mezeru mezi buňkami tabulky. Pokud je chcete zahrnout, zadejte popis a shrnutí tabulky a poté klikněte na „OK“. Zadejte text do tabulky, která se objeví na obrazovce.

Krok 6

Vyberte „Vložit“, klikněte na „Obrázek“ a poté znovu vyberte „Obrázek“ pro vložení obrázku. Vyhledejte a vyberte soubor obrázku, který chcete zobrazit. Upravte umístění obrázku ve zprávě přetažením myší.

Náhled a přenos

Krok 1

Vyberte „Soubor“, klikněte na „Náhled v prohlížeči“ a poté vyberte prohlížeč, pokud máte nainstalovaných více prohlížečů, abyste zobrazili náhled e-mailu a jeho formátování. Klikněte na hypertextové odkazy, které jste zahrnuli do zprávy, abyste se ujistili, že jsou správně vyřešeny.

Krok 2

Stisknutím „Ctrl-A“ vyberte celou zprávu a poté stisknutím „Ctrl-C“ ji zkopírujte. Přepněte do e-mailového programu, vytvořte novou e-mailovou zprávu a v případě potřeby změňte typ zprávy na „HTML“.

Krok 3

Stiskněte "Ctrl-V" pro vložení zprávy do vašeho e-mailového programu. Adresujte zprávu svým příjemcům, zadejte předmět zprávy a poté ji odešlete.

Spropitné

Otestujte e-mail tak, že jej pošlete sobě, než jej odešlete jiným lidem, abyste se ujistili, že byl kód HTML správně interpretován a odeslán.

Varování

Informace v tomto článku se týkají aplikace Dreamweaver CC. Může se mírně nebo výrazně lišit s jinými verzemi nebo produkty.