Alok ng Stripo malawak na pagpipilian libreng mga template ng email. Pinangkat sila ng mga lugar at kategorya ng negosyo tulad ng mga espesyal na kaganapan, piyesta opisyal, atbp. Ang aming mga template ay paunang idinisenyo para sa lahat ng mga uri ng mga mensahe ng pag-trigger, mga serbisyong ligal at pagkonsulta, mga pang-promosyong mensahe at iba pang mga uri ng mensahe.

Mahahanap mo rito ang mga template ng pagmemerkado sa email na naaangkop sa iyong mga pangangailangan at iyong panlasa.

Bakit natitiyak natin ito:

Tumutugon disenyo ng web

Ang lahat ng mga template ng Stripo ay ganap na tumutugon. Nangangahulugan ito na ang lahat ng mga mobile device at karamihan sa mga kliyente sa email ay ipinapakita nang tama ang mga ito.
Gayunpaman, maaari kang pumili ng anumang imahe, hadlangan o istraktura at gawin itong hindi tumutugon kung nais mo ang ilang mga elemento ng iyong mga template ng email na manatiling buo.
Gayundin, salamat sa bukas na HTML code ng aming mga libreng template ng email, posible na pumili kung aling mga imahe at mga bloke ang ipapakita sa mga mobile device, at alin - sa mga desktop device lamang.
Gamitin ang aming mga template ng pag-post sa HTML para sa iba't ibang mga kampanya sa marketing.

Dalawang editor sa isa

Pinagsasama ng aming kasangkapan sa susunod na henerasyon ang bukas na mapagkukunang HTML / CSS sa isang drag-and-drop na editor.
Binibigyan ka ng tampok na ito ng kakayahang mag-disenyo ng mga visual at teksto sa pamamagitan ng pag-drag at pag-drop ng mga bahagi ng tool. Salamat sa HTML code, maaari mong i-embed ang mga elemento ng video at interactive sa iyong template ng newsletter at bumalik sa disenyo ng visual nang hindi iniiwan ang editor.

Paglikha ng mga banner

Sa Stripo, madali kang makakalikha ng mga banner, mai-render ang mga ito sa isang editor, at maglagay ng teksto sa banner. Salamat sa tampok na ito, mayroon kang kakayahang muling gamitin ang mga banner. Ngayon hindi mo na kailangan ng anumang karagdagang mga tool (halimbawa, mga editor ng larawan) upang gawing malikhain at ipasadya ang tumutugong template ng HTML alinsunod sa iyong mga kagustuhan.
Malawakang kilala na pinapalitan ng mga mailer ang mga pandekorasyong font ng mga ligtas sa web. Sa parehong oras, nawawala ang iyong disenyo ng email ng espesyal na kagandahan. Ngunit pinapayagan ka ng Stripo na gumamit ng anumang font na gusto mo mula sa mga magagamit sa aming editor. Paano ito magagawa? Ilagay lamang ang iyong teksto sa banner, pumili para dito angkop na kulay at maglapat ng isang pandekorasyon font na iyong pinili sa teksto.
Ang mga kliyente sa email ay tinatrato ang teksto na naka-overlay sa anumang imahe bilang bahagi ng imahe mismo. Sa ganitong paraan, makikita ng mga tagasuskribi ang iyong teksto na idinagdag sa libreng template ng HTML na eksaktong nilalayon.

Awtomatiko sa trabaho - ang aming natatanging mga elemento ng matalino

Ang paglikha ng mga card ng produkto ay isang nakakapagod na proseso. Ngunit ginagawa ng Stripo ang lahat upang mas madali ang trabahong ito para sa iyo. Pagkatapos ng ilang pagpapasadya ng mga matalinong elemento, kailangan mo lamang i-paste ang link sa nais na linya. Ang paglalarawan, gastos, sample ng mga kalakal ay awtomatikong mailalagay sa naaangkop na mga patlang. Para sa iyong kaginhawaan, nagdagdag na kami ng mga matatalinong elemento sa ilang mga template ng pag-post ng HTML. Makakatipid ng oras sa iyo ang Stripo!

