Hogyan hozzunk létre HTML-email: lépésről lépésre

A levelezési listák fontos része a marketing kampányokat. Létre e-maileket nekik sok szempontból hasonlít a fejlesztését az egyszerű weblapok. Ugyanakkor azt figyelembe kell venni néhány fontos különbség. Különösen küldő HTML-mailek csak akkor lesz hatékony, ha azok alkotják rendesen technikai értelemben, és azok tartalmát és stílusát elérje céljait. Ebben az esetben, az emberek úgy érzik, hogy a laikus nem tud megbirkózni ezzel a feladattal. Ez a cikk részletesen lépésről lépésre, hogyan kell írni, és hogyan kell elküldeni a HTML-mailt.

Jellemzői alkotás

A modern ember kap naponta átlagosan 5-6, és néha akár 10 e-maileket. Ez azt jelenti, hogy csak kevesebb, mint egy másodperc, hogy időben felhívni a figyelmet a címzett, mielőtt elmegy az olvasó a következő levelezés. Ellenkező esetben a küldő HTML-mailek lesz teljesen hatástalan, és akkor csak elvesztegetett idő.

Az egyik árnyalatot, amelyek növelik az esélyét, hogy felkelti a figyelmet a potenciális vevők vagy más célközönség létrehozása levelezés, amely alkalmas arra, hogy a mobil eszközök. Végtére is, a legtöbb ilyen, hogy aki a címzettje, a megtekintéséhez email, valószínűleg azokat gyakrabban használják, mint az asztali számítógépek és laptopok.

Erre a célra lehet használni, például „reagáló design” könnyen alkalmazkodik a képernyő mérete.

Mi legyen a levél sablon

Ha az elrendezés a dokumentum, amelynek célja, hogy küldjön tudósítók, be kell tartaniuk az alábbi követelményeknek:

• Meg kell tenni meglehetősen szűk, azaz a. E. mérete nem haladhatja meg a tartomány 500-600 pixel, amelyek a szöveg helyes megjelenítésének és egyéb tartalmak eszközökön minden formáját.
• Be kell használni egy elég nagy betűtípust minden szöveges információt, valamint az iOS-eszköz HTML-mailben lesz kényelmetlen olvasni, ha a betűméret legalább 13 pixel.
• Elemeket, amelyre kattintva csinálni, elég nagynak kell lennie, és szigetelt a legszorosabb kapcsolatokat mutatja. Ebben az esetben a címzett könnyen aktiválja őket az első próbálkozásra.

edzés

Kifejlesztése előtt HTML-levelet, akkor létre kell hozni az egyik meghajtó egy új mappát és nevezze el, például „News”. Ezen kívül, meg kell töltse le és telepítse a Dreamweaver CS3 szoftver. Ez a termék az Adobe egy viszonylag egyszerű eszköz tervezés weboldalak és kiválóan alkalmas a fejlődés egy levelezési levelek HTML formátumban.

Készíts és ments el egy dokumentumot

Mielőtt írni a levél szövegét, meg kell:

• nyissa meglehetősen népszerű program-tervező HTML-mailek Dreamweaver CS3 (DW);
• hozzon létre egy dokumentumot, hogy kiválaszt egy fajta „Átmeneti HTML 4.01»;
• mentse a fájlt a kiterjesztés «.html»;
• a felső menüben, hogy megtalálják a szerkesztési parancsot;
• távolítsa el a kullancsot a check-box „CSS használata helyett tag HTML».

Lépésről lépésre útmutató

Most lássuk, hogyan kell létrehozni HTML-mailt. Ehhez:

• Következetesen nyissa meg a menüt „Insert” és a „táblázat”, és tegye meg a szükséges paramétereket az asztalra. Például, a vonal - 2 oszlop - 1 - szélesség 700, a fejléc - a tetején. A határokat lehet állítani, és meg tudod csinálni anélkül, hogy őket, meghatározva 0.
• Forma az üzenet fejlécét. Mivel a HTML-levél szánt nagyobb kedvezményezettek száma, ezért használja az üzemeltető [first_name], hogy helyettesítse a nevét a kívánt címzettet.
• Az alsó ablakban a „Tulajdonságok” tegye fel a szükséges paramétereket a betűtípus, méret és szín a cím szöveg és a háttér színét.
• „Kilépés” a fejléc mezőben. A képernyő alján, hogy a kurzort put opciók „központi” és „a közepén.”
• Helyezze be az elkészített szöveges üzenet vagy „írás” ez jobb a DW program kiválasztásával típusa és betűméretet, és összehangolását a szöveg az oldalon.

Létrehozása hipertext hivatkozások

Igyekszünk, hogy a HTML-levél több profi és haladó. Ezt a célt hide tartalom hivatkozásokat. Ehhez válassza ki a helyet a szöveg, amelyet választott, mint a hipertext link. A bal sarokban legyen „nyitott” a megfelelő ikonra, és helyezzen be egy linket a dobozba a képernyő tetején. Ebben az esetben ne felejtse el, hogy a kullancs a check-box «_blank», hogy nyissa meg a linket egy új ablakban, és a címzett a show után nem vesztette hozzáférés a fő levelet.

Hogyan kell behelyezni képek

