Kako stvoriti HTML e-: korak po korak vodič

Mailing liste su važan dio marketinške kampanje. Stvaranje e-poštu za njih na mnogo načina podsjeća na razvoj jednostavnih web stranica. U isto vrijeme to bi trebalo uzeti u obzir neke važne razlike. Konkretno, slanje HTML-e-pošte neće biti djelotvorna samo ako su sastavljene ispravno u tehničkom smislu, a njihov sadržaj i stil zadovoljiti svoje ciljeve. U tom slučaju, postoji percepcija da laik ne može nositi s ovim zadatkom. Ovaj članak pruža detaljne upute korak po korak, kako napisati i kako poslati HTML-pošte.

Značajke stvaranja

Suvremeni čovjek prima dnevno u prosjeku 5-6, a ponekad i do 10 e-mailova. To znači da imate samo manje od sekunde, imati vremena za crtanje pozornost primatelja, prije nego što ide na čitanjem slijedećeg korespondencije. Inače, svoje slanje HTML-e-mail će biti potpuno neučinkovit, a vi samo izgubiti vrijeme.

Jedan od nijansi koja povećati svoje šanse za privlačenje pažnje potencijalnih kupaca ili drugih ciljanu publiku je stvaranje korespondenciju, koji je prilagođen za mobilne uređaje. Uostalom, većina onih kojima je upućena da biste vidjeli e-mail, vjerojatno ih koristiti češće nego stolnih računala i prijenosna računala.

Za može koristiti u tu svrhu, na primjer, „osjetljiv dizajn” lako prilagođava veličini zaslona.

Što bi trebao biti pismo predložak

Kad je izgled dokumenta, namjerava poslati dopisnika, treba se pridržavati sljedećih uvjeta:

• To bi trebao biti prilično uska, tj. E. U veličina ne smije prelaziti raspon 500-600 piksela koji pružaju točan prikaz teksta i drugih sadržaja na uređajima bilo koje vrste.
• Morate koristiti dovoljno velik font za sve informacije teksta, kao i iOS uređajima HTML-mail će biti neugodan za čitanje, ako je veličina fonta od najmanje 13 piksela.
• Elementi na koje možete kliknuti učiniti, treba biti dovoljno velik i izoliran od najbližih veza. U tom slučaju, primatelj može lako ih aktivirati iz prvog pokušaja.

trening

Prije razvoja HTML-pismo, trebali biste stvoriti jedan od diskova nove mape i ime, na primjer, „Novosti”. Osim toga, morate preuzeti i instalirati Dreamweaver CS3 softvera. Ovaj proizvod tvrtke Adobe je prilično jednostavan alat za dizajn web stranica i dobro je pogodna za razvoj mailing slova u HTML formatu.

Stvaranje i spremanje dokumenta

Prije nego što napisati tekst pisma, trebate:

• otvoriti vrlo popularan programski dizajner HTML-e-pošte Dreamweaver CS3 (sm);
• stvoriti dokument odabirom tipa „Transition HTML 4.01»;
• spremite datoteku s ekstenzijom «html»;
• u gornjem izborniku pronaći naredbe za uređivanje;
• ukloniti krpelja s check-box „Use CSS umjesto oznake HTML».

Korak po korak vodič

Sada ćemo vidjeti kako stvoriti HTML-pošte. U tu svrhu:

• Dosljedno otvorite karticu izbornika „Insert” i „Tablica” i izložiti potrebne parametre za stolom. Na primjer, linija - 2 stupca - 1, širina - 700, zaglavlje - vrh. Granice se mogu postaviti, a to možete učiniti bez njih, navodeći 0.
• Obrazac zaglavlje poruke. Budući HTML pismo namijenjeno većem broju korisnika, tako da upotrijebite operator [FIRST_NAME], zamijeniti naziv željenog primatelja.
• U donjem prozoru, „Properties” dići potrebne parametre za font, veličinu i boju naslova teksta i boja pozadine.
• „Izlaz” s terena zaglavlja. Na dnu zaslona za pomicanje pokazivača staviti opcije „centriran” i „U sredini”.
• Umetnite pripremljenu tekstualnu poruku ili „pisati” to pravo u DW programu odabirom vrste i veličine fonta, i poravnanje teksta na stranici.

Stvaranje veza hiperteksta

Mi ćemo pokušati napraviti HTML pismo više stručnih i napredne. S ovim ciljem na skrivanje sadržaja linkove. Da biste to učinili, odaberite mjesto u tekstu, koji je izabran kao veza hipertekst. U lijevom kutu bi trebala biti „otvoren” odgovarajuća ikona i umetanje poveznice s padajućeg izbornika na vrhu zaslona. U tom slučaju, ne zaboravite staviti kvačicu na check-box «_blank», otvoriti link u novom prozoru, a primatelj nakon koncerta nije izgubila pristup glavnom pismu.

Kako umetnuti slike