Personal na library ng module sa Stripo

Lumikha, mag-edit at mag-save ng mga lalagyan ng block / istraktura / guhitan / nilalaman sa iyong personal na library. Maaari mong gamitin ang mga ito anumang oras na magsimula ka ng isang bagong kampanya sa email.
Ang aming mayroon nang mga libreng template ay awtomatikong nahahati sa mga module na magagamit na sa personal na silid-aklatan.

Simpleng pag-export

Ang mga template ng mensahe ng tumutugong Stripo ay madaling mai-export sa karamihan ng mga provider ng email at mga tanyag na mailer tulad ng Gmail at Outlook.
Mahusay na balita: ang aming mga template ng email ay mai-e-edit kahit na pagkatapos ng pag-export. Salamat sa advanced na pagsasama, maaari kang gumawa ng lahat ng uri ng mga pagbabago sa HTML code, teksto at mga visual na elemento. Ginagawa ng opsyong ito ang tumutugon na mga template ng HTML ng Stripo na mag-friendly sa mga kliyente at provider ng email.
Para sa iyong kaginhawaan, maaari mo ring pag-uri-uriin ang iyong mga template ng email sa pamamagitan ng mga folder.

Ang pagmemerkado sa email ang aming hilig at iyon ang dahilan kung bakit bumubuo ang Stripo ng mga propesyonal na template ng email na may tunay na pag-ibig.

Magpakita pa

Ang mahusay na pagmemerkado sa email ay nagsisimula sa disenyo ng liham. Ngayon, kapag ang karamihan sa mga kliyente at platform ng email email suportahan ang mga bagong pamantayan sa web, maaari kaming magpadala ng mga tumutugong email sa lahat ng mga tagasuskribi gamit ang mga nakatigil at mobile device. Tumutugon Mga Template ng HTML ginagarantiyahan ng mga email na ang aming newsletter ay pantay na nakikita ng mga tagasuskribi kahit anong aparato ang basahin nito.

Upang matulungan kang gawin tamang pagpiliNarito ang isang pagpipilian ng pinakatanyag na mga template ng email sa marketing ng email. Sa loob nito, sinuri namin hindi lamang ang mga template, ngunit din ang mga tumutugong framework na maaari mong gamitin upang lumikha ng iyong sariling mga template.

Cerberus

Ang paglikha ng isang template ng email sa newsletter mula sa simula ay maaaring maging isang nakakatakot na gawain sa sarili nito. At kailan dumating na tungkol sa paglikha ng isang tumutugong layout, mayroon pa rin mas maraming mga nuancesupang isaalang-alang. Ito ang dahilan kung bakit ang isang balangkas tulad ng Cerberus ay maaaring magamit para sa iyo.

Ang compact library na ito ay idinisenyo upang matulungan ang mga gumagamit na lumikha ng isang email na may maraming mga template ng HTML na magbibigay ng isang hindi malilimutang karanasan sa pagtingin sa email para sa iyong mga subscriber. Maliit na template na nilikha gamit ang gamit ang HTML , hindi sila inilaan upang magamit bilang isang resulta. Inirekomenda ni Cerberus na mag-eksperimento sa HTML upang lumikha ng iyong sariling mga pagkakaiba-iba.

Litmus

ito sikat na tatak kabilang sa mga nais na subukan at pag-aralan ang kahusayan pagmemerkado sa email mga kampanya. Ang koponan ng Litmus ay kilala sa regular na pagbibigay sa komunidad ng iba't ibang mga libreng mapagkukunan, isa na rito ay isang hanay ng mga tumutugong template ng email.

Ang lahat ng limang mga template sa hanay ay nahuhulog sa iba't ibang mga kategorya. Kabilang sa mga ito: template ng sulat sa newsletter ng HTML, bagong template ng anunsyo ng produkto, template ng resibo para sa mga abiso sa pananalapi, mga anunsyo para sa pagpapadala ng mga maikling mensahe, at kahit isang regular na template ng liham. Mahusay ito para sa mga gumagamit na nais ang kanilang mga email na maging simple ngunit tumutugon.

