| お小遣い情報ナビ トップ | ネットでお小遣い | ホームページでお小遣い | 在宅ワーク・SOHOでお小遣い | オークションでお小遣い |
お小遣い情報ナビ トップページ ＞ ホームページでお小遣い ＞ 携帯サイトでお小遣い ＞ 無料で携帯サイトを作ろう ＞ 携帯サイト作りのコツ
携帯サイト作りのコツ
携帯サイトの作り方では簡単な携帯サイトの作り方を整理しましたが、ここでは携帯サイトを作るに当たって、知っておいたほうがお得な作成方法や、携帯サイト作りのコツを整理しています。
参考にしてみて下さい。
◆パソコンサイトには無い携帯サイトのタグ
携帯サイトにおいてパソコンサイトと使い方が大きく異なるタグについては、以下で説明します。
◆クリック一つで電話をかける
携帯サイト独自の機能として、「リンク先を電話番号にして、電話をかける」といったことができるようになります。
<A HREF="tel:012-345-6789"> 電話をかける </A>
リンク先を電話番号にします。上の例では、クリックすると、 012-345-6789 に電話がかけられます。
◆番号ボタンでリンク先へジャンプ
もう一つの携帯独自の機能として「番号ボタンを割り当てておき、番号ボタンを押しただけでジャンプするようにする」
<A HREF="http://money.u5n.info/m/" ACCESSKEY="1"> お小遣い情報ナビ－モバイル－</A>
番号ボタンをリンクに割り当てます。割り当てられた番号ボタンを押すと、リンク先にジャンプします。上の例では、携帯の 1 を押すと、お小遣い情報ナビ―モバイル (http://money.u5n.info/m/) にジャンプします。アクセスキーには、0 ～ 9 の数字の他に # * が使用できます。
◆サイト作成に役立つ便利ツール
また、文字の大きさについては、ほとんどの携帯で無視されるようです。これは、画面の大きさが限定されているため、文字を大きく表示すると、 1 画面に表示される情報量が少なくなってしまうため、と考えられます。
なので、文字の色や大きさをいろいろと変えるのは控えた方が良いでしょう。使用する場合には、パソコンの画面できれいに表示されるからといって、携帯の画面でも意図した通りに表示されるとは限りませんので、かならず携帯の画面で確認しておきましょう。
◆便利なツール
実際の表示がどうなるか、は携帯で確認するのが理想ですが、パソコンから携帯の画面でどう表示されるかがわかると便利ですね。そんなときは、 imode シミュレータ を利用しましょう。 NTT DoCoMoが提供しているので、少なくとも imode についてはこのツールで確認しておけばだいじょうぶでしょう。他の機種については万全ではないかもしれませんが、わざわざ携帯をいくつも契約するのは大変なので、これで確認しておけば良いと思います。
◆携帯サイト作りのコツ
○ファイルサイズを軽くする
軽くする方法は、下記のようなものがあります。
① 改行を減らす（これだけでも軽くなりますよ）
② 余計なタグを排除する（必要最低限のタグで充分です）
③ 余計な記号を排除する（ " は必要ありません）
例えば <FONT SIZE="5">としないで <FONT SIZE=5> としても何も問題ありません。
○見やすいページにする
① 水平線 <HR> を使う
画像を使わなくても見栄えのするページにすることができます。文章と文章の間に <HR> を入れるだけでページが見やすくなりますよ。
② 動く文字 <MARQUEE> を使う
MARQUEE タグはパソコン用ホームページでも当然利用できますし、使い方も一緒で、スクロールさせたい部分をこのタグで囲ってやれば OK です。このタグは、パソコン用ホームページでは、あまり使われていないのですが、表示画面・文字数が制限されている携帯サイトでは、スクロールをうまく利用すると、たくさんの情報を記述することができます。
○文字の大きさ、色について
携帯サイトでも、機種によってはカラー表示できます。しかし、現在の携帯のほとんでではフルカラーで表示ではなく256 色表示になるようです。微妙な色合いを設定しても、見るときには近い色で近似されてしまいます。なので、使用する色は 256 色(web セーフカラー)を使いましょう。
○画像
現在の携帯では、会社によって使用できる画像の種類が異なっています。さらに、画像を使用するとファイルがとても重くなってしまいますので、画像を使用する見栄えが良くなるかもしれませんが、使用することをあまりオススメしません。