プチ携帯サイト講座2
2005-09-28 09:00:21 written by hikarutsukasa
最近、このサイトは、あまり皆様の役にたっていないなぁーと思い、頑張って役立つかもしれない携帯サイトの情報を記事にしてみます（＾＾；
携帯サイトの場合、表現の幅がどうしても狭くなるため、多少定番化されていきます。ほんの少しですが、携帯サイトにおける表現のコツを解説していきたいと思います。
関連サイト
お手軽！携帯サイトの作成支援
サイトインフォ
最近の流行り？なのか、ページの先頭に流れる文字でサイトの簡単な説明をしているサイトが多く見られます。
PCサイトでも同様に見かけますよね。ページの一番上に説明文があったり。PCの場合は、SEO的な狙いもあると思います。<body>タグの後のはじめに来るキーワードは強いらしいので。
上記のように、携帯サイトでサイト説明を効果的に入れる場合は、<body>のすぐ後ろに下記のようなタグを用います。
<marquee bgcolor=#ffff66>
流れるメッセージ
</marquee>
そうすると、携帯サイトのページの一番上に、サイトの説明文が流れます。背景色も自由に変えられるので、携帯でページを見たときはきれいに見えます。お試しあれ。
罫線をつかおう
携帯でコンテンツメニューを表示する時に役立つのが罫線。
├メニュー1
├メニュー2
└メニュー3
このように罫線を使ってまとめると見やすくなりますよね。
┣メニュー1
┣メニュー2
┗メニュー3
また、罫線の太さは2種類あるので、サイトの雰囲気になどに合わせて使いましょう。
メニューと説明文
続いて、メニューに対して簡単な説明文があると、次のクリックした時に、どんなコンテンツがあるか分かりやすい構成になり、より使いやすいサイトを表現できます。
しかし、説明文も場合によってはうるさく見えてしまうこともあります。そんな時は、文字の大きさと色がポイント。
<font color="#999999">コンテンツ説明</font>
┣メニュー1
┣メニュー2
┗メニュー3
このように説明文の色を通常の文字よりも薄くさせます。これで、それほど目立つものではなくなり、うるささも感じられなくなりますよね。
<font color="#999999" size="1">コンテンツ説明</font>
┣メニュー1
┣メニュー2
┗メニュー3
大きさも最近機種しか対応していないかもしれませんが利用する価値はあるでしょう。文字の大きさが異なれば、また見易さもプラスされます。
対応していない機種では、フォントサイズのタグは無視されるはず（多分）。
<hr>と8文字区切り
携帯サイトで区切りをつける時に用いられるのが、<hr>タグ。また線の色も付けられます。
<hr color="#006633">
もちろん、<hr>タグだけでも十分に区切りが出来て見やすくすることが出来るのですが、アクセント的に、全角8文字以内の記号文字を使うのも有効的です。
================
・・・・・・・・
★★★★★★★★
････････････････
++++++++++++++++
こんな感じ。全角8文字というのは、携帯でサイトを見る時に最小の横の文字数が全角8文字なのです。半角であれば16文字です。
逆にこの文字数であれば、どんな携帯の機種でも自動的に改行されることがありません。これを利用して、記号を使った区切りを利用することができます。
最後に
ここまでできれば携帯サイトはもう作れちゃいますよね！
あとは、Smart-Cにでも登録して、早速、携帯アフィリエイトを開始ですね（＾＾；
- 2007年9月のアフィリエイト収支報告
└ハッちゃん（02/19）
└ヒカルツカサ（02/20） - 初めての確定申告と税金
└0からはじまった確定申告 タックス（03/21）
└ヒカルツカサ（03/22） - 2006年12月のアフィリエイト収支報告
└ぽん柑＠HP・WEB収入（01/06）
└ヒカルツカサ（01/06） - 携帯アフィリエイト アクセスアップのチャンス？
└関谷＠投資王伝説（06/18） - ドロップシッピング
└無料レポートでアフィリエイト！（05/16）
└upup（05/18）
└アベユウタ-シャツシティ（05/30）
└eBayの純（06/02）
コメントを投稿する
※コメントは管理人のチェック後に公開します。
投稿後すぐには反映されませんが、エラーが出なければ問題ありませんのでしばしお待ち下さい。