Tumutugon na Framework ng Email sa HTML

Ito ay isang buong tampok na solusyon para sa paglikha ng mga tumutugong newsletter ng email. Ang balangkas ay nagbibigay ng mga tagabuo ng isang hanay ng mga grids, module, block at linya para sa nilalaman, isang pagpapaandar para sa pagtatakda ng distansya sa pagitan ng mga elemento, pindutan, linya ng imahe at iba pang mga elemento na maaaring magamit upang makabuo ng isang walang bahid na template ng liham. Nasubukan ito sa lahat ng tanyag na mga kliyente sa email.

Foundation para sa mga Email

Ito ay isang koleksyon ng iba't ibang mga balangkas at platform para sa pag-optimize ng pag-unlad ng web. Nagbibigay ang Foundation ng mga developer at taga-disenyo ng isang madaling gamiting CSS framework upang mabilis na makalikha ng mga mabisang tumutugong email.

Ang bawat editor ng template ng liham na HTML ay katutubong gumagamit ng grid system na ibinigay ng Foundation. Maaari itong dagdagan ng iba't ibang mga karaniwang ginagamit na elemento para sa mga naturang layunin. Kung nasa e-commerce ka man o tatak ng negosyo, makakatulong sa iyo ang Foundation na lumikha ng mga tumutugong template. mga email.

Antwort

Ang Antwort ay hindi nakaposisyon bilang isang balangkas, tinawag nila ang kanilang sarili na isang mapagkukunan ng mga handa nang template ng email na maaaring umangkop sa nakatigil at mga mobile device... Gumagawa ito nang walang kamali-mali sa iOS at Android, pati na rin ang mga pangunahing kliyente sa email tulad ng Yahoo!, Gmail, at Outlook.

Kahit na may ilan sa mga pinakalumang bersyon ng Outlook. Ang mga layout ay dinisenyo na may isip ng pagdaragdag ng nilalaman. Sa parehong oras, ang istilo ng disenyo ng sulat ay minimalistic.

Palaruan ni ZURB

Ito ay isang development company HTML5 framework Foundationat isang service operator din na tinatawag na Ink. Ngayon mas kilala ito bilang Foundation Email.

Nag-aalok ang ZURB's Playground ng pagpipilian ng limang magkakaibang mga template ng email na madaling umangkop sa anumang laki ng aparato at aparato. Ang lahat ng mga template ay may kasamang magkakahiwalay na mga styleheet at mga dokumento ng HTML. Ang mga template na ito ay magiging katugma sa anumang pangunahing platform ng email. Madali kang makakahanap ng isang serbisyo kung saan maaari mong gamitin ang mga template na ito.

Mosaico

Isang platform na nagpapahintulot sa sinuman na lumikha ng tumutugon, magandang mga template ng email sa HTML. Nagbibigay ang Mosaico ng mga tool para sa pamamahala ng mga pasadyang elemento at tumutugon disenyo... Sa kanilang tulong, maaari mong isapersonal ang lahat ng mga layout sa pag-click ng isang pindutan.

Pinapayagan ka ng built-in na control system na i-undo at gawing muli ang lahat ng mga pagbabagong nagawa. Maaari mo ring i-upload ang iyong sariling mga template ng email at ipasadya ang mga ito sa Mosaico. Ang platform ay bukas na mapagkukunan at hinihikayat ang lahat na makilahok sa pagbuo ng proyekto.

Buksan ang Mga Template ng Email ng Source

Ang isang kilalang platform ng pagmemerkado sa email na nag-aalok ng mga marketer at blogger ng kakayahang lumikha at ma-market ang kanilang mga template sa loob ng isang madaling gamiting kapaligiran. Bilang pasasalamat sa pamayanan ng marketing, ang SendWithUs ay nagbibigay sa mga gumagamit ng isang silid-aklatan ng sampung tumutugong mga template.

