誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT

誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

[Sui_sei]

HTML メルマガ

[ghostbass]

独自のレンダラー使ってるMUA?何があるかな/webでもメールでもいいけど何故それほどまでに「崩れない」にポイント置くかな。「崩れても(レンダリングが意図とは違っても)ちゃんと読める」って解説がほとんどない

[easygoing247]

HTMLメール　作成方法　いかにHTMLメールを作るか　制作

[nffsjj]

CSSは時期尚早。基本は＜table＞で組め！な、なんと！

[extra_number]

古いけどとりあえず１からよんでみる…

[kzms2]

メルマガの作り方

[m_takashi]

必見

[albicetus]

クロスメーラー対応など。

[efcl]

メールマガジンだとtableレイアウトが有効

[iww]

どう頑張られても、表示するときにはHTMLタグを全て外したただのテキストになってるので、問題。

[q909p]

作り方

[makoto_69]

メルマガ

[fumikito]

HTMLメールの作り方

[alex_x]

HTMLメルマガの作り方をくわしく説明しています。テーブルレイアウトが基本だそうです。

[tubureteru]

基本はテーブルレイアウト

[freewriter]

こうして見てみると、HTMLメールを目にする機会は増えてきていると思います。そして、制作者の視点でそれらをよーく見てみると、実はけっこう多くのメルマガが「テーブルレイアウト」を行っているのです。

[simsons]

参考になるかどうかは謎

[diveintounlimit]

メールはウェブから一歩遅れてテーブルレイアウトらしい。

[pitworks]

HTMLメールの制作はWebデザインの一昔前に戻って、テーブルレイアウトやインラインCSSをふんだんに使いながらの制作が有効 テーブルは、1.vertical-align属性の指定 2.font-size属性を0に 3.<td>要素に画像と同じだけのwidth/height指定

[photoandart]

スマートフォンの普及により、さらに表現の幅が広がりそうですね。

[TomokiMiura-HAT]

テーブルと聞くと、ブラウザ凍結させちゃった苦い思ひ出がポロポロ……

[masakanou]

バッドノウハウのかほりが…（HTMLメールはメーラーでテキストのみ抽出して読む派なので、作る側を気にしたことなかった)

[www_taca]

HTMLメルマガはテーブルレイアウトで組めと。

[nekogaegaku]

面白法人カヤック 意匠部 ME（マークアップエンジニア）課

[hatayasan]

「ぱっと見ると、「テキスト形式が望ましい」が24.0％でトップです。しかし逆を返すと、「テキスト形式が望ましいと考えていない」人は76％もいると」メールの送受信の教育を受けた時期によって感覚が異なりそう。

[tomoki-hsbiquasar]

テーブルと聞くと、ブラウザ凍結させちゃった苦い思ひ出がポロポロ……

[fooo]

HTMLメルマガで注意する点

[labotv]

わかりやすくまとまってていい！しかし、苦労したのを思い出す…。<form>を使うとスパム判定されたり、メーラーによって表示が上手くいかなかったり。

[Kmusiclife]

うちでもシステムでのメールはhtmlメールになりました。しっかりとした仕事メールはテキストメールです。

[yananaki]

メルマガ案件てたまにしかないけど、結構苦労することがある