Mailing lists sú dôležitou súčasťou marketingových kampaní. Vytváranie e-mailov pre ne je do značnej miery pripomína vývoj jednoduchých webových stránok. Zároveň by sa mali zohľadniť určité dôležité rozdiely. Najmä odosielanie hárkov HTML bude účinné len vtedy, ak sú správne formulované v technickom zmysle a ich obsah a štýl zodpovedajú vašim cieľom. Zároveň sa predpokladá, že nespecialista sa s touto úlohou nedokáže vyrovnať. Tento článok poskytuje podrobné podrobné pokyny na písanie a odosielanie HTML stránky.

Vlastnosti tvorby

Moderná osoba dostáva priemerne 5-6 a niekedy až 10 e-mailov denne. Znamená to, že máte menej ako jednu sekundu, aby upútal pozornosť adresáta skôr, než začne čítať takúto korešpondenciu. V opačnom prípade budú vaše odosielajúce stránky HTML úplne neefektívne a jednoducho strácate čas márnym. Jednou z nuance, ktorá zvyšuje vaše šance na získanie pozornosti potenciálnych zákazníkov alebo iných cieľových skupín, je vytvorenie korešpondencie prispôsobenej mobilným zariadeniam. Koniec koncov, väčšina tých, ktorí sú adresovaní poštou, pravdepodobne ich používa oveľa častejšie ako stolné počítače a prenosné počítače. Na tento účel, napríklad, "citlivý dizajn, môžem ľahko prispôsobiť veľkosť obrazovky.

Čo by malo byť vzorom listu

Pri príprave dokumentu určeného na zasielanie korešpondentom je potrebné dodržať tieto požiadavky:

Mal by byť veľmi úzky, teda veľkosť by nemala prekročiť rozsah 500-600 pixelov, čo zabezpečí správne zobrazenie textu a iného obsahu na akomkoľvek zariadení akéhokoľvek typu.

Pre všetky textové informácie je potrebné použiť pomerne veľké písmo, pretože na zariadeniach so systémom iOS bude nepríjemné čítať stránku HTML, ak je veľkosť písma menšia ako 13 pixelov.

Prvky, z ktorých môžete kliknúť, musia byť dostatočne veľké a izolované od najbližších odkazov. V takomto prípade môže adresát ľahko aktivovať ich od prvého pokusu.

Príprava

Pred vytvorením stránky HTML by ste mali vytvoriť nový priečinok na jednom z diskov a pomenovať ho napríklad "Korešpondencia". Okrem toho musíte stiahnuť a nainštalovať aplikáciu Dreamweaver CS3. Tento produkt od spoločnosti Adobe je jedným z pomerne jednoduchých nástrojov na návrh webových stránok a je vhodný pre vývoj v HTML hárkoch.

Vytvorenie a uloženie dokumentu

Pred písaním textovej časti listu musíte:

otvoriť dosť populárny dizajnér pre hárky HTML aplikácie Dreamweaver CS3 (DW);

vytvorí dokument tak, že ho vyberie ako typ "Prechod typu HTML 401";

uložte súbor s príponou .html;

Nájdite príkaz na úpravu v hornej ponuke.

Odstrániť zaškrtávacie políčko "Použiť CSS namiesto HTML tagov".

Pokyny krok za krokom

Poďme sa pozrieť na to, ako vytvoriť HTML stránku. Postupujte takto:

Postupné otváranie záložiek "Insert" a "Table" v menu a zobrazenie požadovaných parametrov tabuľky.Napríklad struny - 2 stĺpce - 1 šírka - 700 nadpisy. Môžete dať hranice, alebo môžete urobiť bez nich, čo znamená 0.

Vytvorte názov listu. Keďže hárok HTML je určený pre väčší počet príjemcov, príkaz [first_name] sa používa na nahradenie požadovaného názvu príjemcu.

V spodnom okne Vlastnosti zobrazujú požadované parametre pre písmo, veľkosť a farbu textu nadpisu a farbu pozadia.

"Ukončiť" z titulného poľa. V dolnej časti obrazovky nastavíte parametre pre kurzor "Stred" a "V strede".

