【動画解説付き】初心者が自分で更新できる携帯サイト用テンプレート 特典付き

May 17 [Tue], 2011, 18:24
【動画解説付き】初心者が自分で更新できる携帯サイト用テンプレート

【動画解説付き】初心者が自分で更新できる携帯サイト用テンプレート



当サイトより購入頂いた方に下記の豪華特典を差し上げます!!
初心者が自分で更新できる携帯サイト用テンプレートの特典はこちら





携帯サイトは、どんどん伸びています
インターネットが普及している現在、急速に伸びているのが、 「携帯サイト」 です。

「携帯サイト」 とは、その名前のとおり、携帯電話で見ることが出来る
HPのことです。

まずは、 「何故携帯サイトが急速に伸びているのか」 、という理由をご説明します。





1. 携帯電話を1人1台持っている時代であるため
携帯サイトが急速の伸びている理由で、最も大きいのは、
とにかく 「携帯電話を持っている人が多い (増えている) 」 と言う事です。

事実、PCよりも、携帯電話を持っている人の方が圧倒的に多いです。
携帯電話の普及率は、90% を超えています。

携帯電話を持っている人が絶対的に多いため、その携帯電話を使って、
HPを見る人がどんどん増えているのです。





2.携帯サイトはどこでも手軽に見ることが出来るため
携帯サイトの大きなメリットは、 「外からでも手軽に見ることが出来る」 と言う事です。
何故なら、携帯電話は、殆どの人が肌身離さず持っていますよね。

そのため、電車に乗っている時間や布団に入っている時間等で、
携帯電話を使って、インターネットをする人がとても多いのです。

このように、携帯サイトは、何時でも手軽に見ることが出来るため、
携帯サイトを見る人は急速に増えてきています。





3.通信速度がどんどん上がっているため
今まで、携帯電話でHPを見ること (インターネットをする事) は、難しい時代でした。
その理由は、 携帯電話の通信速度が、まだまだ遅かったため です。

しかし現在、携帯電話の通信速度はどんどん上がっています。
そして、 携帯電話で 「インターネット使い放題」 というサービスも出てきています。

通信速度が上がり、HPをストレスなく見ることが出来るようになったため、
携帯サイトを見る人が増えてきている のです。


今まで、インターネットを使用してHPを見る為には、
PCを使用するしか御座いませんでした。

しかし今は、携帯電話で、手軽にHPを見ることができます。
そして、携帯電話は、殆どの人が持っている物です。


通信速度がどんどん上がっている現在、今後は更に、
携帯サイトが伸びてくるはずです。






携帯サイトとPCサイトの違い
それでは、現在ある一般的なHPを、携帯電話で
見ることは出来ないのでしょうか?

その答えは、、、

「携帯電話の機種によって、見ることが出来る場合もあります。」
「しかし、途中までしか表示されなかったり、画面が崩れて、とても見づらくなります。」

という回答になります。


それでは、何故携帯電話で一般的なHPを見ると、途中までしか
表示されなかったり、画面が崩れて見づらくなってしまうのか。

その理由をご説明します。





1.携帯電話とPCでは、画面のサイズが違うため
まず、携帯電話とPCでは、 画面の大きさがまったく違います。

一般的なPCの画面の大きさは、 1280px × 1024px です。
一方、携帯電話の画面は小さく、 240px × 400px 程度です。


携帯電話とPCでは、画面の大きさがまったく違うため、
携帯電話で一般的なHPを見ると、 HPの形が大きく崩れてしまう のです。

そのため、携帯電話で一般的なHPを見ることは、ほぼ出来ないと考えて下さい。





2.表示出来るファイル容量が違うため
携帯電話とPCでは、 表示出来るファイル容量に大きな差 があります。

やはり、表示出来るファイル容量は、PCの方が圧倒的に多いです。
一方、携帯電話は、表示出来るファイル容量に制限があります。

携帯電話は、表示出来るファイル容量に制限があるため、
画像を多く表示させることが出来ません。

そのため、画像を多く使用したHPを開いた場合、
HPが途中までしか表示されないこと が、よくあります。

携帯電話でHPを見て貰う為には、携帯電話専用のHP
(携帯サイト)を作成する必要があります。


貴重な技術!ホームページ作成方法制作スキル修得マニュアル≪コピペできる!技術サポート付き!作り方PDF版 XHTML,CSS≫

あらゆるホームページを自由自在にカスタマイズ!『初めてWeb大全』

楽デザイン「0円クリエイター」

リッチコンテンツイラストパック:セット「美容系キーワード」「悩み系キーワード」「旅行、グルメ系キーワード」「生活系キーワード」

リッチコンテンツイラストパック「旅行、グルメ系キーワード」「生活系キーワード」セット

セールスレター型ホームページ作成動画マニュアル〔ホームページビルダー版〕

