Hoe om HTML-e-pos te skep: stap vir stap gids

Poslyste is 'n belangrike deel van die bemarking veldtogte. e-pos vir hulle in baie opsigte skep dit lyk op die ontwikkeling van 'n eenvoudige webblaaie. Op dieselfde tyd wat dit moet in ag neem 'n paar belangrike verskille. In die besonder, die stuur van HTML-e-pos sal effektief wees slegs indien hulle korrek is gemaak in die tegniese sin, en die inhoud daarvan en styl aan jou doelwitte te bereik. In hierdie geval, daar is 'n persepsie dat 'n leek nie kan byhou met hierdie taak. Hierdie artikel bied gedetailleerde stap vir stap instruksies, hoe om te skryf en hoe om HTML-e-pos te stuur.

Funksies van die skepping

Die moderne mens ontvang daagliks 'n gemiddeld van 5-6, en soms tot 10 e-posse. Dit beteken dat jy net minder as 'n sekonde, tot tyd onder die aandag van die ontvanger trek het, voordat dit gaan om die lesing van die volgende korrespondensie. Andersins, sal jou stuur HTML-e-pos heeltemal oneffektief wees, en jy moet net verlore tyd.

Een van nuanse dat jou kanse om die aandag van potensiële kliënte of ander teikengehoor te verhoog is die skepping van korrespondensie, wat aangepas is om mobiele toestelle. Na alles, die meeste van diegene aan wie dit gerig is om e-pos te sien, waarskynlik gebruik dit meer dikwels as rekenaars en skootrekenaars.

Vir hierdie doel gebruik kan word, byvoorbeeld, "reageer ontwerp" maklik aanpas by die skerm grootte.

Wat moet die brief sjabloon wees

Wanneer die uitleg van die dokument, wat bedoel is om korrespondente te stuur, moet voldoen aan die volgende vereistes voldoen:

• Dit moet redelik smal gemaak, dit wil sê. E. In grootte mag nie die omvang van 500-600 pixels dat die korrekte vertoning van teks en ander inhoud te verskaf op toestelle van enige soort.
• Wat jy nodig het om 'n groot genoeg font gebruik vir alle teks inligting die sowel as iOS-toestel HTML-pos sal ongemaklik wees om te lees as die lettergrootte van ten minste 13 pixels.
• Elemente waarop jy kan klik om dit te doen, moet groot genoeg wees en geïsoleerde van die naaste links wees. In hierdie geval, kan die ontvanger dit maklik te aktiveer op die eerste probeer.

opleiding

Voor die ontwikkeling van HTML-letter, moet jy een van die dryf 'n nuwe gids te skep en noem dit, byvoorbeeld, "News". Daarbenewens moet jy aflaai en installeer die Dreamweaver CS3 sagteware. Hierdie produk van Adobe is 'n redelik eenvoudige instrument ontwerp webtuistes en is geskik vir die ontwikkeling van 'n e-letters in HTML-formaat.

Skep en 'n dokument op te slaan

Voordat jy die teks van die brief te skryf, moet jy:

• open baie gewild program-ontwerper HTML-e-pos Dreamweaver CS3 (DW);
• 'n dokument te skep deur die kies van 'n tipe van "HTML Oorgang 4.01»;
• stoor die lêer met die uitbreiding «Html»;
• in die boonste menu om die opdrag redigering vind;
• verwyder die blok van die check-box "Gebruik CSS plaas van tag HTML».

Stap vir stap gids

Nou, laat ons sien hoe om HTML-e-pos te skep. Om dit te doen:

• Konsekwent maak die blad menu "Voeg" en "Table" en die nodige parameters van die tafel te ontbloot. Byvoorbeeld, die lyn - 2 kolomme - 1, breedte - 700, die kop - die top. Die grense kan ingestel word, en wat jy kan doen sonder dat hulle, met vermelding van 0.
• Vorm die boodskap kop. Sedert HTML-letter bedoel vir 'n groter aantal begunstigdes, so gebruik die operateur [FIRST_NAME], na die naam van die gewenste ontvanger te vervang.
• In die onderste venster, die "Properties" sit die nodige parameters vir die font, grootte en kleur van die titel teks en agtergrond.
• "Exit" van die veld kop. Aan die onderkant van die skerm om die wyser verkoopopsies beweeg "gesentreerde" en "In die middel."
• Plaas die voorbereide teks boodskap of "skryf" dit reg in die DW program deur die kies van tipe en lettergrootte, en belyning van die teks op die bladsy.

Die skep van hiperteksskakels

Ons sal probeer om HTML-letter meer professionele en gevorderde maak. Met hierdie doel in inhoud verberg hiperskakels. Om dit te doen, kies die plek in die teks, wat gekies is as 'n hiperteks skakel. In die linkerhoek moet "oop" die toepaslike ikoon wees en voeg 'n skakel in die vervolg boks aan die bokant van die skerm. In hierdie geval, moenie vergeet om 'n regmerkie in die check-box «_blank» sit, om die skakel in 'n nuwe venster oop te maak, en die ontvanger na die show het nie toegang tot die belangrikste brief verloor.

Hoe om beelde te voeg

