Jak vytvořit písmeno HTML: pokyny krok za krokem

Poštovní seznamy jsou důležitou součástí marketingových kampaní. Vytváření dopisů pro ně v mnoha směrech připomíná vývoj jednoduchých webových stránek. Zároveň je třeba vzít v úvahu určité důležité rozdíly. Zejména distribuce písmen HTML bude účinná pouze tehdy, pokud jsou správně sestaveny v technickém smyslu a jejich obsah a styl jsou v souladu s vašimi cíli. Současně existuje názor, že laik nemůže tento úkol zvládnout. Tento článek poskytuje podrobné podrobné pokyny, jak psát a jak odesílat písmeno HTML.

Vlastnosti tvorby

Moderní osoba každodenně přijímá v průměru 5-6 a někdy až 10 e-mailů. To znamená, že máte jen necelou než jednu sekundu, abyste upoutali pozornost adresáta, než začne přečíst další korespondenci. V opačném případě bude odeslání písem HTML absolutně neúčinné a prostě ztratíte čas marně.

Jednou z nuance, která zvyšuje vaše šance na získání pozornosti potenciálních zákazníků nebo jiného cílového publika, je vytvoření korespondence, která je přizpůsobena mobilním zařízením. Koneckonců, většina z těch, kterým je určena pro zobrazení pošty, určitě je používá mnohem častěji než stolní počítače a notebooky.

Pro tento účel můžete použít například "citlivý design", který se snadno přizpůsobí velikosti obrazovky.

Co by měla být šablona dopisu?

Při vytváření dokumentu určeného pro zasílání korespondentům dodržujte následující požadavky:

• Měl by být dostatečně úzký, tj. Ve velikosti by neměl přesahovat rozsah 500-600 pixelů, což zajistí správné zobrazení textu a jiného obsahu na zařízeních jakéhokoli typu.
• Pro všechny textové informace je nutné použít poměrně velké písmo, protože na zařízeních se systémem iOS bude písmeno HTML nepohodlné číst, pokud je velikost písma menší než 13 pixelů.
• Prvky, kterými můžete kliknout, by měly být dostatečně velké a izolované od nejbližších odkazů. V takovém případě je může adresát snadno aktivovat od prvního pokusu.

Příprava

Předtím, než vytvoříte písmeno založené na kódu HTML, měli byste vytvořit novou složku na jednom z jednotek a pojmenovat jej například "Newsletters". Navíc musíte stáhnout a nainstalovat aplikaci Dreamweaver CS3. Tento produkt od společnosti Adobe je jedním z poměrně jednoduchých nástrojů pro vytváření webových stránek a je vhodný pro vytváření dopisu ve formátu HTML.

Vytvoření a uložení dokumentu

Než zapíšete textovou část dopisu, potřebujete:

• otevřete poměrně populární programátor HTML-dopisy Dreamweaver CS3 (DW);
• Vytvoření dokumentu výběrem možnosti "Přechodné HTML 4.01" jako typ;
• uložit soubor s příponou ".html";
• v horní nabídce najděte příkaz pro úpravy;
• odeberte zaškrtnutí políčka "Použijte CSS namísto tagů HTML".

Pokyny krok za krokem

Nyní zvažte, jak vytvořit písmeno HTML. Postupujte takto:

• Postupně otevřete karty "Vložit" a "Tabulka" v nabídce a nastavte potřebné parametry tabulky. Například řádky - 2, sloupce - 1, šířka - 700, nadpis - zhora. Hranice lze nastavit, ale bez nich můžete udělat, což znamená 0.
• Zadejte název dopisu. Vzhledem k tomu, že písmeno HTML je určeno pro větší počet příjemců, použijte operátor [first_name], který nahrazuje požadované jméno příjemce.
• V dolním okně "Vlastnosti" nastavte požadované parametry pro písmo, velikost a barvu textu záhlaví a barvu pozadí.
• "Konec" z oblasti záhlaví. V dolní části obrazovky nastavte parametry kurzoru "Střed" a "Uprostřed".
• Vložíme hotový text písmena nebo jej "zapíšeme" přímo do programu DW, vybereme požadovaný typ a velikost písma, a umístění textu na stránce.

Vytváření hypertextových odkazů

Pokusíme se vytvořit HTML-dopis profesionálnější a pokročilejší. S tímto cílem skryjeme hypertextové odkazy v obsahu. Chcete-li to provést, vyberte místo v textu, který byl vybrán jako hypertextový odkaz. V levém rohu v horní části obrazovky byste měli "otevřít" příslušnou ikonu a vložit odkaz do rozevíracího seznamu. Současně nezapomeňte zaškrtnout políčko "_blank", takže se odkaz otevře v novém okně a adresát po prohlížení neztratil přístup k hlavnímu dopisu.

Jak vložit obrázky

Obvykle písmeno ve formátu HTML končí kontaktními informacemi, nejlépe s fotografií autora nebo s vhodným tematickým obrazem. Lze jej stáhnout z internetu nebo předem načítat na internetu, protože budete potřebovat adresu URL tohoto obrázku. Nejlepší způsob, jak to udělat, je prostřednictvím jedné z bezplatných služeb.

