电子邮件版型网页设计建议

由于 Outlook的一个严重缺点，让电子邮件设计的创意再更少一些了，由于能用的CSS属性实在不多，光是背景图就很恼人了，设计师只能用简单的背景色彩铺陈网页设计的版面，至于许多创意的背景图设计就只能用单张图片显示了。 

以下是依我个人经验对设计的建议：

1.因为现在许多人都使用像 Gmail, Hotmail 等 WebMail 的方式收信，所以邮件中若是有使用太多会影响 WebMail 原有版面的部分应该全部都会被删除，导致版型乱七八糟的。 这篇文章有完整且详细的对按照表：A Guide to CSS Support in Email: 2007 Edition 或你可以下到这里下载 PDF 档回去打印。

2.尽量不要用 CSS 来排版，用传统的 TABLE 排版方式是比较安全的作法！ 注意：DIV标签在 Outlook 2007 中竟然不支持 CSS 中的 width 这个属性，所以你用 DIV 包网页是没用的！

3.版型最外层最好用一个 TABLE 包裹住整个网页，并设定固定的宽度，建议宽度为 700px 以内。

4.如果网页设计的页首部分会用到漂亮而复杂的底图，建议将整块页首都做成一张图片，缺点是这里就无法再贴上什么动态的文字了。

5.不要在电子邮件的网页设计中放入窗体，因为 Outlook 2007 不支持，且在 Outlook 2003 中使用窗体也无法用快捷键（如用 TAB 切换字段），实在不方便又不实用。有很多人会在电子邮件中嵌入问卷实在不够明智，都不知道填写的人很痛苦，不小心按下空格键，Outlook会自动跳到下一封信去了，再回来的时候所有输入的东西都消失了。

6.文字与图片的地方尽量切干净，版面设计的时候就不要设计迭在一起的样子。

7.如果要将电子邮件的版型加上图片的外框，就用TABLE设计九宫格把图放在四边的 TD 里，但如果电子邮件的长度不固定的话，建议不用做这样的设计。

8.尽量少用 GIF 动画，因为在 Outlook 2007 中看不到这些动画。

9.不要用 PNG 图档做透明背景。

另外，以下是一些非常强烈建议不要用的设计方式： 

1.不要使用任何 JavaScript 或任何像 onclick, onkeypress, onmouseover 等等的事件(event)！

2.不要在电子邮件网页设计中嵌入 Flash 动画。

3.不要用 IFRAME 嵌入其他网页设计。