Gewoonlik 'n brief in HTML-formaat die kontakbesonderhede voltooi, verkieslik met 'n foto van die skrywer of die betrokke tematiese prentjie. Dit kan afgelaai word vanaf die Internet of deur die aflaai van die Internet, as jy die URL van die beeld sal nodig hê. Dit is die beste gedoen word deur een van die gratis dienste.

Om so 'n mooi einde uit te reik:

• plaas in die onderkant van die boodskap, in 'n ander basis tabel 3 en kolomme 0 parameter vir die grens pixels;
• sit die wyser in die tabel, waar hulle wil die prentjie sien;
• merk in die laer venster, "middel" en "boonste rand" vir elke afdeling;
• kies uit die boonste menu blad "Insert";
• moenie klik op die opskrif "Image" in die pop-up menu, plak die gekopieerde kontak adres,
• pers «Ok» 2 keer.

hersiening

Nou dat jy weet hoe om HTML-letter doen, moet jy seker maak dat die ontvanger dit sal sien in die korrekte vorm. Vir hierdie doel, voordat jy jou werk in Dreamweaver CS3 leser sien. Om dit te doen, kliek op die ikoon met 'n wêreld in die middel bo spyskaart. As in plaas van letters verskyn op die skerm, wartaal, jy moet in jou browser settings avtokodirovku sit.

encoding

Van die artikel "Projek" en gaan na die kode deel - die "Code". In die venster wat geskei en kopieer alles wat lê tussen die tags en . Stoor die lêer. Volgende, voeg die HTML-kode.

Stuur HTML-e-pos

Om die pos oop "Smartresponder" (SR) te maak. dan:

• kies of skep 'n nuwe e-pos deur die invul van die string "naam" en "aan te spreek die sender."
• vul lyn "tema van die brief";
• merk in die boonste linker menu HTML-kode;
• insluit kode kopieer na die program DW-kode in 'n groot gebied "Bron";
• let op die korrektheid van die vertoning middel van 'n instrument "Voorskou";
• Verwyder die teks weergawe van die brief;
• toets dit vir spam, met behulp van die toepaslike knoppie langs "Stuur" knoppie.

Verskeie gewilde templates

Met behulp van 'n raamwerk help om die proses van die skryf aansienlik versnel en dit meer toeganklik vir die ontwikkelaar, wat net het verstaan die basiese beginsels van die skep van web-dokumente maak. Die gewildste patrone:

• Cerberus. Dit stel sogenaamde reageer templates om letters, normaalweg vertoon in 'n mobiele aansoek Gmail, en in Outlook te skep. Dit laat jou toe om HTML-kode blokke te gebruik, hetsy alleen of deur die kombinasie van hulle.
• Ink - is die oes van e-pos, mailings wat byna universele en versoenbaar is met al die toerusting en kliënte is.
• Werklik 'n eenvoudige HTML e-pos sjabloon. Die sjabloon toelaat om te skep e-briewe is baie maklik en vinnig. Hulle sal egter 'n baie eenvoudige ontwerp in die vorm van 'n kolom, wat in 'n oproep tot aksie geloop het.

Hoe om HTML te voeg in 'n

Laat ons nou kyk hoe 'n effens ander probleem. Om HTML-kode in te voeg in 'n e-pos, byvoorbeeld, Gmail gebruik, soos in die voorbeeld hieronder, die Google Chrome leser, moet jy:

• Klik op die knoppie «F12», of kies die geskikte volgorde van instruksies in die menu;
• in die oop venster aan die kliënt se huidige kode bladsy gmail vind 'n plek waar in HTML-letter word ingevoeg, maak 'n regs kliek en kies «Edit as HTML».
• plak die HTML-kode;
• druk 'n kombinasie van twee sleutels «Ctrl» en «Tik».

Vir dieselfde doel kan jy maklik om te ispolzovnii Mozilla Thunderbird program af te laai. Met dit wat jy kan 'n brief te skep, dan eers kies "Insert" en dan "die HTML" en plak om jou e-kode.

instrumente

Vordpressovsky e-nuusbrief plugin laat jou toe om professioneel nuusbriewe en intekenaars te bestuur. En dan, en 'n ander is direk gedoen word deur die administrateur paneel WordPress. Hierdie omstandighede bied volle beheer en heeltemal gratis, wat nie maar kan bly.

Nog 'n eenvoudige instrument - Bulletproof agtergrond beelde, wat is 'n eenvoudige instrument wat jou toelaat om die kode vir die agtergrond beeld geskep deur die letters te kry. Dit kan jou help om die korrespondensie mooier maak. Vir registrasie van die brief moet tik eenvoudig die URL van die agtergrond beeld wat jy graag van en behou die kleur, en of hierdie parameters word toegepas op die hele liggaam van HTML-posse of hulle slegs bedoel vir een van die tafel selle. Die resultaat is 'n gereed gemaak kode wat u wil kopieer en plak in jou sjabloon.

Nou dat jy weet hoe om HTML-e-pos te stuur. Sy skepping is nie besonder moeilik, veral as jy gereed gemaak templates waarin die web is nie 'n tekort gebruik. Daarom, selfs diegene wat nie spesiale kennis het nie, kan maklik gaan met hierdie taak.