Layout de scrisori de interior

Decât scrisoarea
diferite de aspectul paginilor web

Spre deosebire de aspectul paginilor web, afișajul corectă este necesară pentru a oferi doar browsere, HTML-scriere poate fi deschis, fie prin intermediul interfeței web furnizorului de mail, sau printr-un client de mail, o varietate de care impune o serie de restricții la crearea unei scrisori de aspect.

mail.ru (bk.ru, list.ru, inbox.ru) - 54,77%,
yandex.ru - 20,07%,
gmail.com - 13,69%,
rambler.ru - 6.33%,
yahoo.com - 1,65%,
outlook.com - 1,37%.

Și de la clienții mail (conform observațiilor mele) sunt cele mai populare:

În primul rând, menționăm acest lucru

Restul pe care îl vom examina pe un exemplu concret.

Elaborarea unui simplu html-șablon al literei. Aspectul general al scrisorii.

lățime scrisoare nu trebuie să depășească 700 px (lasa sa fie 600 pixeli), deoarece în majoritatea corpul mesajului interfață web să nu dureze mai mult de 50% din lățimea totală a regiunii active, și apariția de derulare pe orizontală se deteriorează foarte mult gradul de utilizare, și doar impresia scrisorii.

Culoarea de fundal a interfeței web în cazul în care aspectul nostru va fi vizualizat poate fi diferit, deci trebuie să înfășurați totul într-un tabel cu culoarea de fundal dorită, chiar dacă este alb. Deci, aspectul general al scrisorii va arata astfel:

Folosiți cea mai simplă structură a tabelelor. Tabelele complexe nu reproduc întotdeauna corect Outlook. Încercați să evitați combinarea celulelor (colspan, rowspan). Este mai bine să utilizați tabele imbricate. Și nu uitați să specificați parametrii de aliniere și valign în celule.

Valoarea atributelor CELLPADDING și CELLSPACING ar trebui să fie setată la "0". Nu utilizați alte valori ale atributului BORDER, altele decât "0" pentru tabel, deoarece nu toate clienții de corespondență interpretează corect alte valori.

Puncte verticale și orizontale

Sau folosind fundalul de culoare de fundal.

Text și legături

Când compuneți litere, ar trebui să utilizați fonturi standard (Arial, Verdana, Tahoma, Times New Roman etc.). Caracterele text speciale trebuie aplicate întotdeauna folosind codurile de caractere speciale corespunzătoare, astfel încât destinatarii să poată vedea textul afișat corespunzător pe orice platformă.

Prin urmare, având în vedere toate recomandările de mai sus, textul va arăta astfel:

Link-urile ar trebui să specifice atributul target = "_ blank" pentru a evita posibilele probleme legate de deschiderea paginii în fereastra curentă.

Adesea este necesar ca, de exemplu, prepositionul să nu fie rupt din cuvânt. Pentru a vă asigura acest lucru, utilizați caracterul spațial care nu se rupe:

În al doilea caz, este necesar să înregistrați o legătură a formularului: href = "tel: 79876543210".

Imagini și fundal

Multe dintre clientul implicit de mail nu este încărcat cu imaginea, așa că, dacă acesta poartă un sens (în plus față de estetica), trebuie să specificați atributul alt (atributul alt, în orice caz, trebuie să fie prezent, dar poate fi gol alt = »») . Și pentru a proiecta textul alternativ în concordanță cu designul și a citi mai bine, imaginea poate fi înfășurată ca un fragment de text, considerat mai devreme.

Pentru imagini, specificați întotdeauna înălțimea și lățimea. Pentru a evita problemele de afișare a imaginilor într-un număr de interfețe web (inclusiv Gmail), ele ar trebui să fie prezentate ca elemente de bloc:

Pentru a rezuma, vom compune un șablon pentru litera care conține pre-antetul, antetul, partea de conținut și subsolul.

Articole similare

Pagina anterioară

Pagina următoare