Cleaning Up HTML Codes

Post on 14-Apr-2017

81 views 1 download

Transcript of Cleaning Up HTML Codes

CLEANING UP<HTML>CODES

<WHY?>

To understand HTML coding for e-mail marketingand be able to identify and create:

LIGHT & SIMPLECODES

FASTERTO LOAD

LOWER SPAMSCORE

HIGHER CLICKRATE

BROWSERS & SERVICESCOMPATIBILITY

ALIKE USEREXPERIENCE

“Peopleignore design

thatignores people”

Frank Chimero

COMMONMISTAKES

<COMMON MISTAKES>

HOW TOCLEAN UP

<table width="600" border="1" cellpadding="0" cellspacing="0"> <!-- START EMAIL --> <tr> <td valign="top" align="left"> <a href="%LINK0%" target="_blank"><img src="http://static.adsender.us/p/228921/03.jpg" width="600" height="200" style="display:block;" border="0" align="top"></a></td> </tr> <!-- END EMAIL --></table>

<HOW TO CLEAN UP>

KISSKEEP IT SUPER SIMPLE

- Keep your code as simple as possible

- Unify tags, attributes and styles

- Integrate tables, lines and columns

- Get rid of clutter

“Designers can createnormalcy out of chaos;

they can clearlycommunicate ideas through the

organising and manipulating of words and pictures”

Jeffrey Veen

Let’s improve the process!

How will YOUimplement clean codes?