HTML E mail Layout Best Practices

December 2, 2011
by

HTML format

Design

Typology 1.0

HTML design

href = “http://designthe.info/blog/articles/design_typology.html” Russian description

HTML email design best practices

Article by Elizabeth Moss

HTML e-mail are probably the most effective of all e-mail marketing designs. They are eye-catching, engaging and flexible. They offer a variety of ways to promote your business, can be reached by e-mail marketing success. However, there are many obstacles to consider when designing an e-mail messages in HTML format. This article describes some of these and give you some tips on how to design effective email campaigns

back to the old school There is no use denying -. HTML email design Web design is old school. This means that no style sheets, JavaScript or Flash, they simply will not work consistently with a wide range and variety of e-mail clients.

When it comes to design, is back in The table is based is simple, which may see a few web designers, web standards as performed by blasphemy. However, if you consider the number of e-mail clients or to remove or not to pay attention to CSS, it is quite clear back to basics is the only way to ensure the mail Your e-looked the same regardless of being viewed through this e-mail client.

We have the table-based design layouts related cells (indicated colspan rowspan in your code) to be some e-mail clients, especially Lotus Notes typically distort the layout with merged cells. Instead, work with nested tables consistently as merged cells. For example, a two-column layout of a base layer of a table with two columns of other tables inserted in each column space you enter your content.

seems good Much of the design can be using inline styles – a small section of code in CSS or table cells ( ), a paragraph tag (

) or span tags ()

Here is an example of an inline style tag is put into a table cell:

This style was then applied to the text content of a table cell. other standard HTML tags to format as , , tag etc. can also be used to modify the design based on this style.

when deciding on a font for your e-mail is always best font that most if not all, of your stick readers. common fonts like Arial, Verdana, Tahoma, Times New Roman and George Ye should be fine. If you take the risk of some lesser-known writings, it is good practice to specify a set of fonts embedded style your backup for example.

style =

When the computer is not on a specific font to see the following list to see if he was that one

have <. p> travel time When we first put our hands the Microsoft Outlook 2007, we were a little surprised, what Microsoft has created, not only be unlocked only the HTML engine of Word rendering (Outlook 2003 users, you can choose between standard HTML and rendering Word), but also support for background images removed, a real step back with what you can and can not, then your emails look good.

order is intended to ensure that the most consistent index of most e-mail clients, we have made the decision, not our designs Backgrounds (unless otherwise noted by the customer), and we have come in little tricks to help us keep our designs looking for first class. The most important thing to remember is that HTML text should appear only on a plain background (one group in the table). There should be no gradients or other effects fancy behind the text, unless you plan to include text in the picture.

final couple of things … There are hundreds of factors to consider when designing HTML e-mail. These are just watching some of the most important things:

Create a text-only version of the e-mail to HTML version for those who prefer for mobile e-mail clients, only to receive only text email.Keep send your e-mail width between 600-650px, to ensure the calls for the maximum number of email messages clients.Assign “alt tag” for each photo, so if you call them images are turned off some useful information, to see, to ensure their e-mail legitimate.Always height and width attributes to images in the HTML formatting your. Some e-mail clients like Outlook 2003 and 2007 to suppress images in your Inbox. The fence does not exceed the height and width will be subject to search results by a security e-mail client space.Use size image pictures they should be, instead of changing distorted size, they were fitted with HTML – some email clients will ignore the HTML size and display only the image on the original size.Whatever do with formatting your e-mail marketing, the most important thing is to check, check and check again. You should always proof your email main customers e-mail, be sure to get it right to ask to verify proof of the group in text or design problems. However, just because there are design limitations of HTML e-mail does not mean you can not be creative or to see the boundaries, which affects the delivery, open and click rates. Remember to reach the goal of e-mails to your destination, and sometimes will work with your design is not the best option

HTML Guide 3 – Adding background images to your HTML web page

HTML formatting question Lisa : Who can help me convert my e-mail PSD template design html
One of my design company a lot of e-mail templates, and I like som you ask yourself to help me convert my e-mail design template PSD to HTML, so can someone help me convert my e-mail design PSD template design html HTML was the best answer:

answer by Billy
click the “Save As” and then select your format.

: HTML Design
: , , , ,

Comments are closed.