リッチコンテンツイラストパック「美容系キーワード」「悩み系キーワード」セット

キラーテンプレート【バージョンアップキャンペーン9,800円】☆超展開力と速攻の機動力があなたのインターネットビジネスを変える!扱いやすいのに本格的♪FC2ブログ用もラインナップの最強WEBページテンプレート!


3. 携帯サイトと一般的なHPは、作り方が異なる為
携帯サイトと一般的なHPは、作り方が異なります。

例えば、 一般的なHPで表示されていたタグが、
携帯サイトでは表示されないこと が、よくあります。

具体的には、ドコモの携帯電話で送ったメールが、auの携帯電話では、
上手く表示されていないことがありますよね。

これと同じことが、携帯サイトでも起こります。

そのため携帯電話でHPを見て貰う為には、一般的なHPとは
違った作り方で、携帯サイトを作成する必要があるのです。


このように、現在公開されている一般的なHPを、携帯電話を使って見ることは、
HPが表示されなかったり、形が崩れたりするトラブルが起きます。

携帯電話でHPを見る為には、携帯電話専用のHPである、
「携帯サイト」 作成するようにしましょう。






携帯サイトの作り方は、、、
それでは、携帯サイトはどのように作成したら良いのでしょうか?

携帯サイトを作成する上でのポイントや注意点をお伝えします。





1. 3キャリアに対応させること
これが携帯サイトを作る上で、一番難しい所なのですが、
携帯サイトを作る場合は、 「3キャリア」 に対応させる必要があります。

この 「3キャリア」 とは、ドコモとau、ソフトバンクのことです。
これらの機種にはそれぞれ特徴があり、HPの表示も若干異なります。

例えば、ドコモの携帯で送ったメールの絵文字が、au では上手く
表示されないことがありますよね。

このような現象が、携帯サイトでも起こります。

そのため、全ての携帯電話で、同じように、携帯サイトを見ることが
出来るようにサイトを作る必要があるのです。

ここが、携帯サイトを作る上で最も難しく、知識のいる所になります。





2.どの画面サイズでも綺麗に見えるように作成する事
携帯電話の画面のサイズは、PCに比べるととても小さいです。
しかも、人によって、携帯電話で設定している文字の大きさも異なります。

これらのことを考えて、全ての携帯電話で、綺麗に表示させる
携帯サイトを作ることが重要になります。

その為には、まず、 携帯サイトの横幅の設定 です。
基本的には、240px で作成するようにします。

また、改行の使い方も、文章の途中で改行を入れてしまうと、携帯の機種によっては、
文章が途切れ途切れに見えてしまう場合がありますので、1つの文章ごとに
改行を入れる必要があります。

他にも、携帯サイトを作るタグの使い方も、 一般的なHPと変えなければなりません。
携帯サイトでは、上手く表示されないタグもあるためです。

このように、どの携帯電話の機種や画面サイズでも綺麗に見えるように作成する為には、
幾つものポイントがある と言う事を知っておいて下さい。





3.デザイン性を向上させるために、色を上手く使うこと
一般的なHPは、綺麗な画像や構成によってデザイン性を向上させます。
文章でデザイン性を向上させることは、出来ないためです。

しかし、携帯サイトの場合、 表示出来るファイル容量に制限がある ため、
画像を多く使用する事は出来ません。

そのため、色によって、デザイン性を向上させる必要があります。
しかし、色によってデザイン性を向上させる為には、何色かの色を使用しなければなりませんよね。

携帯サイトの場合、サイトの背景に色を入れる為には、 XHTMLという言語 を
使用して作らないと、サイトの背景に色を入れることができなくなってしまいます。

携帯の機種にもよりますが、基本的に携帯サイトは、XHTMLという
言語を使用して、作成するようにしましょう。





4.操作性が違うことを考慮する事
携帯電話とPCでは、操作性が大きく異なります。

例えば、PCの場合はマウスを使用して、リンク等をクリックしますが、
携帯電話には、マウスは付いていませんよね。

そこで、携帯電話の場合、 「下ボタン」 等を押しながら移動して、
リンクの上にカーソルが移動したら、 「決定ボタン」 を押します。

そのため、携帯サイトを作る場合は、出来るだけお客様が操作しやすいように、
携帯サイトも作る必要があります。

具体的には、各ページにたどれるリンクは一箇所に集めることや、
携帯電話の 「0」 ボタン を押すことで、一気にトップページに戻れるようにする、
と言う事等です。

他にも、メールアドレスや電話番号を携帯サイトに表示する場合は、
「決定ボタン」 を1回押せば、メールできたり、電話がかけられるようにする事も重要です。


このように、携帯サイトは、やはり 一般的なHPと異なる事が多い です。
そして、気をつけなければならない点も数多くあります。

これらのことを考慮しながら、一般的なHPとは別に、
携帯サイトを作る必要があるのです。