KomputerPengaturcaraan

Cara membuat HTML-email: panduan langkah demi langkah

senarai mel adalah satu bahagian penting dalam kempen pemasaran. Buat emel untuk ia dalam banyak cara ia menyerupai pembangunan laman Web mudah. Pada masa yang sama ia perlu mengambil kira beberapa perbezaan yang penting. Khususnya, menghantar e-mel HTML-akan berkuatkuasa hanya jika ia dibuat dengan betul dalam erti kata teknikal, dan kandungan dan gaya mereka memenuhi matlamat anda. Dalam kes ini, terdapat persepsi bahawa orang biasa tidak dapat menampung dengan tugas ini. Artikel ini menyediakan langkah terperinci oleh arahan langkah, bagaimana untuk menulis dan bagaimana untuk menghantar HTML-e-mel.

Ciri-ciri penciptaan

Manusia moden menerima harian purata 5-6, dan kadang-kadang sehingga 10 e-mel. Ini bermakna bahawa anda hanya mempunyai kurang daripada satu saat, mempunyai masa untuk menarik perhatian penerima, sebelum ia pergi kepada bacaan surat-menyurat yang berikut. Jika tidak, hantar HTML-e-mel anda akan benar-benar berkesan, dan anda hanya membuang masa.

Salah satu nuansa yang meningkatkan peluang anda untuk menarik perhatian bakal pelanggan atau penonton sasaran lain ialah kejadian-menyurat, yang disesuaikan dengan peranti mudah alih. Lagipun, sebahagian besar daripada orang-orang yang ia dialamatkan untuk melihat e-mel, mungkin menggunakannya dengan lebih kerap daripada komputer desktop dan komputer riba.

Untuk tujuan ini boleh digunakan, contohnya, "reka bentuk responsif" dengan mudah menyesuaikan diri dengan saiz skrin.

Apakah yang perlu template surat

Apabila susun atur dokumen itu, berhasrat untuk menghantar wartawan, perlu mematuhi syarat-syarat berikut:

  • Ia perlu dibuat agak sempit, iaitu. E. Dalam saiz tidak boleh melebihi julat 500-600 piksel yang menyediakan paparan yang betul teks dan kandungan lain pada peranti jenis apa pun.
  • Anda perlu menggunakan font yang cukup besar untuk semua maklumat teks dan juga iOS peranti HTML-mel akan tidak selesa untuk membaca jika saiz fon bagi sekurang-kurangnya 13 piksel.
  • Unsur-unsur di mana anda boleh menekan untuk lakukan, harus cukup besar dan terlindung dari pautan terdekat. Dalam kes ini, penerima boleh mengaktifkannya pada percubaan pertama.

latihan

Sebelum pembangunan HTML huruf, anda perlu membuat salah satu daripada pemacu folder baru dan nama itu, sebagai contoh, "Berita". Selain itu, anda mesti memuat turun dan memasang perisian Dreamweaver CS3. produk ini dari Adobe adalah reka bentuk alat laman web agak mudah dan sesuai untuk pembangunan surat mel dalam format HTML.

Membuat dan menyimpan dokumen

Sebelum anda menulis teks surat itu, anda perlu:

  • membuka agak popular program-pereka HTML-emel Dreamweaver CS3 (DW);
  • membuat dokumen dengan memilih jenis "Peralihan HTML 4.01»;
  • menyimpan fail dengan sambungan «.html»;
  • dalam menu di atas untuk mencari arahan penyuntingan;
  • membuang semak dari kotak semak "Use CSS bukannya tag HTML».

Panduan langkah demi langkah

Sekarang, mari kita lihat bagaimana untuk mewujudkan HTML-e-mel. Untuk melakukan ini:

  • Konsisten membuka tab menu "Insert" dan "Jadual" dan mendedahkan parameter yang diperlukan meja. Sebagai contoh, garis - 2 tiang - 1, Lebar - 700, header - atas. Sempadan boleh ditetapkan, dan anda boleh melakukannya tanpa mereka, dengan menyatakan 0.
  • Borang header mesej. Sejak HTML-surat yang dimaksudkan untuk jumlah yang lebih besar daripada waris, jadi gunakan pengendali [first_name], untuk menggantikan nama penerima yang dikehendaki.
  • Dalam tetingkap yang lebih rendah, "Properties" meletakkan parameter yang diperlukan untuk font, saiz dan warna teks tajuk dan warna latar belakang.
  • "Keluar" dari padang pengepala. Di bahagian bawah skrin untuk bergerak pilihan kursor meletakkan "berpusat" dan "Di tengah-tengah."
  • Memasukkan mesej teks yang disediakan atau "menulis" ia betul-betul di program DW dengan memilih jenis dan saiz fon, dan penjajaran teks pada halaman.

Mewujudkan pautan hiperteks

Kami akan cuba untuk membuat HTML-surat yang lebih profesional dan canggih. Dengan matlamat ini dalam kandungan hide hiperpautan. Untuk melakukan ini, pilih tempat dalam teks, yang telah dipilih sebagai pautan hiperteks. Di sudut kiri harus "terbuka" ikon yang sesuai dan masukkan link dari kotak drop di bahagian atas skrin. Dalam kes ini, jangan lupa untuk meletakkan tanda dalam kotak semak «_blank», untuk membuka pautan dalam tetingkap baru, dan penerima selepas persembahan tidak hilang akses kepada surat utama.

Bagaimana untuk memasukkan imej