Ang lahat ng mga template ay bukas na mapagkukunan, na nagbibigay-daan sa iyo upang gumawa ng anumang mga pagbabago at pagsasaayos ayon sa iyong paghuhusga. Bagaman libre ang mga template na ito, angkop lamang ang mga ito para sa pag-invoice at mga notification sa mga customer.

Tumutugon sa Mga pattern ng Email

Si Brian Graves ay naglatag ng isang matibay na pundasyon para sa paglikha at pagtatrabaho sa mga tumutugong email. Ang proyekto ng Mga Tumutugon sa Mga pattern ng Email ay isang koleksyon ng mga naka-plug na template na maaari mong gamitin upang mabilis na makalikha ng mga tumutugong email para magamit sa iyong paboritong platform ng email o direkta sa iyong email client. Kasama sa mga template ang mga item tulad ng mga listahan, media, nabigasyon, at grids.

Mga Template ng Email sa HTML

Isang kagalang-galang serbisyo sa pagmemerkado sa email na tumulong sa daan-daang libu-libong mga marketer sa internet na makamit ang pinakamainam na mga resulta sa pagmemerkado sa email. Nagbibigay ang Campaign Monitor ng pag-andar para sa pagsubok ng mga kampanya sa email, pati na rin isang tagabuo ng email at isang koleksyon ng mga template ng email sa HTML. Mayroon itong higit sa 20 natatanging mga template upang umangkop sa halos anumang sitwasyon. Mga template para sa pakikipagsosyo, negosasyon sa negosyo, tradisyonal na mga template ng newsletter at template para sa mga anunsyo ng kaganapan.

Inspirasyon sa Disenyo ng Email ng mga Disenyo ng Email sa HTML

Ito ay isang lalagyan ng pinakamahusay na mga template ng email na ginamit ng ilan sa mga nangungunang kumpanya ng tech sa kanilang mga newsletter: Dropbox, Udemy, Moo, DigitalOcean, at marami pa. Ang mahusay na bagay tungkol sa mga halimbawang template na ito ay ipinadala sa mga totoong gumagamit. Pinapayagan kang madali mong pag-aralan ang istraktura ng mga template upang mas mahusay na maunawaan ang mga detalye ng pagpapatupad na nagbibigay sa kanila. mataas na kahusayan... Daan-daang mga template ng email upang magamit bilang isang sanggunian.

MJML - Ang Tumutugon na Framework ng Email

Ito ay isang balangkas at built-in na pasadyang wika ng markup na dinisenyo upang matulungan ang mga developer na mabilis na lumikha ng mga tumutugong template. Ang layunin ng MJML ay upang gawing mas madali upang makabuo ng tumutugong disenyo ng email. Ang markup na iyong nilikha sa MJML ay awtomatikong na-convert sa ganap na sumunod na code ng HTML5. Maaari mo itong gamitin sa anumang email client. Maraming mga paunang natukoy na template ay magagamit din.

Respmail

Para sa mga hindi nais na guluhin ang mga kumplikadong mga balangkas, mayroong Respmail - isang simpleng solusyon sa marketing na tumutugon sa email. Nagbibigay ito sa iyo ng isang solong template na maaari mong baguhin ayon sa gusto mo. Mula nang masimulan ito, ang template ng email sa HTML ay napabuti at pinong maging katugma sa lahat ng pangunahing mga kliyente sa email.

Hilig

Ito ay isang sopistikadong template ng liham na gumagamit ng mga modernong konsepto sa disenyo ng web. Ang pagiging malawak ng template na ito ay napakahanga. Iba't ibang mga elemento Ang mga template ay magkakahiwalay na bahagi, at mapipili mo lang kung ano sa tingin mo ay kinakailangan para sa mga sulat sa pag-mail.

Libreng Template ng Newsletter

