Sida loo abuuro HTML-email: tallaabo hagitaan talaabo talaabo

liisaska Boosto waa qayb muhiim ah oo olole suuq. Abuur emails iyaga u siyaabo badan waxay u ekaan horumarinta pages Web fudud. Isla mar ahaantaana waa in ay tixgeliyaan qaar ka mid ah kala duwanaanshaha u muhiim ah. Gaar ahaan, diraya HTML-emails noqon doono wax ku ool ah oo kaliya haddii ay ka sameysan yihiin si sax ah ee dareenka farsamo, iyo content iyo style kulmi aad gool. Xaaladdan oo kale, waxaa jira aragti ah in xirfad laawe ah ma awoodi karo in hawshan. Maqaalkani waxa uu bixiyaa tallaabo faahfaahsan by tilmaamaha tallaabo, sida loo qoro iyo sida loo diro HTML-email.

Features of abuurka

nin Modern maalin kasta celcelis ahaan 5-6 helo, iyo mararka qaarkood ilaa 10 e-mails. Taas macnaheedu waa in aad qabto wax ka yar labaad ah, si ay u helaan waqti ay ku soo jiidan doonaan dareenka ee qaataha, ka hor tagaa akhriska ee waraaqaha soo socda. Haddii kale, u diraya HTML-emails aad noqon doonaa gebi ahaanba natiijo la'aan, iyo in aad kaliya waqti baabba'ay.

Mid ka mid ah midka wanaagsan in la kordhiyo fursadaha jiidanaya macaamiisha ama dhagaystayaasha kale diirada u saaran yahay abuurista waraaqaha, taas oo loo habeeyey in qalabka mobile. Ka dib oo dhan, inta badan dadka kuwii la hagaajiyaa si aad u eegto email, u badan tahay in iyaga ay isticmaalaan inta badan kombiyuutarada desktop iyo laptops.

Ujeedada this waxaa loo isticmaali karaa, tusaale ahaan, "design ka jawaabaan" si fudud islana size shaashadda.

Maxay noqonayaan template warqadda

Marka khariidad ee dokumentiga, loogu talo galay in ay u diraan wariyeyaasha, waa in ay u hoggaansamaan shuruudaha soo socda:

• Waa in la sameeyo arrin cidhiidhi ah, E. In size ie. Kama badnaan kala duwan ee 500-600 pixels in ay bixiyaan qaab saxda ah ee qoraalka iyo waxyaalaha kale ee ku saabsan qalabka nooc kasta.
• Waxaad u baahan tahay in ay isticmaalaan font weyn oo ku filan dhammaan macluumaadka qoraalka iyo sidoo kale macruufka qalab-HTML-mail ahaan doonaa raaxo in uu akhriyo haddii size font ugu yaraan 13 pixels ah.
• Qaybaha kaas oo aad riixi kartaa in ay sameeyaan, waa in ay weyn oo ku filan iyo dahaaran ka links ugu dhow. Xaaladdan oo kale, qofka qaataha ah wuxuu si fudud iyaga dhaqaajiso karaa isku day ugu horeysay.

tababarka

Ka hor inta horumarinta HTML-warqad, waa in aad la abuuro mid ka mid ah drives folder cusub iyo waxaa, tusaale ahaan, "News" magacaabo. Intaa waxaa dheer, waa in aad soo dejisan iyo rakibi ah software Dreamweaver CS3. Tani wax soo saarka ka Adobe waa goobaha a qalab si caddaalad ah oo fudud design web iyo waa habboon ee horumarka ah ee waraaqaha boostada qaab HTML ah.

Abuur iyo badbaadin dukumenti

Ka hor inta aadan ku qor qoraalka warqadda, waxaad u baahan tahay:

• furo caan ah barnaamij-naqshadeeye HTML-emails Dreamweaver CS3 (DW);
• abuuro dukumenti by xulashada nooc ka mid ah "Transition HTML 4,01»;
• badbaadiyo faylka la kordhinta «.html»;
• in menu sare si aad u hesho amarka tafatir ah;
• ka saar tick ka jeeg-box "Isticmaalka CSS halkii tag HTML».

Step by hagitaan talaabo

