iモード用のコンテンツを作成する前に、どのような事が通常のホームページの作成と異なってくるのか見て行きます。

SHIFT-JISのみ使用可能
通常のホームページではSHIFT-JIS以外にもEUCなどと言った文字コードが使用可能ですがiモードではSHIFT-JIS以外の文字コードは使用できません。Windowsで通常作成している場合は大抵SHIFT-JISが使用されていますので特に意識する必要が無いかもしれませんが、UNIX環境で作成している方などは注意が必要かもしれません。
※FTPソフトによっては
文字コードを自動変換してくれるものもあります、『 せっかくSHIFT-JISで作成したファイルもEUCへ変換されていた!! 』なんて事にならないように設定を再確認しましょう。

半角カナが使用できる
通常のホームページでは文字化けの原因になるので半角カナは使用しないというのが周知のルールになっています。しかしiモードでは半角カナの使用が可能で当然文字化けも起こりません。携帯電話で半角カナを使用すると以下のような都合の良い事がありますので、全角カナを使用するくらいなら半角カナの使用をお勧めします。
画面が非常に小さくなっていますので
表示サイズをコンパクトにする事が可能になります。 また、パケット定額制でなければパケット単位での課金制なので
表示料金が安くてすみます。

パケット量による課金
ホームページをみる時自宅からのダイアルアップ接続の場合では接続していた時間に対して、通話料、プロバイダ料が課金される事になります。iモードではちょっと違っていて
送受信されたパケット量によって課金されます、なので表示されないコメントに付いても課金され全角文字では半角文字の倍料金が課金される事になります。
※現在はパケット定額制も増えてきていますので、その場合には当てはまりません。

画面のサイズが小さい
PCで閲覧する場合と最も異なる点は画面のサイズが小さいことです。携帯の画面は機種によってまちまちですが、画面サイズを越える長文は自動的に改行され、画像ファイルについても
自動縮小されて表示をします。横スクロールはしませんので注意しましょう。
各機種の画面サイズについては以下の表(※NTT Docomoのホームページより) を参照下さい。
一番小さい画面サイズ → 横全角8文字×縦6行になります。
-
| iモード端末 |
大きさ
(横全角文字数 ×縦行数) |
表示文字数
(全角) |
液晶画面領域 ブラウザ表示時
(横×縦) |
液晶画面領域
待受画面 (横×縦) |
色 |
| D501i |
8×6 |
48 |
96×72ピクセル |
- |
白黒2階調 |
| F501i |
8×6 |
48 |
112×84ドット |
- |
白黒2階調 |
| N501i |
10×10 |
100 |
118×128ドット |
- |
白黒2階調 |
| P501i |
8×8 |
64 |
96×120ピクセル |
96×95ピクセル |
白黒2階調 |
| D502i |
8×7 |
56 |
96×90ピクセル |
待受アニメ 96×64ピクセル |
カラー256色 |
| F502i |
8×7 |
56 |
96×91ドット |
96×78ドット |
カラー256色 |
| N502i |
10×10 |
100 |
118×128ドット |
(時計表示OFF時) 118×114ドット (時計表示ON時) 118×70ドット |
白黒4階調 |
| P502i |
8×8 |
64 |
96×117ピクセル |
96×95ピクセル |
白黒4階調 |
| NM502i |
8×6 |
48 |
111×106ピクセル |
95×76ピクセル |
白黒2階調 |
| SO502i |
8×8 |
64 |
120×120ドット |
120×72ドット |
白黒4階調 |
| F502it |
8×7 |
56 |
96×91ドット |
96×78ドット |
カラー256色 |
| N502it |
10×10 |
100 |
118×128ドット |
(時計表示OFF時) 118×114ドット (時計表示ON時) 118×70ドット |
カラー256色 |
| SO502iWM |
8×7 |
56 |
120×113ピクセル |
120×120ピクセル |
カラー256色 |
| SH821i |
8×6 |
48 |
96×78ドット |
96×78ドット |
カラー256色 |
| N821i |
10×10 |
100 |
118×128ドット |
(時計表示OFF時) 118×114ドット (時計表示ON時) 118×70ドット |
白黒4階調 |
| P821i |
10×10 |
100 |
118×128ドット |
(時計表示OFF時) 118×114ドット (時計表示ON時) 118×70ドット |
白黒4階調 |
| D209i |
8×7 |
56 |
96×90ピクセル |
96×120ピクセル |
カラー256色 |
| ER209i |
10×6 |
60 |
120×72ピクセル |
120×72ピクセル |
白黒2階調 |
| F209i |
8×7 |
56 |
96×91ドット |
96×78ドット |
カラー256色 |
| KO209i |
8×8 |
64 |
96×96ピクセル |
96×96ピクセル |
カラー256色 |
| N209i |
9×6 |
54 |
108×82ドット |
(時計表示OFF時) 108×82ドット (時計表示ON時) 108×54ドット |
白黒4階調 |
| P209i |
8×6 |
48 |
96×87ピクセル |
96×91ピクセル |
白黒4階調 |
| P209iS |
8×6 |
48 |
96×87ピクセル |
96×91ピクセル |
カラー256色 |
| R209i |
8×6 |
48 |
96×72ピクセル |
96×72ピクセル |
白黒4階調 |
| R691i |
8×6 |
48 |
96×72ピクセル |
96×72ピクセル |
白黒4階調 |
| F503i |
10×10 |
100 |
120×130ドット |
120×130ドット |
カラー256色 |
| P503i |
12×10 |
120 |
120×130ドット |
120×115ドット |
カラー256色 |
| N503i |
10×10 |
100 |
118×128ドット |
120×130ドット |
カラー4096色 |
| SO503i |
8×7 |
56 |
120×113ドット |
120×120ドット |
カラー65536色 |
| D503i |
8×7 |
56 |
132×126ドット |
132×142ドット |
カラー4096色 |
| P503iS |
12×10 |
120 |
120×130ドット |
120×115ドット |
カラー256色 |
| D210i |
8×7 |
56 |
96×91ドット |
96×120ドット |
カラー256色 |
| F210i |
8×8 |
64 |
96×113ドット |
96×113ドット |
カラー256色 |
| N210i |
10×8 |
80 |
118×113ドット |
120×127ドット |
カラー256色 |

