Carane nggawe HTML-email: langkah dening langkah

Mailing Lists kalebu bagéyan wigati saka kampanye marketing. Nggawe email kanggo wong-wong mau nganggo cara akeh meh podho pangembangan kaca Web prasaja. Sanalika iku kudu njupuk menyang akun sawetara penting beda. Ing tartamtu, ngirim HTML-email bakal ampuh yen lagi arupi bener ing pangertèn technical, lan isi lan gaya sing ketemu gol. Ing kasus iki, ana pemahaman sing awam sing ora bisa ngrampungake tugas iki. Artikel menehi langkah rinci dening langkah, carane nulis lan carane ngirim HTML-email.

Fitur tumitah

wong Modern ditampa saben dina rata-rata 5-6, lan kadhangkala nganti 10 e-layang. Iki tegese sampeyan mung duwe kurang saka liya, duwe wektu kanggo tarik manungsa waé saka panampa, sadurunge dadi kanggo maca saka Correspondence ngisor. Yen ora, sampeyan ngirim HTML-email bakal rampung ora ono guno, lan sampeyan mung boroske wektu.

Salah Suasana sing nambah kasempatan narik kawigatosan pelanggan potensial utawa pirsawan target liyane nitahaken saka Correspondence, kang dicocogake kanggo piranti seluler. Sawise kabeh, paling sing kanggo kang wis ono kanggo ndeleng email, mbokmenawa digunakake luwih kerep tinimbang komputer desktop lan laptop.

Iki waé bisa digunakake, contone, "responsif desain" gampang adapts ukuran layar.

Apa sing arep huruf Cithakan

Nalika tata letak document, dimaksudaké kanggo ngirim koresponden, bakal ngirim menyang syarat ing ngisor iki:

• Iku kudu digawe cukup panah, IE. E. Ing ukuran ora bakal ngluwihi sawetara 500-600 piksel sing nyedhiyani tampilan bener saka teks lan isi liyane ing piranti gawé.
• Sampeyan kudu nggunakake font cukup gedhe kanggo kabeh informasi teks uga iOS-piranti HTML-mail bakal ora adil kanggo maca yen ukuran font saka ing paling 13 piksel.
• Unsur kang sampeyan bisa klik apa, kudu cukup gedhe lan terisolasi saka pranala sing paling cedhak. Ing kasus iki, panampa bisa gampang ngaktifake ing pisanan nyoba.

training

Sadurunge pangembangan HTML-layang, sampeyan kudu nggawe siji saka drive folder anyar lan jeneng iku, contone, "News". Kajaba iku, sampeyan kudu ngundhuh lan nginstal software Dreamweaver CS3. Produk iki saka Adobe alat Camping Desain nyedhaki prasaja lan uga wis cocog kanggo pangembangan mailing serat Kartini ing format HTML.

Nggawe lan nyimpen dokumen

Sadurunge nulis teks aksara, sampeyan kudu:

• mbukak cukup populer program-Desainer HTML-email Dreamweaver CS3 (DW);
• nggawe document kanthi milih jinis "Transition HTML 4.01»;
• nyimpen file karo extension «.html»;
• ing menu ndhuwur kanggo nemokake printah editing;
• mbusak obah saka mriksa-kothak "Gunakake CSS tinimbang tag HTML».

Langkah dening langkah

Saiki, ayo kang ndeleng carane nggawe HTML-email. Kanggo nindakake iki:

• Terus-terusan mbukak tab menu "Pasang" lan "Table" lan mbabarake paramèter perlu meja. Contone, baris - 2 kolom - 1, Jembar - 700, header - ndhuwur. Wates bisa nyetel, lan sampeyan bisa nindakake tanpa wong, khusus 0.
• Mbentuk header pesen. Wiwit HTML-layang dimaksudaké kanggo nomer luwih saka ahli waris, supaya nggunakake operator [first_name], kanggo sulih jeneng panampa sing dipengini.
• Ing jendhela ngisor, ing "Properties" sijine munggah paramèter perlu kanggo font, ukuran lan werna saka teks judhul lan werna latar mburi.
• "Metu" saka lapangan header. Ing ngisor layar kanggo mindhah kursor sijine opsi "tengah" lan "Ing tengah."
• Pasang pesen teks disiapake utawa "nulis" tengen ing program DW kanthi milih jinis lan ukuran font, lan Alignment saka teks ing kaca.

Nggawe pranala hypertext

Kita bakal nyoba kanggo nggawe HTML-layang liyane profesional lan majeng. Kanthi goal iki ing isi Singidaken hyperlinks. Kanggo nindakake iki, milih panggonan ing teks, kang dipilih minangka link hypertext. Ing sudhut kiwa arep "mbukak" lambang cocok lan masang link saka kothak gulung ing ndhuwur layar. Ing kasus iki, ora lali kanggo nyelehake obah ing mriksa-kothak «_kosong», kanggo mbukak link ing jendhela anyar, lan panampa sawise gambar wis ora ilang akses kanggo huruf utama.

Carane masang gambar