Libreng template ng newsletter. Ito ay isang matikas at kaunting solusyon para sa mga naghahanap ng isang simpleng layout ng email. Sa aming palagay, ang template na ito ay maaaring maging kapaki-pakinabang para sa mga blogger, artista, manunulat na nais iparating ang kanilang mensahe nang hindi kinakailangang mag-overload ng sulat sa mga modernong kumplikadong elemento.

MailPortfolio

Sinusundan ng MailPortfolio ang parehong pilosopiya tulad ng template ng email sa HTML na inilarawan sa itaas. Ang pagkakaiba lamang ay ang MailPort portfolio ay higit na nakatuon sa pangunahing mga pula. Ngunit lahat ng iba pa ay tila eksaktong pareho. Sa footer, maaari mong punan ang kinakailangang impormasyon ng kumpanya, na kinakailangan para sa karamihan ng mga platform sa marketing ng email.

Ang Araw ng mga Puso ay mabilis na papalapit! Iyon ang dahilan kung bakit napagpasyahan naming isama ang pagsusuri magandang template Template ng Email sa Araw ng mga Puso, na maaari mong gamitin sa araw na ito upang itaguyod ang iyong mga alok, balita. Sa iba't ibang mga tampok, maaari mong ipasadya ang template na ito para sa iba't ibang mga kaso ng paggamit.

EDMDESIGNER

Ang kumpanya na ito ay tumagal ng mahabang panahon upang ganap na umangkop sa mga pangangailangan ng pamayanan. Ang resulta ay isang functional platform para sa paglikha ng mga email. Ang interface ng drag-and-drop ay tumutulong sa mga developer na lumikha ng magagandang mga layout. Hindi mo na kailangang mag-aksaya ng oras sa muling paglikha ng parehong nilalaman nang paulit-ulit. Sa EDMDESIGNER, maaari mong mai-save hindi lamang ang mga template ng sulat, kundi pati na rin ang mga indibidwal na elemento. Sa hinaharap, maaari mo itong magamit muli sa anuman sa mga kampanya sa hinaharap.

Modernong Email sa HTML

Nais naming wakasan ang aming listahan ng mga libreng template sa isang libro. ito ang pinakamahusay na paraan Alamin kung paano lumikha ng mga tumutugong template ng email. Ang may-akda ng isa sa kanila ay Jason Rodriguez... Tutulungan ka ng libro na lumikha ng moderno at magagandang mga template ng email sa HTML na gagana nang mahusay sa lahat ng mga aparato, sa lahat ng mga kliyente at sa lahat ng mga browser. Saklaw ng libro ang mga pangunahing aspeto ng paglikha ng mga email, pati na rin kung paano subukan ang mga email at i-optimize ang mga ito gamit ang mga tool at ulat na analitikal.

Premium na tumutugon mga template ng email sa HTML

Nais naming ibahagi ang tungkol sa mga tumutugong mga template ng email sa HTML mula sa premium na segment. Ang kanilang mga presyo ay talagang mababa ( kumpara sa kung magkano ang babayaran mo sa isang taga-disenyo para sa trabahong ito). At nakita namin ang ilang talagang mahusay na mga template.

Idea

Isang functional template na nagbibigay ng lahat ng magagamit mga modernong elemento HTML5 na maaaring mai-embed sa template mismo. Madali mong maiuugnay ang iyong mga presyo, tampok sa produkto na may mga built-in na elemento na ginagawang simple ang buong proseso. Naglalaman ang template ng built-in na drag-and-drop module upang matulungan kang lumikha ng mga kamangha-manghang mga email. Ito ay ganap ding katugma sa mga nangungunang provider ng marketing ng email.

Vibgyor

