Jinsi ya kuunda HTML-barua pepe: hatua kwa hatua mwongozo

orodha ya anwani ni sehemu muhimu ya kampeni za masoko. Kujenga barua pepe kwa ajili yao kwa njia nyingi ni inafanana maendeleo ya kurasa rahisi Mtandao. Wakati huo huo ni lazima kuzingatia tofauti kadhaa muhimu. Hasa, kutuma barua pepe HTML-yataanza kutumika tu kama wao ni alifanya kwa usahihi katika maana ya kiufundi, na bidhaa zao na mtindo kufikia malengo yako. Katika hali hii, kuna mtizamo kuwa layman hawezi kukabiliana na kazi hii. Makala hii hutoa hatua ya kina kwa maelekezo hatua, jinsi ya kuandika na jinsi ya kutuma HTML-pepe.

Makala ya viumbe

mtu wa kisasa inapata kila siku wastani wa 5-6, na wakati mwingine hadi 10 barua pepe. Hii ina maana kwamba tu kuwa chini ya pili, kuwa na muda kuteka mawazo ya mpokeaji, kabla unaendelea na kusoma mawasiliano yafuatayo. Vinginevyo, yako kutuma barua pepe HTML-itakuwa ufanisi kabisa, na wewe tu kupita muda.

Moja ya nuance kwamba kuongeza nafasi yako ya kuvutia ya wateja au nyingine walengwa ni kuundwa mawasiliano, ambayo ni ilichukuliwa na vifaa vya mkononi. Baada ya yote, wengi wa wale ambao ni kushughulikiwa ili kuona email, pengine kuzitumia mara nyingi zaidi kuliko kompyuta ya mezani na Laptops.

Kwa ajili hiyo inaweza kutumika, kwa mfano, "msikivu kubuni" urahisi anpassas kwa ukubwa screen.

Kile lazima barua template

Wakati mpangilio wa hati, na lengo la kutuma waandishi wa habari wa, lazima kuambatana na mahitaji yafuatayo:

• Ni lazima kuwa nyembamba sana, yaani. E. Katika ukubwa wala kisichozidi mbalimbali ya 500-600 saizi ya kutoa kuonyesha sahihi ya maandishi na maudhui mingine kwenye vifaa vya aina yoyote.
• Unahitaji kutumia kubwa ya kutosha kwa ajili ya wote wa herufi habari maandishi pamoja na iOS kifaa HTML pepe itakuwa wasiwasi kusoma kama ukubwa wa herufi ya angalau 13 saizi.
• Mambo ambayo unaweza bonyeza kufanya, lazima kubwa ya kutosha na maboksi na viungo karibu. Katika hali hii, mpokeaji kwa urahisi kuamsha yao ya kwanza kujaribu.

mafunzo

Kabla ya maendeleo ya HTML mbili, unapaswa kujenga moja ya anatoa mpya folder na jina hilo, kwa mfano, "Habari". Aidha, lazima kupakua na kuweka Dreamweaver CS3 programu. Bidhaa hii kutoka Adobe ni haki rahisi chombo kubuni mtandao tovuti na inafaa kwa ajili ya maendeleo ya barua pepe katika muundo HTML.

Kujenga na kuhifadhi hati

Kabla ya kuandika maandiko ya barua, unahitaji:

• kufungua maarufu kabisa mpango-designer HTML-barua pepe Dreamweaver CS3 (DW);
• kuunda hati kwa kuchagua aina ya "Transition HTML 4.01»;
• kuokoa faili na ugani «.html»;
• katika orodha ya juu ya kupata editing amri;
• kuondoa Jibu kutoka kuangalia sanduku "Tumia CSS badala ya tag HTML».

Hatua kwa hatua mwongozo

Sasa, hebu angalia jinsi ya kujenga HTML-pepe. Ili kufanya hivyo:

• Mara kwa mara kufungua menyu tab "Ingiza" na "Meza" na nje vigezo muhimu ya meza. Kwa mfano, line - 2 nguzo - 1, upana - 700, header - juu. mipaka inaweza kuweka, na unaweza kufanya bila wao, kubainisha 0.
• Fomu ya kichwa cha ujumbe. Tangu HTML mbili lengo kwa idadi kubwa ya walengwa, kwa hiyo kutumia operator [FIRST_NAME], na badala ya jina la mpokeaji taka.
• Katika dirisha chini, "Mali" kuweka vigezo muhimu kwa ajili ya font, ukubwa na rangi ya jina maandishi na rangi ya asili.
• "Toka" kutoka shamba kichwa. Chini ya screen na hoja ya mshale kuweka chaguzi "Centered" na "Katika katikati."
• Weka tayari ujumbe wa maandishi au "kuandika" ni haki katika mpango DW kwa kuchagua aina na ukubwa wa herufi, na alignment ya maandishi kwenye ukurasa.

Kujenga viungo vya HyperText

Sisi kujaribu kufanya HTML mbili ya kitaalamu zaidi na ya juu. Pamoja na lengo hili katika kujificha maudhui viungo. Ili kufanya hivyo, chagua eneo katika maandishi, ambayo alichaguliwa kama HyperText kiungo. Katika kona ya kushoto unapaswa kuwa "wazi" sahihi icon na kuingiza kiungo kutoka sanduku kushuka juu ya skrini. Katika hali hii, usisahau kuweka alama ya vema katika kuangalia sanduku «_blank», kufungua kiungo katika dirisha jipya, na mpokeaji baada show hajapoteza kupata barua kuu.

Jinsi ya kuingiza picha