Biasane layang ing format HTML jangkep rincian kontak, luwih karo foto saka penulis utawa gambar tematik cocog. Sampeyan bisa diundhuh saka internet utawa dening ngundhuh ing Internet, sing kudu ing URL saka gambar. Iki paling rampung dening salah siji layanan free.

Kanggo ngetokake kuwi pungkasan becik:

• dipasang menyang ngisor pesen, menyang meja basa liyane 3 lan kolom 0 parameter kanggo piksel wates;
• sijine kursor ing meja, ngendi padha arep ndeleng gambar;
• tandha ing jendela ngisor, "tengah" lan "pinggiran ndhuwur" kanggo saben bagean;
• milih saka ndhuwur menu tab "Pasang";
• aja klik ing prasasti "Gambar" ing menu nyembul, paste alamat kontak disalin;
• penet «Ok» 2 kaping.

review

Saiki sing ngerti piye carane HTML-layang, sampeyan kudu nggawe manawa panampa bakal ndeleng iku ing wangun bener. Kanggo iki pungkasan, ngajokake pengin ndeleng karya ing browser Dreamweaver CS3. Kanggo nindakake iki, klik lambang karo globe ing menu ndhuwur tengah. Yen tinimbang aksara muncul ing layar, Sakit Minta Ampun, sampeyan kudu sijine ing browser Panjenengan setelan avtokodirovku.

enkoding

Saka bagean "Project" lan mbukak bagean kode - ing "Code". Ing jendhela sing kapisah lan nyalin kabeh sing dumunung antarane tags lan . Simpen berkas. Sabanjure, masang HTML-kode.

Ngirim HTML-email

Kanggo nggawe mail mbukak "Smartresponder" (SR). banjur:

• milih utawa nggawe email anyar kanthi ngisi metu senar "jeneng" lan "alamat pangirim."
• isi "tema huruf" line;
• tandha ing menu kiwa HTML-kode ndhuwur;
• kode embed disalin menyang program DW-kode ing lapangan gedhe "Sumber";
• mriksa bener saka liya tampilan alat "Preview";
• Mbusak versi teks aksara;
• nyoba kanggo spam, nggunakake tombol sing bener ing jejere "Send" tombol.

Saperangan Cithakan populer

Nggunakake framework mbantu kanggo Ngartekno akselerasi proses nulis lan wis liyane diakses kanggo pangembang, kang wis mung mangertèni kerja nggawe web-dokumen. Patron paling populer:

• Cerberus. Iki pesawat saka supaya disebut-Cithakan responsif kanggo nggawe huruf, biasane ditampilake ing aplikasi mobile Gmail, lan ing Outlook. Nanging ngidini sampeyan kanggo nggunakake pamblokiran HTML-kode, salah siji piyambak utawa dening nggabungke.
• Ink - wis panen email, mailings kang meh universal lan kompatibel karo kabeh piranti klien.
• Banget prasaja cithakan email HTML. Cithakan iki ngidini sampeyan kanggo nggawe mailing aksara banget cepet lan gampang. Nanging, padha duwe desain banget prasaja ing wangun asli, kang mlebu menyang telpon kanggo tumindak.

Carane masang HTML menyang

Ayo kita saiki nimbang masalah rada beda. Kanggo masang kode HTML ing email, contone, gmail nggunakake, ing tuladha ngisor iki, ing browser Google Chrome, sampeyan kudu:

• klik tombol «F12», utawa pilih urutan cocok saka swara ing menu;
• ing jendhela sing dibukak kanggo saiki customer kaca kode gmail golek panggonan kanggo bakal dilebokake menyang HTML-layang, nggawe klik tengen lan pilih «Sunting minangka HTML».
• paste kode HTML;
• pencet kombinasi rong tombol «Ctrl» lan «Ketik».

Kanggo waé padha sampeyan bisa ngundhuh gampang-kanggo-ispolzovnii program Thunderbird Mozilla. Karo sampeyan bisa nggawe layang, banjur pisanan pilih "Pasang" lan banjur "HTML" lan paste kode mailing.

instruments

Vordpressovsky e-Newsletter plugin ngijini sampeyan kanggo ahli ngatur buletin lan pelanggan. Lan banjur, lan liyane wis rampung langsung liwat panel admin WordPress. kahanan iki menehi lengkap kontrol lan rampung gratis, kang ora bisa nanging padha bungaha.

alat liyane prasaja - gambar latar mburi Bulletproof, kang minangka alat prasaja sing ngijini sampeyan kanggo njaluk kode kanggo gambar latar mburi digawé dening huruf. Bisa mbantu nggawe Correspondence ayu. Kanggo Pendhaftaran huruf mung kudu ngetik URL saka gambar latar mburi sing disenengi lan cadangan werna, lan apa paramèter iki Applied kanggo kabeh awak saka HTML-layang utawa lagi mung dimaksudaké kanggo siji saka sel meja. Asil punika kode siap-digawe sing arep kanggo nyalin lan nempel menyang cithakan.

Saiki sing ngerti carane ngirim HTML-email. sawijining titah ora utamané angel, utamané yen sampeyan nggunakake Cithakan siap-digawe kang web ora butuh. Mulane, malah wong-wong sing ora duwe kawruh, bisa gampang ngrampungake tugas iki.