Általában írni HTML formátumban befejezi a elérhetőségeit, lehetőleg egy fotó a szerző vagy az érintett tematikus képet. Már le lehet tölteni az internetről, vagy letölthetők az interneten, mert szükség lesz a kép URL-jét. Erre a legjobb megoldás az egyik ingyenes szolgáltatásokat.

Állít ki ilyen szép vége:

• helyezünk a az üzenet alján, egy másik táblához 3 és oszlopokat 0 paraméter a határ pixel;
• vigye a kurzort a táblázat, ahol akarnak látni a képet;
• jel az alsó ablak „középső” és „felső él” minden szakaszán;
• válassza ki a felső menüt „Insert”;
• ne kattintson a felirat: „Image” az előugró menüben a másolt és levelezési címe;
• nyomja meg a «Ok» 2 alkalommal.

felülvizsgálat

Most, hogy tudjuk, hogyan kell csinálni HTML-levél, győződjön meg arról, hogy a címzett fogja látni, hogy a megfelelő formában. E célból benyújtása előtt szeretné látni a munkát Dreamweaver CS3 böngészőt. Ehhez kattintson az ikonra a földgömb közepén felső menüben. Ha betűk helyett megjelent a képernyőn, abrakadabra, meg kell tenni a böngésző beállításait avtokodirovku.

kódolás

A „Project” részt, és menjen a kód egy részét - a „Code”. A megjelenő ablakban elválasztjuk, és másolja mindazt, ami a címkék között és . Mentsd el a fájlt. Ezután illessze be a HTML-kódot.

Küldés e-mailek HTML-

Ahhoz, hogy az e-mail nyitott "Smartresponder" (SR). akkor:

• választani, vagy hozzon létre egy új e-mail Töltsd ki az string „név” és „foglalkozzon a feladónak.”
• töltse line „téma a levél”;
• jel a bal felső menüben HTML-kód;
• kódot másolni a program DW-kód egy nagy mező „Source”;
• helyességét a kijelző egy szerszám segítségével a „Preview”;
• Törli a szöveges változata a levél;
• kipróbálni spam, a megfelelő gombra a „Küldés” gombra.

Számos népszerű sablonok

Egy keret segít jelentősen felgyorsítja a folyamatot az írás és még hozzáférhetőbbé tegyék azt, hogy a fejlesztő, amely csak megérti az alapokat a webes-dokumentumokat. A legnépszerűbb minták:

• Cerberus. Ez az úgynevezett adaptív sablonokat létrehozni levelek, általában megjelenik egy mobil alkalmazás a Gmail és az Outlook. Ez lehetővé teszi, hogy a HTML-kód blokkok, akár egyedül, akár kombinálva őket.
• Ink - a betakarítás e-mailek, levelek, amelyek szinte általános, és minden olyan eszközzel kompatibilis és az ügyfelek.
• Igazán egyszerű HTML email sablon. A sablon lehetővé teszi, hogy levelezési levelek nagyon egyszerű és gyors. Ezek azonban van egy nagyon egyszerű design formájában egy oszlopot, amely lépett a cselekvésre.

Hogyan kell behelyezni HTML egy

Nézzük egy kicsit más probléma. Beszúrásához HTML kódot egy e-mailt, például gmail használva, mint az alábbi példában a Google Chrome böngésző, akkor:

• kattintson a gombra «F12», vagy válassza ki a megfelelő parancsokat a menüben;
• a nyitott ablakon az ügyfél aktuális kódlap gmail találni egy helyet, ahol be kell helyezni a HTML-levél, hogy egy jobb klikk, és válaszd «Edit HTML».
• illessze a HTML kódot;
• nyomja kombinációja két kulcs «Ctrl» és «Enter».

Ugyanebből a célból lehet letölteni könnyen ispolzovnii Mozilla thunderbird programot. Ezzel lehet létrehozni egy levelet, akkor először válassza ki a „Beszúrás”, majd „HTML”, és illessze a levelezési kódot.

műszerek

Vordpressovsky e-hírlevél plugin segítségével szakszerűen kezelni hírlevelek és előfizetők. És aztán, a másik történik közvetlenül a WordPress admin panel. Ez a körülmény ad teljes ellenőrzése és teljesen ingyenes, ami nem, de örül.

Egy másik egyszerű eszköz - Golyóálló háttérképet, ami egy egyszerű eszköz, amely lehetővé teszi, hogy a kódot a háttérképet által létrehozott leveleket. Ez segíthet, hogy a levelezés szebb. Mert regisztrációs levél csak egyszerűen adja meg az URL-t a háttérképet tetszett, és fenntartjuk a színét, és azt, hogy ezek a paraméterek alkalmazni a teljes test HTML-mailek vagy azok kizárólag az egyik asztalnál sejteket. Az eredmény egy kész kódot, amit szeretnénk, hogy másolja be a sablon.

Most, hogy tudjuk, hogyan kell küldeni HTML-mailt. A teremtés nem különösebben nehéz, különösen akkor, ha kész sablonok, amelyben az interneten nincs hiány. Ezért, még azok is, akik nem rendelkeznek olyan speciális ismereteket, könnyen megbirkózni ezzel a feladattal.