第七篇 - 寫一封 html 的 email
Prerequisite
一些簡單的 html/css 知識
流程
Email 裏 css 有些東西沒法用,所以需要測試在每一個 client 的效果。
完整的支援表請見此。
我的需求簡單的滿版就能搞定了,參考了問一的建議,儘量用 border / padding 來推,並沒有花很久的時間。
先在 <head>
寫完 <style>
,呈現大致的成果:
測試寄信
使用 Putsmail
填上測試的 email 和 html,按送出就可以了,記得把 inliner 打勾。
他也有提供 inliner 服務:
其他資料
- Email寄信-css/html 排版,跑版問題
- Ideas Behind Responsive Emails
- Mastering HTML Email
- Preview in Gmail, Hotmail, AOL, and Yahoo
結論
此篇大抵就是資料的再整理與截圖。
看完吉米丘寫的R.I.P. 臉書上的一切精采好內容之後覺得還是要來寫一下 Blog 比較好啊 XDD
以上。