携帯サイトの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が分からなくてもサイトが作れますよ。
※その他のネットバイト、ネットで稼ぐ方法などのコンテンツははトップページからどうぞ。 ⇒ネットで稼ぐ.com/ネットバイト,ネット内職,ネットで儲けるトップページ |