基本方針、注意点
- とにかくDocomoが鬼門。
- pとかhnとかPCサイトのコーディングのときに必要なタグの存在は忘れる。ブロック要素はdiv、インライン要素はspanで装飾。
以下、早い順。PGがいるなら断然1にすべき。
- XHTMLでコーディングし、docomo向けには変換プログラムを使う
- docomoに合わせてすべてtableコーディング
- キャリアごとに手動で別ページを用意する
キャリアごとの違い
table レイアウト
float と clear
- <br clear="all" /> は使わないほうがよさげ
フォーム
- プロパティが足りていないと動かなかったりそもそも表示されなかったりする。必要なものは全部書く。
- docomoで<form action="/">のactionが抜けてるとinputが表示されない
- auでselectで初期値が設定されていないとradioボタンになってしまう
フォントサイズ
※変換プログラムで変換可能
- xhtmlを使う場合(au)
style="font-size: ;" xx-mall x-small→小 small midium large→中 x-large xx-large →大
- xhtmlを使わない場合(docomo)
<font size=""> 1,2→小 3→中 4,5 →大
- デザインの段階では
そもそも機種によってバラバラだったりするのでそれを想定したデザインは難しいが、
よく使われる中くらいのサイズを想定しておけばだいたい間違ったことにはならない。
そのとき中くらいサイズの一文字は20px×20pxでデザインをしておくとよい
よく使われる中くらいのサイズを想定しておけばだいたい間違ったことにはならない。
そのとき中くらいサイズの一文字は20px×20pxでデザインをしておくとよい
背景色
※変換プログラムで変換可能
- xhtmlを使う場合(au)
backgroundまたはbackground-color
- xhtmlを使わない場合(docomo)
table bgcolorまたはbackground
色を16進数で指定する場合、3桁で省略してはいけない。(#F00)
6桁(#FF0000)で書く。
6桁(#FF0000)で書く。
罫線
- hrタグは癖が強いので使わない。
- spacer.gifと背景色指定で対応。色の境目に画像を入れると境界がかわいくなってGood