0

モバイルサイト制作【ガラケー編】

ガラケー用のWebサイトなんて今更需要あるのかって感じですが。

 

ええ、クライアントの頭が古いもので。

 

スマホ用のサイト作れといったり、携帯用のサイトを作れといったり。なんなんだ。

 

 

で、作り方メモ。

・まずDreamweaver(DW)のCS3でモバイル用サイトを作ると、勝手に文字コードがutf-8となってしまいますがshift-jisにした方がいいみたいです。→3キャリア共通

・.htaccessでMIMEタイプと文字コードを指定します。ただしこれを行うとweb上でieでのサイトプレビュー不可→docomo向け

・スタイルシートはタグにstyle属性で直打ち。→docomo向け。現在の機種では改善されているかも

・リンクの装飾に関しては<style></style>内に記述可能→docomo向け

・画像はgifかjpeg

・1ページに使えるデータサイズはhtml,画像を含め100kb以内が推奨値。古い端末になるほど読み込めるデータ量は減っていく。

・画像の横幅240px弱。これは古い端末むけ。

・ページ内リンクはid,name両方をターゲットに書く

・メール送信リンクの題名等はURLエンコードしておく

 

・・・ブラウザの印象としては「ie6をもっと使えなくしたもの」て感じですかね。

機種ごとにオリジナルのブラウザを搭載しているようなもんでしょう。

逆に言えば、ie6はどれだけもっさいんだ。ということですが。

 

以下使えないhtmlとcss。

 

 

使えないもの

●HTML

strong

em

○CSS

font-weight

font-style

◎組み合わせによっては不可

h1-h6に対するfont-size

docomo端末に対するfont-sizeのピクセル指定(larger・smaller等はオッケー。)

 

とりあえず作ってみて、端末ごとでプレビューしてみたほうが確実かも。(AdobeDeviceCentralとかで)

 

 参考にしたもの

http://allabout.co.jp/gm/gc/23999/9/