Vložte hotový text písmena alebo ho "napíšte" priamo do programu DW výberom požadovaného typu a veľkosti písma, ako aj pozície textu na stránke.

Vytváranie hypertextových odkazov

Pokúsime sa urobiť HTML stránku profesionálnejší a pokročilejší. Na tento účel skryť hypertextové odkazy v obsahu. Ak to chcete urobiť, vyberte miesto v texte, ktorý ste vybrali ako hypertextový odkaz. V ľavom rohu v hornej časti obrazovky by ste mali otvoriť príslušnú ikonu a vložiť odkaz do rozbaľovacej ponuky. Zároveň nezabudnite zaškrtnúť políčko "_blank" tak, aby sa odkazy otvorili v novom okne a cieľ po jeho prezeraní nestratil prístup k hlavnému listu.

Vloženie obrázkov

Obvykle je HTML správa dokončená s kontaktnými informáciami, najlepšie z autorovej fotografie alebo z príslušného tematického obrázku. Môžete ho stiahnuť z internetu alebo predinštalovať na internete, ako budete potrebovaťAdresa URL obrázka. Najlepšie je to urobiť s jednou z bezplatných služieb. Aby bolo možné urobiť taký príjemný výsledok:

vložte do spodnej časti listu v hlavnej tabuľke ďalší parameter s 3 stĺpcami pre hranicu 0 pixlov;

umiestnite kurzor na miesto tabuľky, kde chcete zobraziť obrázok;

v dolnom okne "Vnútorné" a "Horná hrana" pre každú sekciu.

v hornej ponuke vyberte kartu Vložiť;

Klikneme na "Obrázok" av rozbaľovacej ponuke vložíme kópiu adresy.

stlačte 2 krát "Ok".

Prehliadanie

Teraz, keď viete, ako vytvoriť HTML stránku, musíte sa uistiť, že ju príjemca uvidí v správnej forme. Ak to chcete urobiť, pred odoslaním musíte skontrolovať svoju prácu v prehliadači Dreamweaver CS3. Ak to chcete urobiť, kliknite na ikonu so svetom v strednej hornej ponuke. Ak sa namiesto písmen na obrazovke objaví abracadabra, mali by ste nastaviť autokódovanie v nastaveniach prehliadača.

Kódovanie

Z časti "Projekt" a prejdite do časti kódu - "Kód". V okne vyberte a skopírujte všetko, čo je priložené medzi tagy a. Uložiť súbor. Potom vložíme HTML kód.

Odosielanie hárkov HTML

Ak chcete otvoriť e-mailovú schránku "Smart Reporter" (SR). Potom:

vyberte alebo vytvorte nové písmeno vyplnené riadkami "Name" a "Sender's Address".

vyplňte riadok "Predmet písmena";

označte kód HTML v ľavom hornom menu;

vložte kód,Kód DW skopírovaný v programe do veľkého poľa "Zdroj";

overí správnosť mapovania pomocou nástroja "náhľad";

odstránenie textovej verzie písmena;

otestujte to na spam, pomocou tlačidla s rovnakým názvom vedľa tlačidla "Odoslať".

Niekoľko populárnych šablón

Použitie rámca pomáha výrazne urýchliť proces vytvárania listu a sprístupniť ho vývojárovi, ktorý stále chápe základy vytvárania webových dokumentov. Najobľúbenejšie šablóny sú:

Cerberus. Táto sada takzvaných odpovedajúcich šablón vám umožňuje vytvárať e-maily, ktoré sa bežne zobrazujú v mobilnej aplikácii Gmail aj v programe Outlook. Umožňuje vám používať bloky kódu HTML buď jednotlivo, alebo kombináciou.

Atrament je príprava písmen, ktorých distribúcia je prakticky univerzálna a kompatibilná so všetkými zariadeniami a klientmi.

Skutočne jednoduchá šablóna HTML e-mailu. Šablóna vám umožňuje vytvárať bulletiny veľmi ľahko a rýchlo. Je pravda, že budú mať veľmi jednoduchý dizajn v podobe jediného stĺpca, v ktorom sa uskutoční výzva na akciu.