HTML i CSS kodiranje u e -pošti

Sadržaj
Oni koji su posvećeni marketingu putem e -pošte trebali bi znati stvarati e -poštu u html -u.
Vidjet ćemo neke preporuke za dizajn, kodiranje i isporuku e -pošte u HTML formatu te kako bi vaš Newsletter izgledao dobro u većini klijenata e -pošte.
Slanje e -pošte iz biltena dobar je oblik komunikacije između urednika i čitatelja, ali ako to radimo i u HTML formatu, to će nam omogućiti obogaćivanje dokumenta vizualnim elementima koji e -poštu čine privlačnijom, izravan pristup drugim lokacijama, a mi Omogućit će nam mjerenje otvaranja e -pošte, praćenje i brojanje veza koje posjećujete, mjerenje interesa čitatelja itd.
Slanjem e -pošte u običnom tekstu ne možemo koristiti sve te funkcionalnosti, već naprotiv dobivamo druge prednosti, poput niže razine neželjene pošte, ne uključujući HTML oznake i zato klijentima pošte olakšava savršenu vizualizaciju sadržaja e -pošte u svim klijentima.
Kodiranje HTML-a za e-poštu može vam zadati mnogo glavobolje, jer klijenti e-pošte za stolna računala i web zasnovani na pošti nisu u skladu s bilo kojim web standardom, ne tumače dobro HTML kôd i tablice stilova niti ih tumače na svoj način. Dodavanje ili uklanjanje koda na primljenu e -poštu, pa se dizajn e -pošte koju primatelj prima može dosta razlikovati od dizajna urednika koji je poslao tu e -poruku.
HTML preko CSS -aPokušajte koristiti HTML oznake i njihova svojstva što je više moguće umjesto stilskih tablica, jer su mnoga svojstva i birači CSS -a ograničeni web klijentima.
Korištenje tablica za izgledDa, vraćamo se stolovima. Web standardi kažu da se tablice ne smiju koristiti za postavljanje web stranice, ali to nije web stranica već e -poruka i preporučljivo je koristiti ih umjestoako želimo da se naš bilten dobro prikazuje kod većine čitatelja pošte. Klijenti pošte ne podržavaju mnoga svojstva potrebna za projektiranje s podjelama.
Koristite atribute tablice i ćelije za prikaz tablice umjesto korištenja svojstava CSS -a. Na primjer, dodijelite border = "0", valign = "top", align = "left" (ili centar), cellpadding = "0", cellpacing = "0" itd. Tako će stol izgledati dobro kod starih klijenata pošte.
Koristite tablicu kao spremnik za sve tablice i unutarnje elemente (na primjer za zaglavlje, sadržaj i podnožje).
Pokušajte ne ugnijezditi previše tablica i izbjegavajte korištenje svojstva "colspan" jer neki stolni klijenti ovo svojstvo ne razumiju dobro.
Veličina i razlučivost. Sigurno ste navikli kodirati web stranice u 800 × 600 ili približno 1024 × 768, ali za dizajn e -poruka u HTML -u to možda neće raditi baš najbolje jer većina klijenata prikazuje e -poštu u nekoj vrsti „ploče za pregled” koja normalno je dio ukupnog raspoloživog prostora.
Najbolje je postaviti širinu na oko 500-600px ili dati veličinu u postocima, kako ja to obično radim tako da se prilagodi prostoru koji imate na raspolaganju.
Korištenje kaskadnih stilskih tablica (CSS)Upotreba stilskih tablica u HTML dokumentima za e -poštu ograničena je i ovisno o tome kojem će klijentu dopustiti više ili manje svojstava. U idealnom slučaju, stilovi bi se trebali primijeniti na samu oznaku (umetnuti stilovi), a ne deklarirati klase unutar oznake Head kao što biste to učinili na web stranici …
Na primjer, preporuča se korištenje

umjesto

.
Ako koristimo slike, bolje je koristiti puni put do domene na kojoj se slika hostira.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave