2. HTML FOR EMAIL: GENERAL RECOMMENDATIONS HTML for email is different than HTML for the web! Modern web design utilizes CSS (cascading style sheets) for layout. However, due to inconsistent CSS support, HTML tables must be used for email layout. CODE LIKE IT’S 1999! No standards exist for displaying HTML in email. Proper syntax still counts – use a validator to check for general errors. Make sure all open tags have a properly nested closing tag. Specify accurate table and cell widths. Improper math can cause major layout problems. Images & other elements should each reside in their own table cell. Specify desired alignments (left, right, top, bottom). If unspecified, not all email clients will default to the same alignment.
3.
4. About half of email clients either disable forms or display a warning message about the form, leading to a poor user experience
17. Background images will not display in Outlook 2007 and Lotus Notes, regardless of the method of application
18.
19. Many of the coding techniques used in HTML editors will lead to display issues in email clients - Microsoft Word, for example, will add proprietary code that will not display properly
20. To achieve the best results use a plain text editor such as Notepad or TextEdit
43. EXACTTARGET DESIGN RESOURCES Design Tipsfor Outlook 2007 Email MarketingDesign & Rendering: The New Essentials Email Design Checklist Visit ExactTarget.com To Download These Resources Email Designfor Lotus Notes CareerBuilder.com Case Study
44. EXACTTARGET DESIGN RESOURCES Design Team Blog New posts weekly! blog.exacttarget.com MarketingExperiments Maximize Agency ROIthrough testing Design Team Tweets @ETDesign twitter.com/etdesign
1. Introduce presenters + attendees2. Overview of what we’ll cover.Overview of HTML vs. CSSCode for email not the same as code for webHTML is a markup language that is universally CSS is a style sheet whose form is separated from its contentPut yourself in the customer’s shoes when talking to them – the beautiful, efficient world of building websites with CSS doesn’t apply here.W3C puts together rough standards. These standards don’t exist for email.Proper syntax still counts – opening and closing tags
:56
:53Brief overview.Images link to the video
:58Towards the top of the HTML, a red flag would be “script”Visual for white on white background. Gmail: repeat x and y support: vertical repeats keep repeating no matter what?OUTLOOK 2007 Validator available.
:23Haha! Apparently Dreamweaver 4 (not CS4…just 4) writes decent codeCan be obtained by mugging a dinosaur
:25
:26
:27When to come to design for help, ideas, etc?
How our expertise in performance-driven design increased conversions by 88%