携帯サイトの作り方/ネットで稼ぐ.com

ネットで稼ぐ方法、ネットで儲ける方法、ネットバイトなどのネットでお小遣いを稼ぐ方法のことなら「ネットで稼ぐ.com」へ サイトマップ サイトについて お問い合わせ 
トップページ > 携帯サイトの作り方
携帯サイトの作り方について解説

携帯サイトのHTML構造は、基本的に簡単シンプルにしたPC用のHTML構造と変わりません。
<HTML>から始まり、</HTML>で終わる、いたって普通のHTMLです。
PCサイトとの違いは、1ファイルサイズの制限、2スタイルシート使用不可、3JavaScript使用不可、
4メーカーの規格による違いになります。ただ、このサイトでは、各機種共通のページを作成することを推奨していますので、
基本的なPCサイトとの違いは先の3つになります。

<チェック!!>本当に稼ぎたい人のための、今人気の稼ぐための情報教材!!
「0」から圧倒的に稼ぐ!【ゼロスタアフィリエイトプログラム】
【堀江貴文・ホリエモンも推薦】397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス
自分のサラリーを競馬で稼ぐ、競馬副業マニュアル
新開拓!高額収入アフィリ〜元手0円、1日8分で月間40万円を稼ぐ収入術〜

携帯サイトのHTMLタグ

今は、ホームページ作成ソフトが普及し、タグを覚えなくても作れますが作成ソフトを使ってもタグの知識は必須だと思います。
携帯サイトでは、基本的なタグしか使いませんが、その基本的なタグが重要なのです。
携帯サイトで最低限必要なタグは、

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

以上の5つくらいです。簡単でしょ?この5つをマスターしたらなんとかなります。携帯サイトで使用できるHTMLタグは、
原則的にはPCサイトとあまり大差はありません。しかし、全く同じと言うわけではありません。
一番大きな違いは、古い機種だと<table>タグが利用できないことです。
新しい機種はほぼ対応していますが、大きな表は画面サイズの都合もあるので避けたほうがいいでしょう。
ただ、携帯サイトは表示画面が小さいので、デザインや表に使われることの多い<table>タグはそれほど使わないかもしれません。

携帯サイトで利用できるタグは、 A, BLOCKQUOTE, BODY, BR, CENTER, DIV, DL, FONT, FORM(INPUT, SELECT, OPTIONなど),
H1〜H6, HEAD, HR, HTML, IMG, MARQUEE, META, OL(LI), P, PRE, TITLE, UL(LI) などがあります。

携帯サイトの独自タグ

ハイパーリンクタグ<a>で電話をかける
<a>タグは、携帯サイトの場合もハイパーリンクを示します。しかし、携帯サイト独自の機能として、
「リンク先を電話番号にして電話をかける」ことができます。
例)<a href="tel:012-345-6789">電話をかける</a>

アクセスキータグ<accesskey>で指定したリンク先に飛ぶ
携帯電話の「1」や「#」といったボタンを押すと、その指定したリンク先にジャンプします。
アクセスキーには、0〜9の数字、#、*の記号が使用できます。
例)<a href="http://howtomobile.magical-remix.net/" accesskey="1">携帯サイトの作り方</a>

文字のスクロールタグ<marquee>で文字を左右・上下にスクロールさせる
<marquee>タグはPCサイトでも利用できますし、使い方も一緒です。ただ、PCサイトの場合、
ユーザビリティ的に特別使う必要性がないのに対し、携帯サイトでは表示画面面積が少ないため、
たくさんの情報を記述することができるこのタグはよく使われます。
例)<marquee behavior="scroll">囲まれた箇所が画面を横切る動作</marquee>

携帯サイトの画像の扱い

全機種で共通して使えるフォーマットがないため、少々面倒です。

i-mode(DOCOMO)
基本はドコモのアイモードサイト。これをベースにします。アイモードサイトは、普通のホームページを簡単にして作る感じです。
先ほど書いた4つのタグがわかればOKです。 全ての機種で対応している拡張子はGIFです。
2003年以降発売の機種ではJPEGも使えます。ファイルサイズは、画像ファイルも含め、全体で5KB〜20KB、FORMで100KBです。
共通して表示される推奨ファイルサイズは5KBです。画像の圧縮の際は注意しましょう。
また、透過GIF、アニメーションGIFも表示可能ですが、この二つが使用可能なのはi-modeだけです。
Yahoo!ケータイ、Zwebでは使用できません。

Yahoo!ケータイ(SoftBank)
全ての機種で対応している拡張子はPNG、JPEGです。2005年以降発売の機種ではGIFも使えます。
ファイルサイズは、画像ファイルも含め、全体で6KB、パケット対応機で12KBです。
共通して表示される推奨ファイルサイズは6KBです。画像の圧縮の際は注意しましょう。

