着声、着モーション作成講座 for PC タイトル
トップページへ 着声、着モーションの作成講座へ、具体的な作り方です。 着モーションを公開するために、携帯サイトを作成します。 サイトが完成したら、サイトで収入を得ることに挑戦してみませんか。  

着声.着うた、着モーション作成講座、メニュー


作成講座
着モーション規格
素材を集める.1
素材を集める.2
編集する
3gppへ変換する
着信化する
動画サイトnavi
FAQ

掲示板について
(新)初心者掲示板
アップロード掲示板
[最新版]
アップロード掲示板
[過去分]
着モーション
ランキング

サイト作成
準備
HPスペース確保
HTML記述
リンクさせる
アクセスアップ

コンテンツ集
登録、ログイン

サイトで収入を得る
便利サイト、ツール
メールで収入
懸賞、ロトで収入
アンケートで収入
リンクスタッフで収入
バナーで収入
クリック保証型
アフィリエイト型
厳選!! 広告会社
広告会社一覧

TOPリンクのお願い
相互リンク

各種ケータイサイト
の作成

着メロ
待受画面
出会い系
etc..
livedoorブログ
楽天ブログ

TOP > サイト作成 > HTML記述
サイト公開
HTML記述
携帯端末用のサイトを作成するわけですが、携帯サイトとPCサイトとは、原則的に言うと、あまり変わりません。

一般のPC用のホームページにはHTMLというものが使用されますが、携帯端末用のホームページには
CHTMLやHDMLというある程度使用できるタグを制限した言語が使われます。

そのため、ケータイ用のもののほうが、テキストベースの内容が多く、ページのレイアウトや細かい文法を
考えないですむため、PCのページよりはるかに気軽に作る事が出来ます。

そして、また、作成時には以下のような制限もあります。


■ スタイルシート関連
一切のスタイルシートが使えません。

■ JavaScript
これも一切使えません。

■ クッキー
クッキーは一切使えません。


各キャリアの違い
各携帯メーカーによって様々な規格の違いが存在します。
現在、i-mode / vodafone / ez-web という3種の規格があります。

使用される言語にも違いがあり、

キャリヤ 使用言語 使用画像
i-mode CompactHTML JPG,GIF
ez-web HDML PNG,BMP
vodafone JSKY用HTML PNG,JPG

となっており、もし各社に厳密に対応させるとなると、それそれの言語を使用して、別々に作ってゆく事
になります。

タグなどについて
基本的なタグは大体使えるのであまり気にしなくていいはずです。
ただ、使える属性は限られています。文字コードはShiftJISにすることを忘れないように。

画面サイズ
各メーカー、各機種によって、表示できる画像サイズには違いがあります。待受画像を作る場合は、十分、
考慮してください。

ファイルサイズ
i-modeで5K、Vodafoneで6K、ez-webで9Kが目安になります。


ビューアについて
当然、携帯ページを作ったらそれを実際に見て確認しなければなりません。
しかし、わざわざ携帯から確認していたらお金も掛かるし大変です。

i-mode
@モードHTMLシミュレータというソフトがdocomoに用意されています。
唯一、HTTPからの読み込みに対応しているので
掲示板などの動的生成ページの確認にはこのソフトを使いましょう。




iモード用の携帯サイトを作成するにはC-HTMLを使用します。
以下は、使用できるタグの一覧です。

要素 属性 iモード対応
HTML
バージョン
意味 備考
!-- - 1.0 コメントをつける。
例 <!-- -->