Za účelem návrhu takového pěkného konce:

• vložte do dolní části písmena, uvnitř hlavního stolu ještě jeden se třemi sloupci a parametrem pro okraj 0 pixelů;
• umístěte kurzor na místo, kde chcete vidět obrázek;
• poznámka v dolním okně "uprostřed" a "na horním okraji" pro každou sekci;
• v horní nabídce vyberte kartu "Vložit";
• klikněte na nápis "Obrázek" a v rozbalovací nabídce vložte adresu, kterou jsme zkopírovali;
• stiskněte tlačítko "Ok" 2 krát.

Podívejte se dovnitř

Nyní, když víte, jak vytvořit písmeno HTML, měli byste se ujistit, že adresát to vidí ve správné podobě. Chcete-li to provést, musíte před odesláním zobrazit svou práci v prohlížeči Dreamweaver CS3. Chcete-li to provést, klikněte na ikonu s kuličkou ve středním horním menu. Pokud se namísto písmen na obrazovce objevilo abracadabra, měli byste nastavit automatické kódování v prohlížeči.

Kódování

V sekci "Projekt" přejděte na část kódu - "Kód". V okně, které se otevře, vyberte a zkopírujte vše, co je mezi značkami uzavřeno a . Uložte soubor. Poté vložte kód HTML.

Odeslat zprávu ve formátu HTML

Aby bylo odesláno, otevřete SmartResponder (SR). Pak:

• vyberte nebo vytvořte nové písmeno vyplněním "Jméno" a "Adresa odesílatele".
• vyplňte řádek "Předmět dopisu";
• značku v levém horním menu kódu HTML;
• vložte kód zkopírovaný do kódu DW do velkého pole "Zdroj";
• zkontrolujte správnost zobrazení pomocí nástroje "náhled";
• odstranit textovou verzi zprávy;
• otestujte jej na nevyžádanou poštu pomocí tlačítka se stejným názvem umístěného vedle tlačítka Odeslat.

Některé populární šablony

Použití rámce pomáhá výrazně urychlit proces vytváření dopisu a zpřístupnit jej vývojáři, který se stále učí základům tvorby webových dokumentů. Nejpopulárnější šablony jsou:

• Cerberus. Tato sada takzvaných odezvových šablon umožňuje vytvářet dopisy, které se běžně zobrazují jak v mobilní aplikaci Gmail, tak v aplikaci Outlook. Umožňuje používat bloky kódu HTML buď jednotlivě nebo kombinací.
• Inkoust - je to příprava dopisů, jejichž odeslání je téměř univerzální a kompatibilní s jakýmikoli zařízeními a klienty.
• Opravdu jednoduchá šablona e-mailu pro HTML. Šablona umožňuje velmi jednoduché a rychlé vytváření poštovních dopisů. Je pravda, že budou mít mimořádně jednoduchý návrh ve formě jediného sloupce, ve kterém je uzavřena výzva k akci.

Jak vložit HTML do zprávy

Pojďme nyní uvažovat o poněkud jiném problému. Chcete-li vložit kód HTML do e-mailu, například pomocí služby Gmail, jako v níže uvedeném příkladu prohlížeče Google Chrome, měli byste:

• Stiskněte tlačítko "F12" nebo vyberte příslušnou posloupnost příkazů v nabídce;
• v otevřeném okně s kódem aktuální stránky klienta gmailu najděte místo, kam má být vloženo písmeno HTML, klikněte pravým tlačítkem myši a vyberte "Upravit jako HTML".
• vložit zkopírovaný kód HTML;
• Stiskněte kombinaci dvou tlačítek "Ctrl" a "Enter".

Pro tentýž účel si můžete stáhnout jednoduchý program Mozilla Thunderbird. Pomocí něj můžete vytvořit písmeno a nejprve vyberte "Vložit" a potom "HTML" a vložte kód vašeho mailingu.

Nástroje

Wordpress plug-in e-Newsletter umožňuje profesionální správu e-mailových konferencí a předplatitelů. Oba jsou prováděny přímo prostřednictvím administrátorského panelu WordPress. Tato okolnost poskytuje úplnou kontrolu a je zcela zdarma, jen se může radovat.

Další jednoduchý nástroj - Neprůstřelné obrázky na pozadí, což je jednoduchý nástroj, který vám umožňuje získat kód pozadí obrázku vytvořených písmen. S jeho pomocí můžete provést korespondenci mnohem krásnější. Pro zpracování dopisů stačí specifikovat adresu URL pozadí obrázku, který se vám líbí, a barvu zálohování a zda tyto parametry mají být použity na celé tělo zprávy ve formátu HTML nebo jsou určeny pouze pro jednu z buněk tabulky. V důsledku toho obdržíte připravený kód, který chcete zkopírovat a vložit do šablony.

Nyní víte, jak poslat HTML-dopis. Jeho tvorba není obzvláště obtížná, zvláště pokud používáte hotové šablony, u kterých na webu není žádný nedostatek. Proto i ti, kteří nemají zvláštní znalosti, se s tímto úkolem mohou snadno vyrovnat.