Selalunya surat dalam format HTML melengkapkan butir-butir hubungan, sebaik-baiknya dengan gambar penulis atau gambar tematik yang berkaitan. Ia boleh dimuat turun dari Internet atau dengan memuat turun di Internet, kerana anda akan perlu URL imej. Ini adalah yang terbaik dilakukan oleh salah satu perkhidmatan percuma.

Untuk mengeluarkan apa-apa pengakhiran yang baik:

  • dimasukkan ke dalam bahagian bawah mesej, ke dalam jadual asas lain 3 dan lajur 0 parameter bagi piksel sempadan;
  • letak kursor dalam jadual, di mana mereka mahu melihat gambar;
  • tanda dalam tetingkap yang lebih rendah, "tengah" dan "kelebihan atas" untuk setiap bahagian;
  • pilih daripada tab menu atas "Insert";
  • jangan klik pada tulisan "Imej" dalam menu popup, paste alamat yang disalin;
  • tekan «Ok» 2 kali.

ulasan

Sekarang anda tahu bagaimana untuk melakukannya HTML-surat, anda harus memastikan bahawa penerima akan dapat melihat ia dalam bentuk yang betul. Untuk tujuan ini, sebelum menyerahkan anda mahu melihat kerja anda dalam pelayar Dreamweaver CS3. Untuk melakukan ini, klik pada ikon dengan dunia di menu atas tengah. Jika bukan huruf muncul di skrin, bukan-bukan, anda perlu dimasukkan ke dalam penyemak imbas anda tetapan avtokodirovku.

pengekodan

Dari bahagian "Projek" dan pergi ke bahagian kod - "Kod". Dalam tetingkap yang dipisahkan dan menyalin semua yang ada di antara tag dan . Menyimpan fail. Seterusnya, masukkan HTML-kod.

Hantar HTML-e-mel

Untuk menjadikan mel terbuka "Smartresponder" (SR). maka:

  • memilih atau membuat e-mel baru dengan mengisi rentetan "nama" dan "menangani pengirim."
  • mengisi line "tema huruf";
  • tanda dalam menu kiri HTML-kod di atas;
  • kod embed disalin ke program DW-kod dalam bidang yang besar "Sumber";
  • memeriksa ketepatan cara paparan alat "Preview";
  • Memadam versi teks surat;
  • mengujinya untuk spam, menggunakan butang yang sesuai di sebelah butang "Hantar".

Beberapa template popular

Menggunakan rangka kerja yang membantu dengan ketara mempercepatkan proses penulisan dan membuat ia lebih mudah untuk pemaju, yang hanya memahami asas-asas mewujudkan web-dokumen. Corak yang paling popular:

  • Cerberus. Ini set yang dipanggil template responsif untuk membuat surat, biasanya dipaparkan dalam aplikasi mudah alih Gmail, dan dalam Outlook. Ia membolehkan anda untuk menggunakan blok HTML-kod, sama ada bersendirian atau dengan menggabungkan mereka.
  • Dakwat - adalah menuai e-mel, mel yang hampir universal dan serasi dengan semua peranti dan pelanggan.
  • Benar-benar mudah template e-mel HTML. template ini membolehkan anda untuk membuat surat surat-menyurat yang sangat mudah dan pantas. Walau bagaimanapun, mereka akan mempunyai reka bentuk yang sangat mudah dalam bentuk lajur, yang mula berkuat panggilan untuk tindakan.

Bagaimana untuk memasukkan HTML ke dalam

Mari kita mempertimbangkan masalah yang sedikit berbeza. Untuk memasukkan kod HTML dalam e-mel, sebagai contoh, gmail menggunakan, seperti dalam contoh di bawah, pelayar Google Chrome, anda perlu:

  • klik pada butang «F12», atau pilih urutan yang sesuai arahan dalam menu;
  • dalam tetingkap terbuka kepada semasa gmail halaman kod pelanggan mencari tempat di mana untuk dimasukkan ke dalam HTML-surat, membuat klik kanan dan pilih «Edit sebagai HTML».
  • tampal kod HTML;
  • tekan gabungan dua kunci «Ctrl» dan «Masukkan».

Untuk tujuan yang sama anda boleh memuat turun mudah untuk ispolzovnii program thunderbird Mozilla. Dengan itu anda boleh membuat surat, maka pertama pilih "Insert" dan kemudian "HTML" dan paste kod pos anda.

instrumen

Vordpressovsky e-Newsletter plugin membolehkan anda untuk menguruskan surat berita dan pelanggan secara profesional. Dan dan kemudian, dan lain dilakukan secara langsung melalui panel admin WordPress. Keadaan ini memberikan kawalan yang lengkap dan benar-benar percuma, yang tidak boleh tetapi bergembira.

Satu lagi alat mudah - imej latar belakang peluru, yang merupakan alat yang mudah yang membolehkan anda untuk mendapatkan kod untuk imej latar belakang yang dicipta oleh huruf. Ia boleh membantu anda membuat surat-menyurat yang lebih cantik. Untuk pendaftaran surat itu hanya perlu memasukkan URL imej latar belakang yang anda suka dan tempahan warna, dan sama ada parameter ini digunakan untuk seluruh badan HTML-mel atau mereka hanya bertujuan untuk salah satu daripada sel jadual. Hasilnya ialah kod siap yang anda hendak salin dan tampal ke dalam template anda.

Sekarang anda tahu bagaimana untuk menghantar HTML-e-mel. penciptaannya tidak begitu sukar, terutamanya jika anda menggunakan template yang sedia dibuat di mana web yang ada kekurangan. Oleh itu, walaupun mereka yang tidak mempunyai pengetahuan khas, dengan mudah dapat menampung dengan tugas ini.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.unansea.com. Theme powered by WordPress.