&XXX; - 1.0 値の指定をする。 &amp;
&copy;
&gt;
&lt;
&quot;
&nbsp;
&#0;〜&#127;
A name= 1.0 HTMLファイル内にマーカー名を指定する。  
accesskey="char" 1.0 ダイレクトキー機能
href="URL" 1.0 他サイトのホームページを表示する。
プロトコル種別
http, mailto, tel
http://,https://,mailto:,tel:
cti="char" 2.0 ダイヤル機能+トーン入力機能  
ijam="char" 3.0 ダウンロードするiアプリを示すOBJECTタグのIDを指定する。 iアプリ関連
utn 3.0 個体識別情報を確認する。  
subject="char" 3.0 mailto:で件名を指定する。 メール関連
body="char" 3.0 mailto:で本文を指定する。
telbook="char" 3.0 電話帳登録機能
kana="char" 3.0
email="char" 3.0
ista="char" 4.0 ブラウザから起動させるiアプリに対応したOBJECTタグIDの指定 iアプリ関連
ilet="char" 5.0 ダウンロード即起動iアプリの指定 iアプリ関連
iswf="char" 5.0 インタラクティブ再生モードで配信するFlashコンテンツの指定 Flash関連
irst="char" 5.0 赤外線送信するデータに対応したOBJECTタグIDを指定する タグ指定送信関連
BASE href="URL" 1.0 HTMLファイル内で扱うURLの基準にするパスを指定する。
BLINK - 2.0 指定した文字を点滅させる。  
BLOCKQUOTE - 1.0 文章をブロック化し、引用文を明示する。
BODY - 1.0 ページとして表示される内容を指定する。
bgcolor="char" 2.0 背景の色を指定する。 カラー対応機のみ
text="char" 2.0 テキストの色を指定する。 カラー対応機のみ
link="char" 2.0 リンクの色を指定する。 カラー対応機のみ
alink="char" 4.0 リンクが選択され、反転表示されているときの色を指定する。 カラー対応機のみ
vlink="char" 4.0 すでに訪問したハイパーテキストのアンカー文字色を指定する。 カラー対応機のみ
BR - 1.0
 
clear=all | left | RIGHT 1.0 インラインイメージの周りに文字列を回り込ませる設定の場合に、周り込んでいる文字列の改行を行うだけでなく、<BR>タグ以降の文字列の回り込みを解除する。
CENTER - 1.0 文字列やイメージ、表などを中央に揃える。
DD - 1.0 定義型リストを作成する。DL参照
DIR - 1.0 メニューリスト及びディレクトリリストを作成する。
記述は、やはり<UL>タグなどと同じで、<DIR></DIR>でリスト部を挟み、各項目の先頭に<LI>を付ける。

type="disc|circle|square" 4.0 リストの行頭文字を指定する。discは●、circleは○、squareは■
DIV align=left | center | RIGHT 1.0 <DIV ALIGN="left"> DIVで挟まれている段落を左側に寄せて表示する。
<DIV ALIGN="center"> DIVで挟まれている段落を中央に寄せて表示する。
<DIV ALIGN="RIGHT"> DIVで挟まれている段落を右側に寄せて表示する。

DL - 1.0 定義型リストを作成する。リスト対象部分全体を<DL></DL>で挟み、中に<DT><DD>タグを置く。
DT - 1.0 <DT>タグが見出し語を指定、文字列を左揃えで表示する。
FONT color="char" 2.0 テキストの特定個所のみ色を変更する。 カラー対応機のみ

size="1"

