Kako ustvariti HTML-črk: navodila po korakih

Poštni seznami so pomemben del marketinških akcij. Ustvarjanje črk za njih v mnogih pogledih spominja na razvoj preprostih spletnih strani. Istočasno je treba upoštevati nekatere pomembne razlike. Zlasti distribucija HTML-črk bo učinkovita le, če so pravilno sestavljena v tehničnem smislu, njihova vsebina in slog pa sta v skladu z vašimi cilji. Hkrati pa obstaja mnenje, da se laik ne more spoprijeti s to nalogo. Ta članek vsebuje podrobna navodila po navodilih za pisanje in pošiljanje črke HTML.

Značilnosti ustvarjanja

Sodobna oseba dnevno prejme v povprečju 5-6, včasih pa do 10 e-poštnih sporočil. To pomeni, da imate manj kot eno sekundo, da boste pozorni naslovnika, preden nadaljuje z branjem naslednje korespondence. V nasprotnem primeru bo vaše pošiljanje HTML-črk absolutno neučinkovito in enostavno boste izgubljali čas.

Ena od odtenkov, ki povečuje vaše možnosti za privabljanje pozornosti potencialnih strank ali drugega ciljnega občinstva, je ustvarjanje korespondence, ki je prilagojeno mobilnim napravam. Konec koncev, večina tistih, ki jim je naslovljena za ogled pošte, jih zagotovo uporabljajo veliko pogosteje kot namizni računalniki in prenosni računalniki.

V ta namen lahko na primer uporabite "odzivno obliko", ki se enostavno prilagaja velikosti zaslona.

Kakšna naj bo predlog za črko?

Pri izdelavi dokumenta, namenjenega pošiljanju dopisnikom, je treba upoštevati naslednje zahteve:

• Treba je biti dovolj ozek, tj. V velikosti ne sme presegati razdalje 500-600 pik, kar bo zagotovilo pravilen prikaz besedila in druge vsebine na napravah katere koli vrste.
• Za vse tekstovne podatke je treba uporabiti precej veliko pisave, saj bo na napravah iOS napis besedila HTML neprimerno prebrati, če je velikost pisave manjša od 13 slikovnih pik.
• Elementi, s katerimi lahko klikate, morajo biti dovolj veliki in izolirani od najbližjih povezav. V tem primeru ga lahko naslovnik preprosto aktivira od prvega poskusa.

Priprava

Preden razvijete črko na podlagi HTML, morate na enem od pogonov ustvariti novo mapo in jo poimenovati, na primer »Glasila«. Poleg tega morate prenesti in namestiti Dreamweaver CS3. Ta izdelek podjetja Adobe je eno izmed precej preprostih orodij za gradnjo spletnih strani in je primeren za razvoj poštnega sporočila v obliki HTML.

Ustvarite in shranite dokument

Pred pisanjem besedilnega dela pisma potrebujete:

• odprite precej priljubljene programsko-oblikovalske HTML-črke Dreamweaver CS3 (DW);
• Ustvarite dokument tako, da izberete "Prehodni HTML 4.01" kot vrsto;
• shranite datoteko z razširitvijo ".html";
• v zgornjem meniju poiščite ukaz za urejanje;
• odstranite kljukico iz potrditvenega polja "Uporabite CSS namesto oznak HTML."

Navodila po korakih

Zdaj, razmislite, kako ustvariti črko HTML. Za to:

• V meniju zaporedoma odprite zavihke »Vstavi« in »Tabela« in nastavite potrebne parametre tabele. Na primer, vrstice - 2, stolpci - 1, širina - 700, naslov - od zgoraj. Meje lahko nastavite, vendar lahko brez njih, kar pomeni 0.
• Oblika naslova pisma. Ker je črka HTML namenjena večjemu številu prejemnikov, uporabite operaterja [first_name], ki nadomesti želeno ime prejemnika.
• V spodnjem oknu "Lastnosti" nastavite želene parametre za pisavo, velikost in barvo besedila glave in barva ozadja.
• "Izhod" iz območja glave. Na dnu zaslona nastavite parametre kurzorja "Center" in "V sredini".
• Prilepimo besedilo pisma ali ga napišemo neposredno v program DW, izberite želeno vrsto in velikost pisave, in lokacijo besedila na strani.

Ustvarjanje hipertekstnih povezav

Poskusili bomo narediti HTML-pisem bolj profesionalno in naprednejšo. S tem ciljem skrivamo hipertekstne povezave v vsebini. Če želite to narediti, izberite mesto v besedilu, ki je bil izbran kot hipertekstna povezava. V levem kotu na vrhu zaslona morate "odpreti" ustrezno ikono in vstaviti povezavo v spustno okno. Istočasno ne pozabite označiti kvadratika v potrditvenem polju »_blank«, tako da se povezava odpre v novem oknu in naslovnik po ogledu ni izgubil dostopa do glavnega pisa.

Kako vstaviti slike

Običajno se črka v obliki HTML konča s kontaktnimi podatki, po možnosti s fotografijo avtorja ali z ustrezno tematsko sliko. Lahko ga prenesete iz interneta ali prednaložite na internetu, saj boste potrebovali URL te slike. Najboljši način za to je ena od brezplačnih storitev.