Ang Vibgyor ay maaaring inilarawan bilang isang template ng maraming layunin para sa iba`t ibang industriya... Propesyonal hitsura ginagawang kaakit-akit ang Vibgyor sa mga negosyong ito. Naglalaman ito ng isang drag-and-drop na tagapagbuo na ginagawang madali upang baguhin at i-optimize ang anumang bahagi ng template ayon sa nakikita mong akma.

Kamusta po sa lahat Noong isang araw napagpasyahan kong alamin kung paano ang mga html na titik ay typeet. Gumugol ako ng maraming oras sa Internet, muling binasa ang dose-dosenang mga artikulo tungkol sa paksang ito at napagpasyahan kong ito ay isang napakahirap na gawain.

Ngunit ang pagnanasa ay naroroon, kaya nagsimula akong maghukay pa. Marahil sa isang blog, sa madaling panahon ay papalitan ko ang subscription sa email mula sa feedburner (sa ilalim ng mga artikulo) ng ilang iba pang kung saan maaari mo itong gawing mas maganda. Ang pangunahing bagay ay isinasaalang-alang ang lahat ng mga nuances ng layout para sa mga kliyente sa email, at maniwala ka sa akin, marami sa kanila.

Ang kaugnayan ng paglikha ng mga html na titik para sa mga listahan ng pag-mail

Ang listahan ng pag-mail ay isa sa pinaka mabisang paraan nagbebenta ng mga kalakal, naghahatid ng balita sa mga customer, nagsasabi tungkol sa mga promosyon at karagdagang serbisyo... Dagdag pa, kapag mayroon kang isang base sa customer, maaari mong ibalik ang mga "luma" na customer at gumawa ng isa pang pagbebenta.

Maaari kang magpadala ng materyal tungkol sa mga karagdagang serbisyo na maaaring naging interesado sa iyong mga customer pagkatapos ng unang pagbili.

At syempre, gumagana ang teorya ng malalaking bilang dito. Kung magpapadala ka ng isang alok upang magbenta ng isang bagay sa 20,000 mga tagasuskribi, 1000 sa kanila ay pamilyar sa alok at hindi bababa sa 10 ang bibili nito, at ang gastos ay 0. Nagpadala ka lamang ng isang sulat!

Ngunit may isang hindi nagbukas ng liham, may nagbukas nito at hindi ito binasa, dahil may isang bakas ng paa ng teksto, hindi binuksan ang mga larawan ng isang tao, at ang pag-type ng isang tao ay napunta. Nangyayari ito Dahil sa ang katunayan na ang mga mailer ay hindi sumusuporta sa css pati na rin ang mga browser. At tungkol sa javascript - Sa pangkalahatan ay tumatahimik ako.

At maraming mga problema para sa mga taga-disenyo ng layout na nakikibahagi sa paglikha ng mga titik na html.

Ngunit ngayon susubukan kong sabihin sa iyo kung paano lumikha ng isang html na liham na magbubukas nang pantay sa lahat ng mga browser (kabilang ang mobile) at mga program sa email, upang ang iyong mga titik ay mukhang kaakit-akit at hindi ka mawawalan ng mga kliyente. Hindi ito ang huling post, kung may mga problema sa display, pagkatapos sa paglaon ay itatama ko ang isang ito o magsulat ng isang sumunod na pangyayari. Magpapasalamat din ako sa lahat na makakatulong sa pagsubok at makilala ang mga problema.

May mga problema sa layout ng HTML

Dahil sa ang katunayan na ang mga serbisyo sa postal ay walang pangkalahatang mga patakaran pagpapakita ng mga titik na html, kailangang gamitin ng taga-disenyo ng layout ang mga patakaran ng layout ng dekada 90. Ang ilang mga tao ay hindi kailangang masanay dito, ngunit dapat kong tanggapin na hindi ako nakasulat ng mga istilo sa loob ng isang html na dokumento, at hindi lamang sa loob ng isang html na dokumento na gumagamit ng, katulad ng inline, para sa bawat elemento nang hiwalay.

Ang ilang mga mailer ay pinatay ang suporta para sa mga style sheet at styleheet nang kabuuan, sa paraang inilarawan sa itaas. Pinagtatalunan ito ng katotohanan na ang mga titik ay partikular na kinakailangan para sa teksto. Kaya kailangan mong magsulat ng mga estilo para sa bawat elemento nang magkahiwalay.

Ang isa pang sorpresa ay hindi maraming mga serbisyo sa email ang sumusuporta sa mga float at margin at padding. Paano mo gusto ito Isipin na gumawa ka ng isang cool na tatlong haligi na html na letra batay sa (mga) div, at nakuha ng gumagamit ang naturang basura na agad niya itong tinanggal nang hindi nauunawaan kung ano ang gusto nila sa kanya.

Oo Oo Naiintindihan mo ng tama! Kakailanganin mong gumamit ng mga talahanayan kung hindi ka handa na isakripisyo ang libu-libong mga gumagamit na hindi bubuksan nang tama ang iyong liham. Ito ay lumalabas na ang mga talahanayan ay ang tanging paraan ngayon upang makamit ang pagiging tugma ng cross-browser.

Tulad ng isinulat nila sa isa sa mga site:

Naaalala natin ang mga nakakatakot na bagay tulad ng: Cellpadding, cellpacing, colspan

Sa aking kaso, kailangan kong matutunan ang mga ito, dahil hindi pa ako gumagamit ng mga talahanayan. Marahil ay hindi ko kailanman kakailanganin kung hindi ako nagpasya na harapin ang disenyo ng mga titik :)

Kung hindi ka ugali ng pagreseta ng alt para sa mga imahe, kakailanganin mong paunlarin ito para sa layout ng mga titik, dahil ang ilang mga kliyente sa mail, bilang default, ay hindi pinagana ang pagpapakita ng mga imahe, at kung mayroon kang maraming mga ito sa isang sulat, pagkatapos ay makakakita ang gumagamit ng walang laman na mga frame, pati na rin sa kanila magkakaroon ng teksto.

Gayundin, naging isang problema sa akin na kailangan kong palaging i-zero ang maraming mga halaga, halimbawa, hangganan para sa mga imahe, kung itinakda ito bilang isang link.

Bye - yun lang! Kung may ibang darating, ilalarawan ko ito sa daan. Ngayon nais kong ipakita sa iyo kung ano ang nagawa ko sa ngayon, nang walang pagdaragdag ng estilo tulad ng font, kulay, laki ng teksto, atbp. Ito ang mga elemento lamang sa tamang lugar. Sa susunod na artikulo ay ilalarawan ko ang proseso ng pagsubok sa iba't ibang mga serbisyo sa mail at mga pag-edit na dapat kong gawin.

Tulad ng nakikita mo, may kailangang gawin. Hayaan mong ilarawan ko nang kaunti ang proseso ng layout. Walang katuturan na pagtukin ito, maraming magbabago sa susunod na artikulo. Sa katunayan, ang lahat ay parang simple, ngunit sa kabilang banda, ginugol ako ng maraming oras.

Paano lumikha ng html email

Upang magsimula, lumikha ako ng isang talahanayan ng wireframe para sa buong nilalaman ng email, 100% ang lapad at may isang ilaw na asul na background. Inilagay ko rito ang dalawang lamesa ng bata. Isa para sa header (id \u003d "header"), ang pangalawa para sa nilalaman (id \u003d "nilalaman"):

Tulad ng napansin mo, itinakda ko ang cellpadding \u003d "40" para sa talahanayan ng pambalot. Ito ang padding. Itinakda ng 20px padding ang talahanayan na responsable para sa header. At idinagdag ko ang padding sa talahanayan, na naglalaman ng nilalaman. Gayundin, ang lahat ng mga talahanayan ay nakahanay sa gitna. Tayo pa ...

Ngayon kailangan mong hatiin ang header sa 2 bahagi. Sa isang lugar ang logo, at sa kabilang lugar ay lumilikha ako ng isa pang plato na may 3 mga haligi at naglalagay ng mga link sa mga social network doon.

Png "alt \u003d" (! LANG: logo" width="84" height="84"/> !}

Smartlanding | 2014