携帯サイトの作り方。

サイト製作  2006/1/ 1

誰でも出来る携帯サイトの作り方。
携帯サイトって難しいと思いますか? 超簡単です。
私が、ホームページ作成を始めたきっかけは、携帯ホームページの作成からでした。
何にも知らない私でもスグにできちゃいました。

最初に作ったページは飲食店の紹介サイト。
ある日、初めて行くバーで飲んでた時、そのバーの雰囲気を気に入り是非ホームページで紹介させて下さいと頼みました。マスターは快諾してくれ、その後、50件以上のお店に掲載の依頼をしました。
結局中途半端で終わりましたが、雑誌には5誌ほど載ることができたのです。 その後、お店紹介サイトに飽きて、パソコンのホームページを作ってみようと思ったのです。

ですから、ホームページを全く作ったことのない人はまず、携帯サイトから始める方がいいかもしれません。
何がイイかと言いますと、基本的なタグが勉強できます。
今は、ホームページ作成ソフトが普及し、タグを覚えなくても作れますが、やはり作成ソフトを使ってもタグの知識は必須だと思います。
携帯サイトでは、基本的なタグしか使いませんが、その基本的なタグが重要なのです。
携帯サイトで最低限必要なタグは、

<HR>             区切り線
<BR>             改行
<a herf=○○>AA</a>   リンク
<img src=○○>       画像貼り付け
<CENTER>~</CENTER> センタリング

以上の5つくらいです。簡単でしょ?この5つをマスターしたらなんとかなります。

携帯キャリアによるページ
次に気になるのが、キャリアごとにのページの作り方ですね。 あんまり深く考えないで下さい。
基本はドコモのアイモードサイト。これをベースにします。
アイモードサイトは、普通のホームページを簡単にして作る感じです。
先ほど書いた4つのタグがわかればOKです。
次にボーダフォンサイト。画像をpng形式にして下さい。他はアイモードと同じです。
次にezwebサイト。いろいろなホームページを見るとHDMLを使うなど難しく書いてますが、アイモードホームページと共通にして下さい。それでOKです。

つまり、2種類作れば、全キャリア対応です。
画像を使わなければ1種類で対応です。

携帯キャリアの振り分け。
やっぱ、振り分けはやりたいですよね。同じURLでパソコンからアクセスしたらパソコンサイト。ドコモからアクセスしたら、ドコモサイト・・・という感じで。これは、ちょっとしたプログラムが必要になります。
一般的なのがCGIを使う方法。これは、以下のサイトからダウンロードして設置してください。それでOKです。

ふりりん(木村洋介さん作成) http://cgi.linkclub.or.jp/~kimkim/furi/furi.shtml

"これから始めようとする方へ。
携帯サイトを作ったことのない人は、これだけの説明ではわかりませんよね。
しかし、詳しい説明はしません。他のサイトを見た方が詳しく書かれてるのでイイです。
しかし、実際にファイルを渡して、改造してみた方が早いと思いますので以下からダウンロードして、遊んで下さい。

携帯サイトサンプルダウンロード

ファイル構成
[mobile] -
      - [i-mode] アイモード・ezwebサイト用
      - [vodafone] ボーダフォン用
mobile フォルダ以下に振り分けCGIを置けば、キャリアごとの振り分けが可能になります。

«BACK   NEXT »  

WEBコラムカテゴリー

最近のエントリー

月別アーカイブ