Haddaba, bal aynu aragno sida si ay u abuuraan HTML-email. Si arrintan loo sameeyo:

• Si joogto ah u furi menu tab "Insert" iyo "Table" iyo soo bandhigaan xuduudaha loo baahan yahay ee miiska. Tusaale ahaan, line - 2 tiirar - 1, Width - 700, madax - hogaanka. xuduudaha ayaa lagu hagaajin karo, iyo aad samayn karto iyaga oo aan, la tilmaamayo 0.
• Foomka madax fariinta. Tan iyo HTML-warqad loogu tala galay tiro badan oo ka-faa'iideystayaal ah, sidaas darteed isticmaali wadaha [FIRST_NAME], si ay u badali magaca qaataha la doonayo.
• In uu furmo suuqa hoose, ee "Properties" oo ilaa xuduudaha lagama maarmaanka u ah font, size iyo midabka qoraalka horyaalka iyo midabka asalka.
• "Exit" beertii madax. Qeybta hoose ee shaashadda inay u soo guuraan fursadaha dulqabo geliyey "xuddun" iyo "In dhexe."
• Geli fariinta qoraalka diyaariyey ama "qori" waxa ay xaq u leeyihiin in barnaamijka DW doorataa nooca iyo baaxadda font, iyo in lays ee qoraalka ku yaal bogga.

Abuuritaanka links xiraysid

Waxaan isku dayi doonaa in la sameeyo HTML-warqad dheeraad ah oo xirfadeed oo sare. Anagoo himiladaas madaxa ku content Qarinaysaan hyperlinks. Si arrintan loo sameeyo, dooro meesha qoraalka, kaas oo la doortay sida link xiraysid ah. In geeska bidix ee waa in "furan" icon ku haboon iyo geliso link a sanduuqa dhibicda sare ee shaashadda. Xaaladdan oo kale, ha iloobin in aad sax in baaritaanka sanduuqa «_blank», in la furo link ee daaqad cusub, iyo qaataha ka dib markii show ayaa guuldarro aysan ka helaan warqad ugu weyn.

Sida aad u gashanayso images

Sida caadiga ah warqad qaab HTML dhameystiraya faahfaahinta xiriirka ee, doorbidan wax sawir ah qoraaga ama sawir mowduuc ay khuseyso. Waxaa lagala soo bixi karaa Internetka ama soo degsado internetka, sida aad u baahan doontaa URL ee image ah. Tan waxaa ugu fiican ee uu sameeyo mid ka mid ah adeegyo bilaash ah.

Si aad u soo saari sida dhamaad fiican:

• geliyo hoose ee fariinta, galay miiska saldhig kale oo 3 iyo tiirar 0 dhimaya ee pixels soohdinta,
• gelin dulqabo ee miiska, halkaas oo ay doonayaan inay arkaan sawirka;
• sumadda uu furmo suuqa hoose, "dhexe" iyo "qarkiisa sare" for qayb kasta;
• kala dooran tab sare menu "Insert";
• ha riix qorniinkan "Image" ee menu gujisid ah, paste cinwaanka xiriirka guuriyeen,
• saxaafadeed «Waayahay» 2 jeer.

dib u eegis

Hadda oo aad ogtahay sida loo sameeyo HTML-warqad, waa in aad hubiso in qaataha ku arki doontaa foomka saxda ah sameeyaan. Si taas loo gaaro, inta aadan soo gudbin aad rabto inaad aragto shaqada in browser Dreamweaver CS3. Si arrintan loo sameeyo, guji icon la dacaladeeda ah in menu dhexe top. Haddii halkii warqado u muuqday shaashadda, abracadabra, waa in aad ku riday biraawsarkaaga goobaha avtokodirovku.

Deji

Laga soo bilaabo qaybta "Project" oo taga si aad qayb code - ka "Code". Daaqadda in soocay oo nuqul ka oo dhan u dhaxeeya tags ah iyo . Save faylka. Next, gelin ka HTML-code.

Diraya HTML-emails

Si aad u samayso mail furan "Smartresponder" (SR). markaas:

• dooran ama abuuro email cusub oo buuxinaya xarig ah "Magaca" iyo "wax looga qabto diraha."
• buuxi line "theme of xarafka";
• sumadda ee menu bidix HTML-code sare;
• code socosho waxaa soo guuriyeen in barnaamijka DW-code duurka weyn "Source";
• hubiyo saxnimada hab bandhigay qalab ah "Kulanka Xiisaha Leh" ah;
• Tirtirtaa version qoraalka warqadda ah;
• waxaa baaro spam, adigoo isticmaalaya badhanka ku haboon ee soo socota si ay u "Send" button.

Dhowr arrimo caan

Isticmaalka qaab ka caawisaa in ay si weyn u dardar-socodka ah ee qoraal ah oo aad u dheeraad ah oo la heli karo si ay u sameeysa, kaas oo fahamsan kaliya waxyaabaha aasaasiga ah ee la abuurayo web-waraaqaha. The qaababka ugu caansan:

• Cerberus. Tani set oo ah wax-u marto ka jawaabaan si ay u abuuraan waraaqaha, sida caadiga ah soo bandhigay codsi mobile Gmail, iyo Outlook. Waxay kuu ogolaanaysaa inaad si ay u isticmaalaan blocks HTML-code, kaligii ama iyaga oo isku.
• Khad - waa miro emails, warqadaha, kuwaas oo ku dhawaad universal iyo la jaan qaada dhammaan qalabka iyo macaamiisha.
• Runtii fudud template HTML email. template The kuu ogolaanayaa inaad si ay u abuuraan waa mid aad u fudud oo degdeg ah waraaqaha boostada. Si kastaba ha ahaatee, waxay yeelan doonaan design aad u fudud oo ah qaab column ah, kuwaas oo galay call a in talaabo.

Sida aad u gashanayso HTML gelin ah

War haatan aynu ka fiirsan ay dhibaato ka yara duwan. Si aad u geliso code HTML in email ah, tusaale ahaan, Gmail la isticmaalayo, sida tusaalahan hoos ku qoran, ka browser Google Chrome, waa in aad:

• riix badhanka «F12», ama dooro xigxiga ku haboon ee amarradiisa in menu ah;
• uu furmo suuqa furan bogga code macaamiisha ah ee hadda Gmail ka heli meel in la geliyo HTML-warqad, ka dhigi click a xaq iyo dooran «Edit sida HTML».
• paste code HTML ah;
• riix isku dhafan ee labada furayaasha «Ctrl» iyo «gala».

Ujeeddo oo isku mid aad kala soo bixi kartaa si sahlan loo ispolzovnii barnaamijka Thunderbird Mozilla. waxaa la waxaad samayn kartaa warqad, ka dibna marka hore dooro "Insert" ka dibna "HTML" iyo paste in aad code boostada.

alaabtii

Vordpressovsky plugin e-Newsletter kuu ogolaanaya in aad si xirfad leh loo maareeyo Joornaalo iyo macaamiishu. Oo ka dibna, oo mid kalena wuxuu si toos ah u sameeyey iyada oo admin guddi WordPress ah. xaaladdu waxay bixinaysaa ay si buuxda iyo si buuxda oo lacag la'aan ah, taas oo aan laakiin ku farxa karo.

qalab kale oo fudud - images soo jeeda xabada, oo waa aalad fudud oo kuu ogolaanaya in aad si aad u hesho code for image asalka abuuray by xarfaha. Waxay kugu caawin karo samaynta waraaqo ka sii qurux badan. Waayo, diiwaangelinta warqaddii waa in si fudud u geli URL ah ee image asalka aad jeclaa iyo leenahay midabka, iyo in oo xuduudaheedu kuwan waxaa laga codsadaa in ay jirka oo dhan ee HTML-mails ama ay kaliya waxaa loogu talagalay mid ka mid ah unugyada miiska. Natiijadu waxay tahay code a diyaar-dhigay in aad rabto in aad nuqul ka iyo paste galay aad template.

Hadda oo aad ogtahay sida ay u soo diri HTML-email. Its abuurka aan si gaar ah u adag tahay, gaar ahaan haddii aad isticmaasho foom oo diyaar-dhigay, taas oo web waa yaraanta lahayn. Sidaa darteed, xitaa kuwa aan leeyahay cilmi gaar ah, si fudud ula qabsan kartaa hawshan.