Kwa kawaida barua katika muundo HTML kutimiza maelezo ya mawasiliano, hasa na picha ya mwandishi au husika kimaudhui picha. Ni inaweza kupakuliwa kutoka mtandao au kwa kupakua kwenye mtandao, kama unahitaji URL ya picha. Hii ni bora kufanyika kwa moja ya huduma ya bure.

Kutoa kama kuishia nzuri:

• kuingizwa katika chini ya ujumbe, katika meza nyingine msingi 3 na nguzo 0 parameter kwa saizi ya mipaka;
• kuweka mshale katika meza, ambapo wanataka kuona picha,
• alama katika dirisha chini, "katikati" na "makali" kwa ajili ya kila sehemu,
• kuchagua orodha ya juu tab "Ingiza";
• Je bonyeza uandishi "Image" katika menyu ibukizi, kuweka kunakiliwa mawasiliano anwani;
• vyombo vya habari «Ok» mara 2.

ukaguzi

Sasa kwa kuwa wewe kujua jinsi ya kufanya HTML mbili, unapaswa kuhakikisha kwamba mpokeaji kuona katika mfumo sahihi. Hadi mwisho huu, kabla ya kuwasilisha unataka kuona kazi yako katika Dreamweaver CS3 browser. Ili kufanya hivyo, bonyeza juu ya picha na duniani katikati orodha ya juu. Kama badala ya barua alionekana kwenye screen, abracadabra, unapaswa kuweka katika browser yako mazingira avtokodirovku.

encoding

Kutoka "Mradi" sehemu na kwenda posta sehemu - "Kanuni". Katika dirisha kutengwa na nakala viliomo baina vitambulisho na . Ila faili. Kisha, kuingiza HTML-code.

Kutuma barua pepe HTML-

Kufanya mail wazi "Smartresponder" (SR). kisha:

• kuchagua au kuunda mpya ya barua pepe kwa kujaza string "jina" na "kushughulikia mtumaji."
• kujaza mstari "mandhari ya barua";
• alama katika sehemu ya juu ya orodha ya kushoto HTML-code,
• msimbo wa kupachika kunakiliwa kwa mpango DW-code katika uwanja kubwa "Chanzo";
• kuangalia usahihi wa kuonyesha njia ya chombo "Hakiki";
• Hufuta toleo la maandiko la maandishi ya Sheria
• mtihani kwa spam, kwa kutumia kifungo husika dhidi ya "Tuma" button.

Baadhi templates maarufu

Kutumia mfumo husaidia kwa kiasi kikubwa kuongeza kasi ya mchakato wa kuandika na kufanya hivyo zaidi kupatikana kwa developer, ambayo ina tu anaelewa mambo ya msingi ya kujenga mtandao hati. chati maarufu:

• Cerberus. Kama haya ya kinachojulikana templates msikivu kujenga barua, kwa kawaida kuonyeshwa katika programu ya simu Gmail, na katika Outlook. Ni utapata kutumia HTML-code vitalu, ama peke yake au kwa kuchanganya yao.
• Ink - ni kuvuna na barua pepe, barua za ambazo ni karibu ya kimataifa na sambamba na vifaa vyote na wateja.
• Kweli rahisi HTML email template. template inaruhusu kujenga barua pepe barua ni rahisi sana na kwa haraka. Hata hivyo, itakuwa na kubuni rahisi sana kwa njia ya safu, ambayo iliingia wito kwa hatua.

Jinsi ya kuingiza HTML katika

Acheni sasa tuchunguze tatizo tofauti kidogo. Kuingiza HTML code katika barua pepe, kwa mfano, gmail kutumia, kama katika mfano hapo chini, browser Google Chrome, unapaswa:

• bonyeza kifungo «F12», au chagua mlolongo sahihi ya amri katika orodha;
• katika dirisha wazi kwa wateja wa sasa posta ukurasa gmail kupata nafasi wapi kuingizwa katika HTML mbili, kufanya click sahihi na kuchagua «Hariri kama HTML».
• kuweka HTML code,
• vyombo vya habari mchanganyiko wa funguo mbili «Ctrl» na «Ingiza».

Kwa lengo moja unaweza kushusha rahisi ispolzovnii Mozilla Thunderbird mpango. Pamoja na hayo unaweza kujenga barua, basi kwanza kuchagua "Insert" na kisha "HTML" na kuweka kwa barua pepe kanuni yako.

vyombo

Vordpressovsky barua Newsletter Plugin utapata kitaaluma kusimamia majarida na wafuatiliaji. Na kisha, na mwingine hufanywa moja kwa moja kupitia jopo admin WordPress. hali hii inatoa udhibiti kamili na kabisa bila ya malipo, ambayo hawezi kufurahi.

rahisi chombo mwingine - Bulletproof background picha, ambayo ni chombo rahisi kwamba utapata kupata code kwa picha ya mandhari iliyoundwa na herufi. Ni inaweza kukusaidia kufanya mawasiliano mazuri zaidi. Kwa usajili wa barua lazima tu kuingia URL ya picha ya mandhari walipenda na hifadhi rangi, na kama vigezo hizi ni kutumika kwa mwili mzima wa HTML pepe au wao ni tu nia ya moja ya seli meza. Matokeo yake ni tayari kwa kificho kwamba unataka nakala na kuweka katika template yako.

Sasa kwa kuwa unajua jinsi ya kutuma HTML-pepe. ianzishwe si vigumu hasa, hasa kama kutumia tayari-alifanya templates ambayo mtandao hakuna uhaba. Kwa hiyo, hata wale ambao hawana elimu maalum, kwa urahisi kukabiliana na kazi hii.