Kako sestaviti in poslati e-pošto HTML po meri

Interaktivna e-pošta HTML je močno orodje. Podjetja jih lahko uporabljajo za promocijske pogodbe, samostojni delavci pa jih lahko uporabijo za predstavljanje svojih storitev potencialne stranke, vnuki pa lahko s prikupnim običajem privabijo nasmeh na obraz svojim starim staršem oblikovanje. Edini dve tehnologiji, ki ju boste potrebovali za izdelavo e-pošte po meri iz nič, sta HTML in vgrajeni CSS. Vse, kar morate storiti, je, da si zamislite načrt, ga analizirate v obliki vrstic in stolpcev tabele in lahko začnete graditi. V tem članku se boste naučili po korakih za izdelavo in pošiljanje e-pošte HTML po meri.

Ustvarite e-poštno predlogo z uporabo HTML

Predloga elektronske pošte temelji na tradicionalnih tehnikah HTML. Delali boste s tabelami in zlagali vrstice tabele in podatke tabele ves čas. Osnovna predloga elektronske pošte HTML izgleda takole:

...
...
...
...
...
...
...




...

Izhod:

Najbolje bi bilo, da pripravite zasnovo, tako da lahko načrtujete, kje in kako boste načrt razrezali. Poleg tega boste psihično pripravljeni, da iz nje sestavite strukturo tabele.

Tukaj začnete z DOCTYPE za dokument. Nato v notranjosti nastavite nabor znakov, vrsto vsebine, meta oznake in naslov oznaka. Bistveni del se začne z označite mesto, kamor postavite starša in dodajte več vrstic tabele znotraj njega. Ko vsebino razdelite na ustrezno število vrstic, je čas za vnos podatkov tabele znotraj njih.

Kot rečeno, delati morate samo s tabelami. Zato za vnos različnih podatkov v notranjost oznake, morate slediti določeni poti. Na primer, oblikujemo e-poštno predlogo z logotipom in datumom znotraj a oznaka.

 Logo in datum znotraj oznake 
 

















5. december 2021

Zdaj veste, kako postaviti oznake HTML in zgraditi dobro strukturo za svojo e-poštno predlogo. Pojdimo naprej, da bomo bolje razumeli oblikovanje e-pošte.

Oblikujte svoj HTML e-poštni naslov

Oblikovanje e-pošte HTML je okorna naloga, saj lahko uporabljate samo vgrajeni CSS. Prav tako boste morali ponoviti slog za vsak element, če ima podoben slog. Če niste seznanjeni s kaskadnimi slogovnimi listami, raziščite začetek uporabe CSS.

Predogled:

 5. december 2021 






































Živjo John Doe



Hvala, ker ste obiskali naše spletno mesto. Upamo, da ste se danes naučili kaj novega.





 Vaše mnenje nam je pomembno! 

 Ocenite naše članke tukaj. 


012345678910

Izhod:

Če želiš, lahko dostop do celotne kode na GitHubu in klonirajte repozitorij, da ga uporabite.

Pošiljanje pošte

Zdaj kopirajte in prilepite celotno kodo iz GitHuba. Če uporabljate VS Code, odprite datoteko HTML z razširitvijo strežnika v živo in kopirajte vsebino s klikom na Ctrl + A>Ctrl + C. Odprite Gmail in sestavite novo e-pošto. Prilepite vsebino in vnesite poštni ID prejemnika. Pošljite e-pošto in dobili boste rezultate, kot je prikazano spodaj:

Preizkusite kodo na različnih napravah, da vidite, kako izgleda in se obnaša. Prilagodite svojo HTML e-pošto in jo naredite čisto, preprosto in odzivno.

Spremenite obstoječe predloge e-pošte

Ustvarjanje e-poštnega sporočila HTML iz nič zahteva trden oprijem HTML in vgrajenega CSS. Prav tako lahko spremenite obstoječo predlogo e-pošte in jo prilagodite svojim potrebam. Upoštevajte, da se nalaganje e-poštnih sporočil HTML običajno naloži nekaj sekund. Načrtujte, načrtujte, kodirajte in izvedite temeljito testiranje, da se izognete morebitnim nedoslednostim pri končnih uporabnikih. Izvedete lahko več o semantičnem HTML in CSS za pisanje boljše in dostopnejše kode.

Naincy Mourya (Objavljenih 17 člankov)

Naincy je specializirana za izgradnjo zelo odzivnih spletnih mest in učinkovite vsebinske strategije skupaj s spletnimi kopijami. Je svobodna pisateljica o tehnologiji, ki budno spremlja trendne tehnologije.

Več od Naincy Mourya