用 GMail 寄你自家制的 HTML E-Mail

弄好個人網站，下一步自然是宣傳，就先放上相簿電郵通知朋友來看，算是抛磚引玉吧。我已轉用 GMail 好一陣子，她好用，不用多說。但我想寄個具個性點的 HTML E-Mail，卻發覺她提供的 HTML formatting 頗有限，想添加相片也不能。不過經過一番研究，發覺原來要寄一封自家制的 HTML E-Mail，可以很簡單。

要用 GMail 寄自制的 HTML E-Mail，其實很簡單，先建立一個 HTML 檔案，方法隨你，可以用 Notepad，Dreamweaver 或 Nvu 。我簡單的用 Notepad 寫了個 HTML 檔，加插了一張圖片，字型用了網站的 Century Gothic ，夠統一 (Fig. 1)。

Fig. 1 先弄個 HTML 檔

在瀏灠器打開 HTML 檔，Select all，Copy (Fig. 2)。

Fig. 2 全選 (Select All) 你的 HTML 檔

秘訣就在這裡：到 GMail 寫一封電郵，啟動 Rich formatting，Paste 你剛才的內容 (Fig. 3)。

Fig. 3 貼上你複制的畫面

對，就是這麼簡單！立即寄出去吧，對方會收到一封你自制的 E-Mail 哩 (Fig. 4)！

Fig. 4 收件者的畫面

注意事項：
# 插入圖片要用 Absolute path。而且大部份 E-Mail client default 是攔截了 Remote host 的圖片，插入圖片時要考慮這點。（不過你的朋友應該把你加入 White list 吧。）
# Styling 可以用 CSS(Cascading Style Sheets)，但盡量用 Inline CSS，可避免一些 Web based E-Mail client 移除你的 CSS。不過一些 Web based E-Mail client 亦可能會移除被認為會破壞畫面顯示的 CSS。（可對比 Fig. 3 及 Fig. 4，GMail 就移除了 Float）
# 這方法可以在 IE 6 中使用。