Obično pismo u HTML formatu upotpunjuje kontakt podatke, po mogućnosti sa slikom autora ili relevantne tematske slike. To se može skinuti s interneta ili preuzimanjem na internetu, jer će vam trebati URL slike. To je najbolje učiniti na jedan od besplatnih usluga.

Izdati takvu lijepu završnicu:

• umetnuta u dnu poruke, u drugu tablicu 3 i baze kolone 0 parametar za rubne piksela;
• stavi pokazivač u tablici, u kojoj žele vidjeti sliku;
• Oznaka u donjem prozora „srednji” i „gornji rub” za svaki odjeljak;
• birati između gornjem kartice izbornika „Umetanje”;
• Ne kliknuti na natpis „slika” u skočnom izborniku, zalijepiti kopiranu adresu za kontakt;
• pritisnite «OK» 2 puta.

pregled

Sada kada znate kako to učiniti HTML-pismo, trebali biste bili sigurni da će primatelj vidjeti u ispravnom obliku. U tu svrhu, prije podnošenja želite vidjeti svoj rad u Dreamweaver CS3 pregledniku. Da biste to učinili, kliknite na ikonu sa svijeta u gornjem izborniku sredini. Ako umjesto slova pojavljuju na ekranu, abrakadabra, trebali staviti u pregledniku postavke avtokodirovku.

kodiranje

U odjeljku „Projekt” i otići u kodnom dijelu - „koda”. U prozoru koji se odvaja i kopirati sve što se nalazi između oznaka i . Spremite datoteku. Zatim ubacite HTML-kod.

Slanje HTML-e-pošte

Da bi mail otvoren "Smartresponder" (SR). tada je:

• odabrati ili napraviti novu e-mail popunjavanjem niz „ime” i „adresa pošiljatelja.”
• popuniti linije „Tema slova”;
• oznaka u gornjem lijevom izborniku HTML-koda;
• embed kod kopirati u programu DW-kodom u velikom polju „Izvor”;
• provjeriti ispravnost sredstava prikaz za alat „Preview”;
• Briše tekst verzija pisma;
• test za spam, koristeći odgovarajući gumb pored gumb „Pošalji”.

Nekoliko popularnih predlošci

Korištenje okvira pomaže da se značajno ubrza proces pisanja i učiniti ga dostupnijim programer, koji je jedini razumije osnove stvaranja web-dokumenata. Najpopularniji obrasci:

• Kerber. Ovaj set tzv reagiraju na predložaka za izradu slova, obično se prikazuju u mobilnim aplikacijama Gmail, a u programu Outlook. To vam omogućuje da koristite HTML-kod blokova, bilo sami ili ih kombinirajući.
• Tinta - je žetvu e-pošte, e-pošte koje su gotovo univerzalno i kompatibilan sa svim uređajima i klijentima.
• Stvarno jednostavan HTML e-mail predložak. Predložak vam omogućuje stvaranje mailing slova su vrlo lako i brzo. Međutim, oni će imati vrlo jednostavan dizajn u obliku stupa, koji je stupio na poziv na akciju.

Kako umetnuti HTML u

Razmotrimo sada malo drugačiji problem. Za umetanje HTML kôd u e-mail, na primjer, Gmail koristi, kao u donjem primjeru, preglednik Google Chrome, trebate:

• kliknite na gumb «F12», ili odabrati odgovarajući slijed naredbi u izborniku;
• u otvorenom prozoru do kupca trenutnu kodnu stranicu gmail naći mjesto gdje će se umetnuti u HTML-pismo, napravite desni klik i odaberite «Uredi kao HTML».
• zalijepite HTML kôd;
• pritisnuti kombinaciju dva ključa «Ctrl» i «Enter».

U istu svrhu možete skinuti jednostavan za ispolzovnii Mozilla Thunderbird program. Uz to možete napraviti pismo, a zatim prvo odaberite „Insert”, a zatim „HTML” i zalijepite na svoju poštansku koda.

instrumenti

Vordpressovsky e-bilten plugin omogućuje profesionalno upravljati newslettere i pretplatnika. A i tada, a drugi se obavlja direktno putem WordPress admin panel. Ta okolnost pruža potpunu kontrolu i potpuno besplatno, što se ne može, ali se vesele.

Još jedan jednostavan alat - Neprobojne pozadinske slike, što je jednostavan alat koji vam omogućuje da biste dobili kod za pozadinsku sliku stvorio slovima. To vam može pomoći da korespondenciju ljepši. Za upis slova jednostavno treba unijeti URL pozadinsku sliku na koju je volio i rezervirati boju, i da li su ti parametri primjenjuju na cijelom tijelu HTML-mailova ili su namijenjeni samo za jednu od ćelija tablice. Rezultat je gotov kôd koji želite kopirati i zalijepiti u svoj predložak.

Sada kada znate kako poslati HTML-pošte. Njegova stvaranja nije osobito teško, pogotovo ako koristite gotove predloške u kojoj je web ne manjka. Stoga, čak i oni koji nemaju posebna znanja, lako se može nositi s ovim zadatkom.