携帯サイトの作り方

携帯サイトを作るのは難しい？

携帯サイトを作るのは難しいか？
いいえ、とても簡単です。

単純なサイトであればＰＣのホームページ作成経験者であれば30分くらいで作れると思います。

初心者の方でも1日あれば一通り完成までいけるでしょう。
作り方はＰＣのホームページとほとんど同じで、違うところは大きくいうと

ＰＣのホームページのように大きな画像が使えない
スタイルシートは使えない
JavaScriptが使えない
クッキー、セッションが使えない

くらいです。
要はＰＣのホームページよりもかなりシンプルな物になると考えてください。

ページの軽さが重要

基本的に携帯サイトは、見る側の画面もＰＣより断然小さいですし（文字数は1行全角では8文字が標準）、読み込みの早さも遅いので携帯サイト作成の際はページの軽さ（容量の縮小）が必要になります。
i-modeで5K、Vodafoneで6K、ez-webで9Kが主流のようです。

使うタグは非常に少ない

使うのは全角文字、半角文字、区切り線【<HR>タグ】、画像を使うときはGIF形式の静止画像（アニメーションでもいいですが容量は小さい方がいいです）、リンク【<A href="※※※※.html"></Ａ>】だけで作成できます。

作成ソフトなしで携帯サイトを作る

複雑なタグはよくわからない！という方にはＨＴＭＬタグの知識が無くても完全無料から携帯サイトが作れるサイトがあるので紹介します。

下部で紹介しているテキストエディタ・FTPソフトは必要なく携帯サイトが作れます。

タグやシステムの知識もまったく必要なしです（利用料も全て無料）

すべて商用可（広告を登載できるということ）なので広告収入を稼ぐこともできます

サイト名	説明
ポケットストリート	画面上でコンテンツの追加など簡単。日記や掲示板やチャットなどのコンテンツも簡単に追加できます。
OOHP メイカー	多くの便利な無料ツールが使える！3キャリア対応で携帯からの更新も可能です。
魔法のiランド	利用者が多い魔法のiランド。アクセスアップに効果があるようです。タグの知識不要で簡単作成！（おすすめ）
ポケットスペース	携帯電話からの作成も可能。ここも利用者多いです。いくつでも携帯サイトを作ることができます。（おすすめ）
ふりーぺ	カメラ付携帯の画像をアップ可能。アダルトサイトの作成も可能です。
MOPPY	携帯画像アップ可能。携帯電話からの作成も可能です。
FHP	携帯電話からの作成可能。各種機能も充実しています。
FC2ケータイHP	PCでの無料ホームページスペースでも有名なFC2Webが、無料携帯サイトスペースを提供しています。

------------------------------------------------------------
※携帯サイト作成サービスを利用するには最低限メールアドレスが必要です。
フリーの無料で利用できるメールアドレスを使うといいです。
お勧めはYahoo！メールです。無料で利用できます。
------------------------------------------------------------

無料ソフトを利用して自分で携帯サイト作りたい！

上の自動携帯作成サイトを使わず、サーバーを自分でレンタルし、テキストエディタを使いHTMLを細かく書き、作成していく方法です。

メリットとして、自分の修正したい部分が、自由に設定できる点だと思います。

必要なものとしては、

テキストエディタ＆FTPソフト

ホームページを編集するソフトです。
無料でダウンロードできる物ではalphaEDITがおすすめです。

初心者の方でも簡単にテキスト編集ができるようになっている上に、ファイルを送るFTPソフトも付いています。

これだけの機能がついて無料というソフトはほとんどないと思います。

ホームページスペースを借りる

上の編集ソフトを使って携帯サイトを作る場合は、ホームページを表示するスペース・サーバーが必要です。
無料のところだと、FC2WEB があります。私はこれで作りました。

通常のホームページスペースと、携帯サイトのスペースが両方付いてきます。
携帯サイト方は1ページ5ＫＢまでと容量が決まっているので、注意が必要です。

有料のレンタルサーバーを借りるならロリポップがいいと思います。
独自ドメインも取得することでいくつでも携帯サイトが作れます。

参考ページ：格安レンタルサーバ

参考ページ：独自ドメインについて

高性能な携帯サイト作成ソフトは？

市販の作成ソフトを使う場合はＰＣのホームページ作成ソフト『ホームページビルダー7』で作れます。または、『ホームページビルダー8』、『ホームページビルダー for iモード』などもオススメ！

価格的には『ホームページビルダー　for iモード』が安いです。
ＰＣのホームぺージも作ろうと思っている人はバージョン7か8の購入をおすすめします。

ダウンロードから30日間無料で使える体験版もあります。
最新版を体験してみてはいかがでしょう？？

ホームページビルダーV10体験版

簡単な携帯サイトのサンプル

簡単なサンプルページを作成しました。

ＨＴＭＬタグも紹介するので無料ソフトや市販のソフトを使ってサイト作成をする場合、おおまかな作り方はわかると思います。

ＰＣサイトと携帯では見え方がだいぶ違うので携帯で直接入力で実際に見てみてください。

⇒サンプルページ

▼サンプルページのＨＴＭＬタグ

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border="1">
<TBODY>
<TR>
<TD>ﾀｲﾄﾙﾊﾞﾅｰなど</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<P align="center"><BR>
<a href="http://click-no1.jp/adlink.php?adid=101632">クリック広告</a></P>
<P>
<MARQUEE loop=50 bgColor=ffffcc>サンプル</MARQUEE>■サンプル<BR>
○サンプル<BR>
</P>
<HR>
<P align="center"><A href="http://click-no1.jp/adlink.php?adid=101632">クリック広告</A></P>

<HR>
<P align="center">‐ ‐ ‐ ‐ ‐ ‐ ‐<BR>
since 2004/※/※<BR>
‐ ‐ ‐ ‐ ‐ ‐ ‐<BR>
(c)2004 ※</P>
</BODY>
</HTML>

携帯サイト作成お役立ちサイト　　

携帯サイトの作成に役立つお役立ちサイトを紹介します。

サイト名	説明
携帯待ち受け画面一発作成	いろいろな携帯の画面いっぱいきれいな画像が作れます。しかも、作ってそのまま送信できるからとても便利です。
iモードHTMLシミュレータ	携帯サイトを携帯で観覧するのと同じように、ＰＣでも観覧できるソフト。パケ代節約にも便利な無料おすすめツールです。