5.0 フォントサイズを変更する。1〜2はフォントサイズ小 FOMA(i-HTML5.0)以降のみ
size="2" 5.0
size="3" 5.0 フォントサイズを変更する。3はフォントサイズ中(デフォルト)
size="4" 5.0 フォントサイズを変更する。4〜7はフォントサイズ大
size="5" 5.0
size="6" 5.0
size="7" 5.0
size="+1" 5.0 フォントサイズを変更する。フォントサイズの相対指定
size="-1" 5.0
FORM action= 1.0 実行するCGIのURLを指定する。
action="mailto:char" 5.0 フォームデータをメールで送信する
method=get | post 1.0 サーバに渡すデータのメソッドをPOSTまたはGETのどちらかで指定する。
utn 3.0 個体識別情報を確認する。 個体識別情報
HEAD - 1.0 ページタイトルやサーバ等が利用する情報を指定する。<HTML>タグの次に来るのが<HEAD>タグとなる。                   
Hn - 1.0 見出しの大きさの指定。 FOMA(i-HTML5.0)以降ではnの値が有効となりサイズ変更可能
align=left | center | RIGHT 1.0 見出しの配置指定
HR - 1.0 水平線(区切り線)を指定する。
align=left | center | RIGHT 1.0 水平線の配置
size= 1.0 水平線の太さ
WIDTH= 1.0 水平線幅
noshade 1.0 平面的な水平線
color="char" 4.0 水平線(区切り線)の表示色を指定する。 カラー対応機のみ
HTML - 1.0 HTMLファイルであることを明示する。HTMLファイル内の記述全体を<HTML>と</HTML>で挟む。
IMG src= 1.0 表示イメージファイルの指定(必ず必要)
align=top | middle | bottom 1.0 イメージと文字列の並び方と回り込み
align=left | RIGHT 1.0 イメージと文字列の並び方と回り込み
WIDTH= 1.0 イメージの幅
height= 1.0 イメージの高さ
hspace= 1.0 イメージの水平方向の余白
vspace= 1.0 イメージの垂直方向の余白
alt= 1.0 イメージの代替え文字
align="center" 4.0 画像の中央に合わせて文字列を表示する。center属性値はmiddle属性値を指定したときと同じ動作をする。
INPUT type=text 1.0 テキストボックスを表示する。 テキスト入力
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
size= 1.0 テキストボックスの幅を文字数で指定する。
maxlength= 1.0 テキストボックスへ入力できる文字数を制限する。
accesskey="char" 1.0 ダイレクトキー機能
value= 1.0 データの初期値を指定する。
istyle 2.0 全角かな・半角カナ・英字・数字を指定する。
type=password 1.0 パスワードを入力するために専用のテキストボックスを表示する。 パスワード入力
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
size= 1.0 チェックボックスの幅を文字数で指定する。
maxlength= 1.0 チェックボックスへ入力できる文字数を制限する。
accesskey="char" 1.0 ダイレクトキー機能
value= 1.0 データの初期値を指定する。
type=checkbox 1.0 チェックボックスを表示する。 チェックボックス
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
value= 1.0 データの初期値を指定する。
accesskey="char" 1.0 ダイレクトキー機能
checked 1.0 チェックボックスにあらかじめチェックを付けておく。
type=radio 1.0 ラジオボタンを表示する。 ラジオボタン
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
value= 1.0 データの初期値を指定する。
accesskey="char" 1.0 ダイレクトキー機能
checked 1.0 デフォルトを選択の状態にする
type="hidden" 1.0 VALUE属性で指定されているデータが、「フィールド名=」に続けてそのまま転送される。 非表示データを指定する
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
value= 1.0 データの初期値を指定する。
type="submit" 1.0 送信実行ボタンを表示する。 送信ボタン
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
accesskey="char" 1.0 ダイレクトキー機能
value= 1.0 ボタン名を指定する。
type="reset" 1.0 入力したフィールド内容をすべてリセットする。 リセットボタン
name= 1.0 <INPUT>タグで入力したデータを、CGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
accesskey="char" 1.0 ダイレクトキー機能
value= 1.0 ボタン名を指定する。
LI - 1.0 行頭記号の変更
type=1 | A | a 2.0 リストの番号形式を指定する。1は数字、Aはアルファベット大文字、aはアルファベット小文字
value= 2.0 リストの連番を変更する。
type="disc|circle|square" 4.0 リストの行頭文字を指定する。discは●、circleは○、squareは■
MARQUEE - 2.0 文字列を電光掲示板のように横に流れさせる。
behavior=scroll | slide | alternate 2.0 文字列が画面を完全に横切る、端で止まる等の動作を指定する。
direction=left | RIGHT 2.0 文字列が流れる方向を指定する。
loop= 2.0 文字列が流れる回数を指定する。 最大指定値16
height= 2.0 高さを指定する。 1行固定(ユーザ変更不可)
WIDTH= 2.0 幅を指定する。 画面幅固定(ユーザ変更不可)
scrollamount= 2.0 文字列が1回移動する距離を指定する。 ユーザ変更不可
scrolldelay= 2.0 文字列が1回移動する時間を指定する。 ユーザ変更不可
bgcolor="char" 5.0 マーキーする文字列の背景色を指定する  
MENU - 1.0 メニューリストを作成する。
type="disc|circle|square" 4.0 リストの行頭文字を指定する。discは●、circleは○、squareは■
META http-equiv= 2.0 シュミレートしたいHTTPヘッダの項目名を指定する。 http-equiv="Content-Type" (固定)
content= 2.0 コンテンツタイプを指定する。 content="text/html; charset=SHIFT_JIS" (固定)
OBJECT declare 3.0 オブジェクト宣言であることを示す識別子。 iアプリ関連/iモーション再生制限関連(i-HTML4.0)/Flash関連(i-HTML5.0)/タグ指定送信機能関連(i-HTML5.0)/キャラ電関連(i-HTML5.0)
id= 3.0 このOBJECTタグのID (HTML内で一意)。
data= 3.0 オブジェクトとして配置するデータのURL
type= 3.0 data属性で示されるデータのコンテンツタイプ。type="application/x-jam"(iアプリ関連/固定)。
4.0 type="video/3gpp" もしくはtype="audio/3gpp"(iモーション関連/固定)。
5.0 type="application/x-shockwave-flash" (Flash関連/固定)
5.0 type="application/x-ir" (タグ指定送信機能関連/固定)
5.0 type="application/x-avatar" (キャラ電関連/固定)
width="char" 5.0 Flashコンテンツの幅 Flash関連
height="char" 5.0 Flashコンテンツの高さ
OL   1.0 番号付きリストを作成する。
type=1 | A | a 2.0 リストの番号形式を指定する。1は数字、Aはアルファベット大文字、aはアルファベット小文字
start= 2.0 リストの開始番号を指定する。
OPTION selected 1.0 選択済み(初期値)の指定。
value= 1.0
選択メニュー項目を指定する。
P - 1.0 段落を作成する。
align=left | center | RIGHT 1.0 段落の配置。
PARAM name= 4.0 オブジェクト実行時に必要なパラメータ名の指定。 iアプリ関連/iモーション再生制限関連/Flash関連(i-HTML5.0)/タグ指定送信機能関連(i-HTML5.0)/キャラ電関連(i-HTML5.0)
value= 4.0 オブジェクト実行時に必要なパラメータ値の指定 iアプリ関連/iモーション再生制限関連/Flash関連(i-HTML5.0)/タグ指定送信機能関連(i-HTML5.0)/キャラ電関連(i-HTML5.0)
valuetype="data" 4.0 value属性で指定する値のタイプ valuetype="data" (iモーション関連/固定) iモーション再生制限関連(固定)
PLAINTEXT - 1.0 テキストファイルをそのまま表示する。
PRE - 1.0 改行や空白を含め、ソースをそのままの形で表示する。
SELECT name= 1.0 選択された項目内容を引き渡すときのリスト名を指定する。
size= 1.0 リストの行数を指定する。
multiple 2.0 複数選択を可能にする。
TEXTAREA name= 1.0 <TEXTAREA>タグで入力したデータをCGIスクリプトなどへ受け渡す時に使われるフィールド名を指定する。
accesskey="char" 1.0
rows= 1.0 入力ボックスフィールドの高さを指定する。
cols= 1.0 入力ボックスフィールドの幅を指定する。
istyle= 2.0 全角かな・半角カナ・英字・数字を指定する。
TITLE - 1.0 ページタイトルを指定する。  
UL - 1.0 行頭記号(・)を付けたリストを作成する。
type="disc|circle|square" 4.0 リストの行頭文字を指定する。discは●、circleは○、squareは■



Copyright (c) 2003-2004 ttkyou All rights reserved