DreamweaverでHTMLメールを作る方法
Dreamweaverを使ってHTMLメールを作る方法を検討してみました。
まずHTMLメール制作の注意点ですが
- CSSは出来るだけ使わない
メーラーやwebメールクライアントによって、CSSのサポート状況がかなり違います。
特にサポートが低いのが"Gmail"です。head部分にCSSを書いても反映せず、外部CSSファイルも使えません。
インラインだと使えるCSSも増えるのですが、それでも使えないCSSプロパティーがいろいろあるので、CSS support in email clientsの一覧を参考にしながら作るといいと思います。
実際にいろいろとHTML形式のメルマガを調べてみたところ、実は全てhead部分にCSSを書いていました。しかしどこもフォントサイズ程度にとどめていました。この程度ならばCSSが無視されても大丈夫なようです。 - レイアウトはCSSではなく、旧来のテーブルレイアウトにする
CSSはメールクライアントによってサポートがまちまちなので、テーブルレイアウトにします。 - 画像にはaltを設定し、画像が表示されなくても大丈夫なようにする
- イメージファイルはサーバーに置き、パス指定は絶対パスにする
- デザインの幅は600px程度が良いようです
- DOCTYPEは「HTML 4.01 Transitional」、文字コードは「iso-2022-jp」を使用する