GIFファイルについて
iモードで表示出来る画像フォーマットはGIF87,87a,89a形式の通常画像のみで、次に記述するキャッシュの関係もありサイズは5Kバイトまでです。
- 最大のコマ数は5コマまで
- 1ページに最大4個まで配置可能

キャッシュサイズが小さい
ホームページの表示はサーバより対象ページを構成する全てのファイルをダウンロードしてきて、そのファイルをブラウザや携帯端末で表示しています。つまり完全に画面に表示されるには全てのファイルを一旦自分のローカルディスクにダウンロードしなくてはいけません、通常のパソコンであれば大容量のハードディスクなので問題になりませんが、iモードでは
ダウンロードして保存できるサイズが5kバイトまでです。(※一番小さい機種で)
つまり1ページの容量は構成するGIFファイルなどをあわせて5kバイト以内にする必要があります。

JavaScript、VBScriptなどクライアントで動作する技術は使用できない
携帯電話ではこれらのクライアントサイドで動作する JavaScript、VBScriptといったスクリプト言語は動作しません。しかし
CGI、ASPなどであればサーバサイドで処理が行なわれてその結果を単なるHTMLファイルとして出力しますので動作は可能です。

スタイルシート、DHTMLは使用できない
スタイルシート、DHTMLと言ったものも表示できません。
カラー対応機では256色のカラーパレットが利用でき、GIF、表示文字、背景、ハイパーリンクテキストに対して色の指定ができます。
色指定形式は#RGB形式です。Rは赤、Gは緑、Bは青の色をそれぞれ規定し、0〜FFの16進数で指定します。
次に示す標準16色については16進数による色指定以外に色の名前による指定が可能になります。
| Black="#000000"
| Gray="#808080"
| Maroon="#800000"
| Purple="#800080"
|
| Green="#008000"
| Olive="#808000"
| Navy="#000080"
| Teal="#008080"
|
| Silver="#C0C0C0"
| White="#FFFFFF"
| Red="#FF0000"
| Fuchsia="#FF00FF"
|
| Lime="#00FF00"
| Yellow="#FFFF00"
| Blue="#0000FF"
| Aqua="#00FFFF"
|