0%

EDM邮件页面制作总结

第一次写EDM邮件页面,也就是邮箱里面经常收到的那些广告邮件的页面。

首先EDM需要用table布局,所以我作为一个前端第一次尝试用table布局来写页面。。。用table布局的原因主要还是各种邮箱和邮件收发客户端的兼容性问题,用table的话可以正常显示。

table布局的第一要素就是永远都不要忘记给tabel加上 border=”0” cellpadding=”0” cellspacing=”0” 的属性,然后td里再包table,td要设置宽高之类的,就不说了。

然后EDM的第二要素就是所有CSS样式都要写在元素标记内,不需要任何的class和ID,所以会有很多重复的css也在所难免。

然后就是不要用背景图,所有图片最好用IMG标签插入,所以设计的时候也要注意了,不要有图上再加文字的设计。IMG标签记得加border=”0”,然后记得设宽高,有alt也写一下当然是最好了。

图片要设display:block,不然会有下边距

还有图片的地址链接不采用map标记形式,因为map标记在outlook中无法进行正常的点击,即无法打不开该链接指向的网址。

不要简写颜色,比如#fff,要完整写成#ffffff。简写的颜色在IE怪异模式下会出些小问题。

最好不要使用span标签,因为其在某些邮箱里会导致换行。

不要使用flash图,小的动画可以用gif图,不过能不要就不要了吧,一个邮件还搞动画干嘛。。。

从别处看来的注意事项:
内容比例邮件模板中,图片及文字应具有平衡的比例,从门户的判断机制上来看,邮件正文中文本的比例越合理,被判断为垃圾邮件的可能性越小,尤其是网易。