EZweb(au)
全ての機種で対応している拡張子はPNGです。2001年後半以降発売の機種ではJPEGに、
2003年以降発売の機種ではGIFにも対応しています。
ファイルサイズは、画像ファイルも含め、全体で9KBです。共通して表示される推奨ファイルサイズは9KBです。
画像の圧縮の際は注意しましょう。


以上を踏まえると、JPEGならば2003年以降発売のほぼ全機種で使うことが出来ます。
PNGはi-modeが対応していないので止めましょう。また、画像も含めた全体のファイルサイズが5KB以下なら
ばほぼ全ての携帯で見ることができます。つまり、2種類作れば、全キャリア対応です。画像を使わなければ1種類で対応です。

PCサイト&携帯キャリアの振り分け。
やっぱ、振り分けはやりたいですよね。同じURLでパソコンからアクセスしたらパソコンサイト。
ドコモからアクセスしたら、ドコモサイト・・・という感じで。これは、ちょっとしたプログラムが必要になります。
一般的なのがCGIを使う方法。
こういうので出来ますよ。
■振分けCGIhttp://w021.q.fiw-web.net/furi/furi.shtml?
■.htaccesshttp://www.shtml.jp/htaccess/directoryindex.html?

■手順
1..htaccessを使用して index.cgi を先に読むようにする。
  (例:?http://****/? とアクセスした時)
2.振分けCGIの設定をしてアップロードする。

これで出来ると思います。
何か分らない事があれば、また登場します。(爆

■できなかった場合の手順

 1.メモ帳を起動します。
 2.DirectoryIndex index.cgi index.html index.htm と書きます。
   (先頭から優先して表示されるので index.cgi を先に。)
 3.ファイル(F) -> 名前を付けて保存(A)
   *ファイル名(N): .htaccess
   *ファイルの種類(T): すべてのファイル
   *文字コード(E): ANSI(そのまま)
 4.アップロードする。
 5.ファイルの権限を 604 にする。(ロリポップ推奨)

もし、.htaccess というファイルが作成できない場合は、とりあえず1.htaccess などとしてアップロードの際、またはアップロード後に
サーバ上で .htaccess に名前を変えて下さい。

なお、どうしても分からない場合、
携帯端末簡易振り分けCGIhttp://www.cj-c.com/で簡単にできます。


簡単無料ホームページスペース(HTMLの知識不要)

どうしてもタグ打ちなどが出来ない方、無料のホームページスペースを使ってみてください。
テンプレート機能があるのでHTMLが分からなくてもサイトが作れますよ。

FC2ケータイHP FC2の携帯用ホームページスペース。商用可能。
魔法のiランド FC2の携帯用ホームページスペース。商用不可。
ふりーぺ 商用利用可。カメラ付携帯で撮った画像もアップできる。
I-Friends 商用サイトとして利用可。
PocketStreet 普通のサイト。画像をアップできる。
ポケットスペース ひとつのメールアドレスでいくつでもホームページを作成できる。



※その他のネットバイトネットで稼ぐ方法などのコンテンツははトップページからどうぞ。
ネットで稼ぐ.com/ネットバイト,ネット内職,ネットで儲けるトップページ
効率よく稼ごう!!
ネット懸賞は当たるのか??
すばやく稼ぐ裏情報について
携帯を使ってさらに稼ぐ
mixiでお金を稼ぐ情報について
携帯サイトで稼ぐには
携帯ASP一覧
メールマガジンで稼ぐ方法
オークションの豆知識・裏技
オークションの裏技/転売で稼ぐ
人気のぶたちょきの稼げる訳
「げん玉」はめちゃくちゃ稼げます!
データ入力で稼ぐ
情報商材販売で稼ぐ
翻訳で稼ぐ
ポイント合算型サイトを利用する
稼ぐお手伝いツール紹介
ネットバンク対応サイトで稼ぐ
フリーメールアドレスを使おう!
稼ぐコツをつかむには
自己アフィリエイトで稼ぐ
購入ポイントを2重に稼ぐ裏技
ヤフオクでドロップシッピング
実際に稼ぐ!!
メール受信で稼ぐ
リンクスタッフで稼ぐ
アフィリエイトで稼ぐ
ブログ記事で稼ぐ
アダルトサイトで稼ぐ
出会い系アフィリエイトで稼ぐ
ライブチャットで稼ぐ
懸賞・ポイントサイトで稼ぐ
アンケート・モニターで稼ぐ
サイト訪問・ゲームで稼ぐ
オンラインゲームで稼ぐ
オークションで稼ぐ
出会い系サイトのさくらで稼ぐ
ディスカバリーネットで稼ぐ

TOPに戻る

Copyrightc2005 ネットで稼ぐ.com/ネットバイト,ネット副収入,ネットで儲ける情報 All rights reserved.【掲載の記事・写真などの無断複写・転載等を禁じます。
inserted by FC2 system