Da bi oblikovali tako lep konec:

• vstavite na dno črke, znotraj glavne mize še eno s 3 stolpci in parameter za mejo 0 slikovnih pik;
• postavite kurzor na mesto, kjer želite videti sliko;
• opomba v spodnjem oknu "Na sredini" in "Na zgornji rob" za vsak del;
• v zgornjem meniju izberite zavihek "Vstavi";
• kliknite na napis »Slika« in v spustnem meniju prilepimo naslov, ki smo ga kopirali;
• pritisnite "Ok" 2-krat.

Poglej notri

Zdaj, ko veste, kako narediti črko HTML, morate poskrbeti, da ga naslovnik vidi v pravilni obliki. Če želite to narediti, morate pred pošiljanjem ogledati svoje delo v brskalniku Dreamweaver CS3. Če želite to narediti, kliknite ikono s svetlobo v srednjem zgornjem meniju. Če se namesto črk na zaslonu pojavijo abracadabra, morate nastaviti v nastavitvah samodejnega kodiranja vašega brskalnika.

Kodiranje

V razdelku »Projekt« pojdite na delovni kod - »Koda«. V oknu, ki se odpre, izberite in kopirajte vse, kar je zaprto med oznakami in . Shranite datoteko. Nato prilepite HTML-kodo.

Pošljite sporočilo HTML

Za odpremo odprite SmartResponder (SR). Potem:

• izberite ali ustvarite novo črko, tako da izpolnite »Ime« in »Naslov pošiljatelja«.
• izpolnite vrstico "Subject of the letter";
• označite v zgornjem levem meniju HTML-code;
• vstavite kodo, kopirano v kodo DW, v veliko polje "Vir";
• preverite pravilnost prikaza s pomočjo orodja "Predogled";
• izbrišite besedilno različico sporočila;
• preizkusite ga za neželeno pošto, s pritiskom gumba z istim imenom, ki se nahaja poleg gumba »Pošlji«.

Nekatere priljubljene predloge

Z uporabo okvira se močno pospeši proces oblikovanja pisma in ga naredi dostopnejšemu razvijalcu, ki še vedno uči osnove ustvarjanja spletnih dokumentov. Najbolj priljubljene predloge so:

• Cerberus. Ta niz tako imenovanih odzivnih predlog omogoča ustvarjanje črk, ki se običajno prikažejo tako v mobilni aplikaciji Gmail kot v programu Outlook. Omogoča vam uporabo blokov HTML-kode bodisi posamično bodisi s kombiniranjem.
• Črnilo - to je priprava črk, katerih pošiljke so skoraj vsesplošne in združljive z vsemi napravami in strankami.
• Res preprosta HTML predlogo e-pošte. Predloga vam omogoča preprosto in hitro pošiljanje poštnih črk. Res je, da bodo imeli zelo enostaven dizajn v obliki enega stolpca, v katerem se zaključi poziv k dejanju.

Kako vstaviti HTML v sporočilo

Zdaj pa razmislimo o nekoliko drugačnem problemu. Če želite kodo HTML vnesti v e-pošto, na primer z gmailom, kot v spodnjem primeru, brskalnik Google Chrome, morate:

• Pritisnite gumb "F12" ali izberite ustrezno zaporedje ukazov v meniju;
• v odprtem oknu s kodo trenutne strani gmailovega odjemalca poiščite kraj, kamor želite vstaviti črko HTML, desni klik in izberite »Uredi kot HTML«.
• vstavite kopirano HTML kodo;
• Pritisnite kombinacijo dveh tipk "Ctrl" in "Enter".

Za isti namen lahko prenesete preprost program Mozilla thunderbird. S tem lahko ustvarite črko in nato najprej izberete »Prilepi« in nato »HTML« in vstavite kodo vašega poštnega sporočila.

Orodja

Plakat e-novic Wordpress vam omogoča strokovno upravljanje poštnih seznamov in naročnikov. Obe sta izvedeni neposredno prek skrbniške plošče WordPress. Ta okoliščina zagotavlja popoln nadzor in je popolnoma brezplačna, kar se ne more veseliti.

Še eno preprosto orodje - Bulletproof slike ozadja, ki je preprosto orodje, ki vam omogoča, da dobite kodo za ozadje slike ustvarjenih črk. S svojo pomočjo lahko dopisovanje naredite veliko lepše. Za obdelavo pismov morate samo določiti naslovno sliko ozadja, ki jo želite, in barvo varnostne kopije ter ali je treba te parametre uporabiti za celotno telo sporočila HTML ali so namenjeni samo eni od celic tabele. Kot rezultat boste prejeli že pripravljeno kodo, ki jo želite kopirati in prilepiti v svojo predlogo.

Zdaj veste, kako poslati črko HTML. Njeno kreiranje ni posebej težavno, še posebej, če uporabljate že pripravljene predloge, v katerih ni pomanjkanja na spletu. Zato lahko tudi tisti, ki nimajo posebnega znanja, enostavno obvladajo to nalogo.