E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Diverse (6)

6 Metode Simple pentru a-ti imbunatati e-mailurile HTML

14.02.2009
6 Metode Simple pentru a-ti imbunatati e-mailurile HTML

Asemeni multor altor designeri web, am prosperat codificand pagini web frumoase si flexibile care se afiseaza realmente identic in orice browser web. Din nefericire, designul newsletterelor te trimite inapoi cu zece ani. Taguri condamnabile, tabele, stilizare inline! In acest tutorial sunt prezentate sase metode care vor imbunatati rapid aspectul newsletter-ului tau.

Total vizualizari: 5952 5952 afisari   |   Comentarii  0   |   Rating   |   (4 voturi)   |   Timp necesar: 30 min 30 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  www.nettuts.com  
Autor:  Bob Ricca
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1 2 »
comenteaza printeaza

Asemeni multor altor designeri web, am prosperat codificand pagini web frumoase si flexibile care se afiseaza realmente identic in orice browser web. Din nefericire, designul newsletterelor te trimite inapoi cu zece ani. Taguri condamnabile, tabele, stilizare inline! In acest tutorial sunt prezentate sase metode care vor imbunatati rapid aspectul newsletter-ului tau.

Newsletters pentru mail

Unui web designer iubitor de coduri clare, formatele HTML pentru emailuri ii amintesc de trecutul intunecat. In continuare vei putea citi despre15 lucruri pe care le poti face in vederea obtinerii de mailuri HTML cu un aspect fantastic.

Setarea de conturi de email multiple pentru testare!

Daca vei retine un sfat din acest tutorial, atunci acesta ar trebui sa fie primul. Ca designeri, ne petrecem o multime de timp creand experienta utilizatorului perfect pe web si testand acea experienta pe platforme multiple. Si totusi, cand vine vorba despre mail, prea multi dintre noi uitam sa acordam aceeasi atentie detaliilor.

Foarte asemanator testarii pentru web, crearea unui layout de mail care sa fie afisat la fel in orice client de mail poate fi un adevarat cosmar.

Pentru a fi siguri ca abonatii tai vor primi mesajul asa cum s-a intentionat - testati in tot ce puteti!

Aceasta include dar nu se limiteaza la:

  • Yahoo
  • Gmail
  • AOL
  • Windows Live Hotmail
  • Outlook 2007
  • Outlook 2003
  • Lotus Notes
  • Thunderbird
  • Entourage
  • Mac Mail

Dar asteapta - mai sunt!

Unii dintre acesti clienti de mail au versiuni multiple, fiecare procesand in mod diferit codul CSS si HTML.

Aceasta este o parte a unui mail HTML afisat de o versiune veche de Yahoo.

Acesta este exact acelasi mail afisat pe o versiune noua a Yahoo.

Desi diferentele sunt mici, ele contribuie la un design neingrijit. Si daca nu este suficient, browserul internet al utilizatorului poate juca de asemenea un rol important in randarea designului tau.

Acum, inainte de a-ti arunca pe fereastra computerul din cauza frustrarii...urmatoarele etape te pot ajuta sa invingi majoritatea problemelor de testare.

Proiecteaza-ti mailurile

Sunt uimit sa observ cum unii dintre cei mai mari advertiseri incalca regulile elementare ale mailului HTML.

Acestea sunt cateva indrumari dupa care te poti ghida:

  • Niciodata nu te baza pe imagini pentru a transmite informatii importante..mai ales pe imagini mari. Majoritatea clientilor de mail au imaginile blocate in mod prestabilit, exceptand cazurile in care utilizatorul preia initiativa ... in caz contrar le-ai trimis un frumos mesaj gol.
  • Niciodata nu te baza pe imagini de fundal pentru a face un text usor de citit. Asigura-te ca textul tau beneficiaza de un contrast suficient cu sau fara imagini activate. De exemplu, Outlook 2007 nu va afisa imagini de fundal in celule de tabel chiar daca imaginile sunt activate.
  • Furnizeaza un link pentru cei care au probleme cu vizualizarea mesajului tau. Sigur, aceasta nu este absolut necesar - dar este bine sa le oferi abonatilor optiunea de a vizualiza mesajul in browserul lor web (mai ales daca este un design incarcat).
  • Utilizeaza tag-uri ALT in imaginile importante. Nu pot accentua acest lucru suficient! Cu imaginile dezactivate in mod prestabilit, tag-urile descriptive ALT pot fi ultima ta sansa de a convinge utilizatorul sa activeze imaginile.
  • Cand utilizezi tag-uri ALT, evita dezordinea. Completeaza tagurile ALT care conteaza si lasa restul liber.

Observatie: Nu am zis sa le excluzi!

Pagina:
1 2 »
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(4 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5195
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5145
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4995
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4975
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4735
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
AJAX XHTML JSON Javascript Action Script Swift 3D Sony Vegas COREL DRAW Python Java MySQL Word Excel RoR Verilog StyleSheet Flash Fireworks Lightroom HTML SEO Fotografie SWF Outlook Dreamweaver Illustrator Bridge Gimp XML PHP CSS Photoshop PSD Ruby on Rails Vista Powerpoint
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software