通過(guò)基于許可的電子郵件營(yíng)銷，不僅可以大大的降低營(yíng)銷和推廣的成本，更能夠直接地、準(zhǔn)確地把信息傳遞到客戶手中。
今天我研究的問(wèn)題是，如何從技術(shù)方面入手，制作一個(gè)優(yōu)秀，且同時(shí)兼容用戶視覺(jué)和郵件客戶端的電子郵件。
1.選擇HTML還是文本(Plain Text)
有人喜歡簡(jiǎn)單的文本，有人喜歡看豐富的HTML，我們?cè)趺催x擇？
對(duì)于營(yíng)銷型的郵件，建議使用HTML格式來(lái)制作(圖)；
而對(duì)于確認(rèn)/提醒/告知型郵件，建議使用文本或者簡(jiǎn)單的HTML來(lái)制作(圖)。
為什么針對(duì)這兩種不同類型的郵件，采用不同的制作方式，這基于這些原因：
營(yíng)銷型郵件的內(nèi)容豐富性、多樣性；確認(rèn)型郵件的內(nèi)容單一性，獨(dú)特性；
在營(yíng)銷型郵件中，客戶會(huì)更注重內(nèi)容的豐富性和視覺(jué)效果的美觀性；
在確認(rèn)型郵件中，我們要讓客戶非常直接的看到確認(rèn)信息，復(fù)雜的內(nèi)容和視覺(jué)效果只會(huì)讓客戶忽略了郵件的主要內(nèi)容——即確認(rèn)信息；
(下文將對(duì)營(yíng)銷型郵件的HTML制作做重點(diǎn)討論)
2.基于表格布局+CSS的HTML基本功
功夫分兩種，一種至陽(yáng)至剛，另一種則至陰至柔，張三豐之所以登峰造極，因?yàn)槠湮涔Φ鬃雍?，少林基本功扎?shí)，才悟出這道即能至陰，又能至陽(yáng)的太極拳。
HTML的郵件也是如此，我們知道，當(dāng)今郵件閱讀客戶端有很多種，傳統(tǒng)的Outlook，Thunderbird，Lotus Notes，以及在線的Mac Mail，Gmail，Hotmail等，對(duì)郵件的解釋都會(huì)不同，大多數(shù)在線郵件系統(tǒng)會(huì)屏蔽掉<head></head>標(biāo)簽之 間的代碼。
要讓所有用不同客戶端的用戶看到的郵件相同，這就要非常好的掌握好HTML的基本功。有人說(shuō)DIV+CSS，有人說(shuō)是SEO標(biāo)簽語(yǔ)義化，不可否認(rèn)作 為一個(gè)網(wǎng)頁(yè)開(kāi)發(fā)人員，能有這兩種時(shí)下流行的HTML開(kāi)發(fā)思想會(huì)很吃香，但是，這并不適用于郵件制作。我們的目的是讓客戶在不同郵件客戶端下看到相同的信息 內(nèi)容，這就用到一個(gè)最原始的排版方式：表格布局+CSS。讓我們看下時(shí)下郵件客戶端對(duì)HTML和CSS的支持(圖)：
*Hotmail能解析<body></body>間的<style>，但同樣屏蔽<head></head>間的<style>
3.做HTML郵件時(shí)，就要著重注意以下幾點(diǎn)：
- 把樣式寫入HTML標(biāo)簽內(nèi)部，不要獨(dú)立在某個(gè)外部文件中，也不要寫在<style></style>間(圖)；
- 給每一個(gè)有內(nèi)容標(biāo)簽內(nèi)部都加上CSS，即使重復(fù)和繁瑣
- 不要用CSS來(lái)對(duì)HTML元素標(biāo)簽定位；
用絕對(duì)大小(像素)和相對(duì)大小(百分比)相結(jié)合的表格嵌套方式來(lái)定位。
- 不要在郵件中插入任何的Javascript、Flash以及一些特特殊標(biāo)簽(如:marquee)
絕大部分郵件客戶端會(huì)屏蔽Flash和Javascript，以及一些特殊標(biāo)簽和屬性；
- 不要使用背景圖片
background-image屬性在多數(shù)在線郵件客戶端會(huì)被屏蔽，在Gmail中，你看不到任何的background圖片；
- 給每張圖片都指定寬和高以及Alt屬性值；
圖片的src屬性一定要用絕對(duì)地址：
正確：<img src=”http://blog.54575.com/logo.gif” width=”297″ height=”160″ alt=”好好活=有意義” />
錯(cuò)誤：<img src=”logo.gif” />
- 重要的內(nèi)容請(qǐng)不要用圖片標(biāo)示
展覽會(huì)的時(shí)間，地點(diǎn)，內(nèi)容等信息是非常總要的，考慮到圖片可能無(wú)法顯示，這些內(nèi)容不建議放在圖片中顯示；
即使放在圖片中，也請(qǐng)?jiān)卩]件內(nèi)容中以文字形式表示出來(lái)，并給把內(nèi)容加入圖片的Alt屬性中。
- 使用統(tǒng)一的utf-8編碼；
4.郵件的寬度，650px?還是600px?
我們都知道，時(shí)下網(wǎng)頁(yè)的寬度標(biāo)準(zhǔn)是950/960px，這取決于我們的顯示器分辨率；
而電子郵件經(jīng)常是通過(guò)兩種途徑打開(kāi)，軟件客戶端和在線客戶端，這兩種郵件客戶端(圖)。
*Microsoft Outlook 2003
*網(wǎng)易163郵箱
由圖可見(jiàn)，郵件往往并不是全屏顯示的，
如果延續(xù)使用網(wǎng)頁(yè)的960/950px標(biāo)準(zhǔn)寬度，則勢(shì)必會(huì)造成郵件一部分內(nèi)容被遮蓋住，這樣，就產(chǎn)生了橫向和縱向的兩個(gè)滾動(dòng)條，不方便于客戶瀏覽；
而太窄的寬度又會(huì)造成空間的浪費(fèi)(圖)
那么，對(duì)于HTML郵件的寬度，到底定在多少才是最佳的呢？我們首先來(lái)參考下幾家知名企業(yè)HTML郵件制作時(shí)所用的寬度：
網(wǎng)易有道：600px
QQ會(huì)員：650px
Dell家庭與辦公：650px
Cisco Webex：600px
可見(jiàn)，這些知名IT企業(yè)的營(yíng)銷郵件寬度就兩種600px和650px，
而據(jù)我4年EDM和Web設(shè)計(jì)經(jīng)驗(yàn)，我更傾向于選擇后者，即650px作為HTML營(yíng)銷郵件的標(biāo)準(zhǔn)寬度。
650px的優(yōu)勢(shì)：
當(dāng)郵件的內(nèi)容被分成2欄時(shí)候，650px可以分割成X+10+Y，其中X=左欄，Y=右欄，10為間隔空隙，X+Y=640，而640恰好能被20整除，640=2×2x2×2x2×2x10，
當(dāng)郵件的內(nèi)容被分成3欄時(shí)候，650px可以分割成X+10+Y+10+Z，同樣的，X+Y+Z=630，630恰好又能被30整除，630=3×3x7×10。
為什么要這么分解，請(qǐng)查閱網(wǎng)頁(yè)柵格化研究。
這就是我選擇650px而不選擇600px的原因。
當(dāng)然，這僅僅是我個(gè)人定的標(biāo)準(zhǔn)，還未成為全球統(tǒng)一的標(biāo)準(zhǔn)，但我希望有一天這個(gè)寬度能被絕大多數(shù)的HTML郵件制作者和接受者所認(rèn)可。
