<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
   <channel>
      <title>お手軽！携帯サイトの作成支援</title>
      <link>http://mobile.s275.com/</link>
      <description>携帯サイトの作成支援サイト。携帯サイトの作り方が分からなくても、手順に沿っていくことで自然に覚える。覚えたら携帯サイト作りが楽しくなる。</description>
      <language>ja</language>
      <copyright>Copyright 2009</copyright>
      <lastBuildDate>Fri, 07 Jul 2006 15:21:08 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>同じドメインでPCからも携帯からも閲覧可能でしょうか…？</title>
         <description><![CDATA[<h2>質問</h2>

同じドメインでPCからも携帯からも閲覧可能でしょうか…？
ちなみに、サイトは独自ドメインを取得してレンタルサーバーでHPを作成しています。

<h2>回答</h2>

携帯とPCで同じURLを共有する場合、基本的にはCGIなどの振り分け機能が必要になります。

基本的な流れ。

www.abc.com/index.cgi …携帯かPCかを判別
│
├→ www.abc.com/pc/ …PCサイトの場合はこのURLへ
└→ www.abc.com/ktai/ …携帯サイトはこのURLへ

上記のように、インデックスファイルをCGIし最初にCGIにアクセスさせます。

そして、その index.cgi で携帯かPCかを判別し、携帯用・PC用のURLにジャンプさせる、という手法が一般的かと思います。

参考アドレス
<a href="http://specters.net/cgipon/">CGIぽん</a>／<a href="http://dream.lib.net/room/cgi/e_mj.html">The Room - Mobile Jumper</a>]]></description>
         <link>http://mobile.s275.com/file/pc.shtml</link>
         <guid>http://mobile.s275.com/file/pc.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">FAQ（よくある質問）</category>
        
        
         <pubDate>Fri, 07 Jul 2006 15:21:08 +0900</pubDate>
      </item>
            <item>
         <title>各キャリアのロゴを使用したいのですが…？</title>
         <description><![CDATA[<h2>質問</h2>

i-mode、EZweb、Vodafonelive!の3キャリア別に携帯サイトの開設を考えています。
それぞれのURL案内に各キャリアのロゴを使用したいのですが、一般的に配布(使用許可)はされているのでしょうか？

<h2>回答</h2>

ロゴに関しては、やはり各社への使用許可が必要になるようです。

こちらのサイトが参考になると思います。
⇒<a href="http://www.we-re.net/labo/inc/logo/index.htm" target="_blank">ケータイのロゴ研究室</a>

<blockquote>各ケータイの会社にはオリジナルのロゴがあるよね？で、そのロゴ＝シンボルデザインっていうか、CI（コーポレーションアイデンティティってやつ？）をホームページ上で勝手に掲載しちゃだめなんだよね。</blockquote>

多少の手間はかかると思いますが、申請すればきちんと規約の範囲で使用できるようですよ。

上記サイトにて、各社のロゴの使用許諾を得るためのレポートが掲載されています。参考になります。]]></description>
         <link>http://mobile.s275.com/file/post_38.shtml</link>
         <guid>http://mobile.s275.com/file/post_38.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">FAQ（よくある質問）</category>
        
        
         <pubDate>Wed, 05 Jul 2006 10:53:43 +0900</pubDate>
      </item>
            <item>
         <title>目的別リファレンス</title>
         <description><![CDATA[それぞれ目的別に合わせてコンテンツを見ることが出来ます。直接他のページに飛ぶリンクもあります。なるべく多くの事例を挙げているつもりですが、ここに掲載している以外の項目で掲載して欲しいものがありましたら、お気軽に<a href="001682.shtml">お問合せ</a>てください。

<h2>逆引きリファレンス</h2>

<strong>▼基本事項</strong>
<a href="#01">全体的に良く分からない</a>／<a href="001658.shtml">HTMLを知りたい</a>／<a href="001673.shtml">コメントを書きたい</a>／<a href="001659.shtml#01">改行したい</a>／<a href="001659.shtml#03">横線を引きたい</a>／<a href="001658.shtml">ページタイトルを記述したい</a>／<a href="001669.shtml">メニューを効果的に見せたい</a>／<a href="001665.shtml">目立つ表示をしたい</a>／<a href="001659.shtml#02">文字の表示位置を変えたい</a>

<strong>▼フォント</strong>
<a href="001666.shtml">文字の大きさを変えたい</a>／<a href="001664.shtml">半角カタカナは使えるの？</a>／<a href="001672.shtml">特殊文字って何？</a>／<a href="001663.shtml">絵文字を使いたい</a>

<strong>▼色</strong>
<a href="#02">色を指定したい</a>／<a href="001689.shtml">ページ全体の色を変えたい</a>／<a href="#04">配色が難しい</a>

<strong>▼リンク</strong>
<a href="001659.shtml#04">リンクをしたい</a>／<a href="001689.shtml">リンクの色を変えたい</a>／<a href="001659.shtml#05">メールを送信したい</a>／<a href="001659.shtml#05">メールの本文を指定したい</a>／<a href="001671.shtml">ダイレクトキーを使いたい</a>

<strong>▼画像</strong>
<a href="001660.shtml">画像を表示したい</a>

<strong>▼サイト運営</strong>
<a href="001674.shtml">サーバーはどこがいいの？</a>／<a href="#05">アクセスを増やしたい</a>／<a href="#06">広告で収入を得たい</a>／<a href="003054.shtml">携帯用のCGIってどこにあるの？</a>

<h2>解説</h2>

<a name="01"></a>
<ul class="pagelistlist">
<li>全体的に良く分からない</li>
<li class="text">私の説明不足で大変申し訳ありません。作成に便利な<a href="001680.shtml">テンプレート集</a>も用意していますのでこちらをご利用してください。その他にも、<a href="001678.shtml">便利なリンク集</a>では、他の関連するサイトをご紹介しています。また、<a href="001679.shtml">参考書籍</a>でも関連の参考書籍を紹介しています。こちらの情報も合わせてご覧になってみてください。</li>
</ul>

<a name="02"></a>
<ul class="pagelistlist">
<li>色を指定したい</li>
<li class="text">色に関してのコンテンツは、<a href="001689.shtml">背景色とテキスト色</a>、<a href="001662.shtml">カラーチャート</a>、<a href="001681.shtml">配色シミュレータ</a>、<a href="001655.shtml">カラーテーマを決める</a>と用意しています。それぞれ色の説明や配色のサポートをしていますのでご覧になってみてください。</li>
</ul>

<a name="04"></a>
<ul class="pagelistlist">
<li>配色が難しい</li>
<li class="text">ページ全体のプレビューを確認しながら配色を決められる<a href="001681.shtml">配色シミュレータ</a>をご利用ください。</li>
</ul>

<a name="05"></a>
<ul class="pagelistlist">
<li>アクセスを増やしたい</li>
<li class="text"><a href="001676.shtml">アクセスアップ</a>項目別の解説をしています。また、<a href="001685.shtml">ランキングサイト</a>と<a href="001686.shtml">検索エンジン</a>は別途ページにて詳細を説明しています。</li>
</ul>

<a name="06"></a>
<ul class="pagelistlist">
<li>広告で収入を得たい</li>
<li class="text"><a href="001677.shtml">携帯サイトで収入を得る</a>で簡単な解説をしています。</li>
</ul>]]></description>
         <link>http://mobile.s275.com/file/001687.shtml</link>
         <guid>http://mobile.s275.com/file/001687.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">お役立ちガイド</category>
        
        
         <pubDate>Tue, 27 Jun 2006 21:27:32 +0900</pubDate>
      </item>
            <item>
         <title>参考書籍</title>
         <description><![CDATA[携帯サイトの作成に役立つ参考書籍の紹介です。

<h2>携帯サイト作成に関する書籍</h2>

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/4001061/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8399/83992039.jpg?_ex=64x64" border=0 alt="ケータイサイト実践運用ガイドブック"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/4001061/" target="_blank">ケータイサイト実践運用ガイドブック</a></li>
<li class="text">ApacheやPHP、MySQLの設定などの解説やSEOの基本的なことが書いてあります。携帯サイトの勉強用に1冊持っていても損はない内容。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/4001061/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839920397/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.492925354&type=10&subid=">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.492925354&type=10&subid="></li></ul>

<br style="clear:both;">

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1680116/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/7981/79810636.jpg?_ex=64x64" border=0 alt="携帯端末用Web制作バイブル"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1680116/" target="_blank">携帯端末用Web制作バイブル i-mode/Ezweb/VodafoneLive!対応HTMLタグ辞典付き</a></li>
<li class="text">携帯電話向けのWebページや音声・動画コンテンツを作るためのガイドブック。これまで悩まされてきたキャリアごとの仕様の違いを一挙に解決。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1680116/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798106364/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.462563842&type=10&subid=" target="_blank">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.462563842&type=10&subid="></li></ul>

<br style="clear:both;">

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1584297/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8399/83991170.jpg?_ex=64x64" border=0 alt="ケータイHTMLコンパクトリファレンス"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1584297/" target="_blank">ケータイHTMLコンパクトリファレンス</a></li>
<li class="text">携帯サイトを構築する人のためのHTMLタグリファレンス。HTML初心者の方にも分かりやすい解説が載っています。中級者以上はあまり満足しないかもしれません。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1584297/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839911703/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.462564818&type=10&subid=" target="_blank">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.462564818&type=10&subid="></li></ul>

<br style="clear:both;">

<h2>携帯アフィリエイトに関する書籍</h2>

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3975992/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4340/43407534.jpg?_ex=64x64" border=0 alt="ケータイアフィリエイト高収入マニュアル"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3975992/" target="_blank">ケータイアフィリエイト高収入マニュアル</a></li>
<li class="text">ケータイアフィリエイトを実践している10人の話をまとめた本。成功へのヒントが盛り込まれている1冊。おすすめ。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3975992/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4434075349/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.477304150&type=10&subid=">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.477304150&type=10&subid="></li></ul>

<br style="clear:both;">

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3646458/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8399/83991905.jpg?_ex=64x64" border=0 alt="携帯サイトで給料の3倍稼ぐ方法"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3646458/" target="_blank">携帯サイトで給料の3倍稼ぐ方法</a></li>
<li class="text">初心者向けのアフィリエイト本。アフィリエイトも基本から携帯サイトの基本用語やタグに関する情報も掲載されています。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/3646458/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839919054/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.484070846&type=10&subid=">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.484070846&type=10&subid="></li></ul>

<br style="clear:both;">

<h2>携帯マーケティングに関する書籍</h2>

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1626162/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8777/87771111.jpg?_ex=64x64" border=0 alt="あなたのお店がその日から儲かる！"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1626162/" target="_blank">あなたのお店がその日から儲かる!―開封率100%のケータイメール集客術</a></li>
<li class="text">かなり突っ込んだところまでノウハウを公開してくれている本。携帯マーケティングに携わっている人には持っていて欲しい1冊。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1626162/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4877711112/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.492925467&type=10&subid=">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.492925467&type=10&subid="></li></ul>

<br style="clear:both;">

<div style="float:right;">
<a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1794172/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8443/84432180.jpg?_ex=64x64" border=0 alt="ケータイ白書（2006）"></a>
</div>
<ul class="pagelistlist">
<li><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1794172/" target="_blank">ケータイ白書（2006）</a></li>
<li class="text">携帯電話とコンテンツ・サービスの利用動向に関する調査資料の本。ユーザー動向を知る上で是非購入したい本。金額はちょっと高いですが…。</li>
<li class="text"><a href="http://pt.afl.rakuten.co.jp/c/017bc30d.54002c57/?url=http://item.rakuten.co.jp/book/1794172/" target="_blank">楽天で購入</a>／<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4844321803/upup-22/" target="_blank">アマゾンで購入</a>／<a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=94925.492925475&type=10&subid=">セブンアンドワイで購入</a><img alt="icon" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=94925.492925475&type=10&subid="></li></ul>

<br style="clear:both;">]]></description>
         <link>http://mobile.s275.com/file/001679.shtml</link>
         <guid>http://mobile.s275.com/file/001679.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">活用ガイド</category>
        
        
         <pubDate>Tue, 27 Jun 2006 15:50:35 +0900</pubDate>
      </item>
            <item>
         <title>携帯対応CGI</title>
         <description><![CDATA[携帯サイトのCGIプログラムなどは、通常のPCサイトと違った処理のしかたやコツなどが必要になってきます。モバイル対応のプログラム制作においての解説サイトがいくつかありますので、プログラムを自分で制作する方は参考にしてください。

<h2>携帯対応プログラムの解説</h2>

□<a href="http://specters.net/cgipon/" target="_blank">CGIぽん</a>
高機能掲示板CGIの配布もアリ。各キャリア別のプログラムに関しての記述が豊富にあります。

□<a href="http://allabout.co.jp/career/cgiperl/closeup/CU20001212A/index.htm" target="_blank">i-mode対応CGIの作成</a>
iモードのCGI作成時の注意点やコツの記事が掲載されています。

<h2>携帯対応のフリープログラム</h2>

PCサイト同様に携帯向けのフリーCGIなども配布されています。CGIを使ってカウンタやアクセス解析、掲示板やチャットなどのコミュニティコンテンツなど、携帯サイトを盛り上げていくのに必要なプログラムがあります。必要なプログラムはどんどん活用していきましょう。利用する場合は、各サイトの利用条件などをよくお読みになってご利用ください。

□<a href="http://dream.lib.net/room/" target="_blank">The Room</a>
各キャリア別の振り分けやアクセス解析などの役立つCGIがあります。携帯のアクセス解析はオススメ。

□<a href="http://www.dot-s.jp/" target="_blank">Net Cruiser</a>
サーチエンジンやアクセス制限などの実用的なCGIが用意されています。

□<a href="http://www.cgi-down.com/" target="_blank">CGIダウンロード</a>
カウンターやBBSの定番プログラムから、チャットやランキングなどのCGIも揃っています。

□<a href="http://homepage1.nifty.com/take117/" target="_blank">AkiSoft i-mode CGI Download</a>
Office系の管理がPCでも携帯でも編集可能なCGIやゲーム系・占い・電卓などのあまり見かけないものが多数あります。うまく活用できれば携帯サイトも充実化していきますね。

□<a href="http://hp.bird.to/" target="_blank">HPサービス</a>
友達募集掲示板やチャット、グリーティングなどの高機能なCGIが用意されています。

□<a href="http://www.rescue.ne.jp/" target="_blank">CGI RESCUE</a>
チャットや姓名相性診断、簡易サーチエンジン・ナビゲータなどのCGIが用意されています。。

□<a href="http://genesis.vis.ne.jp/" target="_blank">Genesis</a>
掲示板や投票ランキング、リンク集などの実用的なCGIがあります。

□<a href="http://a10.zenno.info/" target="_blank">A-10 CGI Arms</a>
投票系のCGIが種類が多く充実しています。

□<a href="http://w021.q.fiw-web.net" target="_blank">shutter</a>
掲示板やメールフォームなどがあります。サーチエンジン型データベースCGIがとても気になりますね。

□<a href="http://www.pmcj.com/" target="_blank">PMCJ</a>
携帯用のCGIがそれほど多くありませんが、CGIプログラムは充実されています。

<h2>携帯対応のフリープログラムサービス</h2>

CGIの設置が難しくて面倒というかたはこちら。CGIをレンタルして簡単に設置しよう。

□<a href="http://www.cgiboy.com/" target="_blank">CGIBOY</a>
<a href="http://www.infoseek.co.jp/" target="_blank">infoseek</a>が運営しているサイト。PC・携帯に対応しているCGIが多数あります。]]></description>
         <link>http://mobile.s275.com/file/003054.shtml</link>
         <guid>http://mobile.s275.com/file/003054.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">サイト運営</category>
        
        
         <pubDate>Tue, 27 Jun 2006 10:46:48 +0900</pubDate>
      </item>
            <item>
         <title>携帯でショップを運営したいのですが…？</title>
         <description><![CDATA[携帯でショップを運営したいのですが…？

<h2>質問</h2>

携帯でECショップを運営したいのですが、ショッピングモールなどの加入を考えた方がよろしいのですか？
それともうまく自分自身でショップを運営することのが可能ですか？

<h2>回答</h2>

私も携帯ショップに関しては、それほど深い知識はないので、分かる範囲で回答します。

携帯ショップの開設には大きく分けて2通りが考えられます。

・自分で全部作って公開する。
・楽天やビッダーズなどのモールに出店する。

ショップの場合、どうしても個人情報を扱う性質から、セキュリティなどの信用性も大事な要因になります。知識があればご自身で作るのも良いと思いますが、自信が無ければモールなどを利用するのも手かと思います。ただ、楽天やビッダーズなどは、月にかかるコストが非常に大きくなってしまいますよね。

そこで、ひとつオススメなのが、<a href="http://aff.ocnk.net/action/jump/upup/3" target="_blank">おちゃのこネット</a>。携帯ショップを月500円～で出店できますので、低リスク・低コストでショップを開設できると思います。

もちろん、ショップが軌道に乗れば楽天やビッダーズなどにも出店し、さらに売上を目指すこともできると思います。ネットショップは難しい部分も多いと思いますので、出費をできるだけ抑えることができれば失敗しても損失は低くなります。

どちらが良いかと言われますと、どちらもメリット・デメリットがあると思いますし、なによりもショップ運営者の知識や環境、状況などによって変わると思います。

それぞれの選択肢をよく考慮して決めていただければと思います。]]></description>
         <link>http://mobile.s275.com/file/post_35.shtml</link>
         <guid>http://mobile.s275.com/file/post_35.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">FAQ（よくある質問）</category>
        
        
         <pubDate>Mon, 26 Jun 2006 21:23:49 +0900</pubDate>
      </item>
            <item>
         <title>携帯サイトで収入を得る</title>
         <description><![CDATA[<h2>アフィリエイトとは？</h2>

携帯サイトを運営する際、あなたのサイトに広告を掲載し、あなたの広告を経由して商品を購入したり、会員登録やサービスに加入したりすることによって、報酬を受け取ることができる仕組みがあります。

この仕組みを「アフィリエイト」と言います。

最近はこのアフィリエイトを取り入れているサイトが多く見られるようになりました。月に10万円以上や100万円以上の収入を得ている方もいます。

もし、アフィリエイトの広告を掲載したい場合には、ASP（アフィリエイト サービス プロパイダ）と呼ばれる広告代理店への登録が必要になります。

下記に、携帯サイトの主なASPを紹介します。アフィリエイトに興味のある方、これから始めてみたいと方は参考にしてください。

<h2>主な携帯サイトのASP一覧</h2>

<ul class="pagelistlist">
<li><a href="http://s15.j-a-net.jp/gateway/click.cgi?a=53941&d=05523&u=" target="_blank"><img Src="http://s10.j-a-net.jp/gateway/s_frame.cgi?a=53941&d=05523&u=" height="1" width="1" Border="0">Smart-C</a></li>
<li class="text">定番ASP。広告数が豊富で高報酬が期待できる使いやすいASP。懸賞系や着メロなどの広告が中心です。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://smaf.jp/191678794">ポケットアフィリエイト</a></li>
<li class="text">知名度･実績ともトップクラスのASP。広告数も多くジャンルも幅広く扱っています。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://click.linksynergy.com/fs-bin/click?id=TNhmrGIk18s&offerid=78559.10000042&type=3&subid=6" target="_blank">リンクシェア</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=TNhmrGIk18s&bids=78559.10000042&type=3&subid=6" ></li>
<li class="text">PCサイトと携帯サイトに対応しているASP。大手企業が多く参入しているためブランド性が高く売れる確率も上がります。商品リンク生成も充実。また発生した報酬は振込み手数料無料で1円から得ることができます。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://px.a8.net/svt/ejp?a8mat=1054U2+3XP6R6+VL8+60WN6" target="_blank">モバハチネット</a><img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=1054U2+3XP6R6+VL8+60WN6" alt=""></li>
<li class="text">PCアフィリエイトとして有名なA8.netのモバイル版。定番広告など数も豊富。
登録して損はなし。 </li>
</ul>



<ul class="pagelistlist">
<li><a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2179148&pid=872513782" target="_blank" ><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2179148&pid=872513782" height="1" width="1" Border="0">バリューコマース</a></li>
<li class="text">国内最大級の老舗＆超有名＆定番＆優秀ASP。モバイルに対応しています。大手企業の広告も多いです。</li>
</ul>

<ul class="pagelistlist">
<li><A href="http://ad2.trafficgate.net/t/r/10/4/69512/" target="_blank">トラフィックゲート</A></li>
<li class="text">PCサイトと携帯サイトに対応しているASP。分かりやすい管理機能が充実しているのでとても使いやすいASPです。楽天という知名度の高い広告も扱っています</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://www.accesstrade.net/at/c.html?rk=01000t16000g6n" target="_blank">アクセストレード モバイル<img src="http://www.accesstrade.net/at/r.html?rk=01000t16000g6n" width="1" height="1" border="0"></a></li>
<li class="text">PCサイトと携帯サイトに対応しているASP。広告数も多く安定した広告を配信しています。QRコードの広告配信などもあります。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://affil.jp/" traget="_blank">アフィリード</a></li>
<li class="text">クリック報酬＋アフィリエイト報酬が可能な「アフィリード型広告」という新しい形態の広告などもあります。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://www.afm.jp/" traget="_blank">AFM</a></li>
<li class="text">物販系広告も多く扱っています。ランキングイベントなど頻繁に行われています。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://www.mobileaffiliate.jp/haf.php?m03540">モバイルアフィリエイト</a></li>
<li class="text">懸賞系の広告が多いです。</li>
</ul>

<ul class="pagelistlist">
<li><a href="http://cmj.jp/x.php?s=2189">クリックモール</a></li>
<li class="text">携帯のクリック保証型で最も信頼して安心して掲載できるASP。支払い実績もしっかりしています。管理画面や広告表示タイプなど使いやすく便利。</li>
</ul>]]></description>
         <link>http://mobile.s275.com/file/001677.shtml</link>
         <guid>http://mobile.s275.com/file/001677.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">サイト運営</category>
        
        
         <pubDate>Mon, 26 Jun 2006 15:49:52 +0900</pubDate>
      </item>
            <item>
         <title>背景色とテキスト色</title>
         <description><![CDATA[<h2>ページの色設定</h2>

HTMLの構成に必ず&lt;body&gt;要素というタグはひとつ記述することになります。この&lt;body&gt;要素に属性を付け加えることで、ページ全体の配色を変えることができます。

<div class="program">
&lt;html&gt;<br />
&lt;head&gt;&lt;/head&gt;<br />
<span style="color:#DD0000;">&lt;body&gt;</span><br />
&lt;/body&gt;<br />
&lt;/html&gt;
</div>

上記は、HTML基本構造になります。赤字の&lt;body&gt;要素に下記のように属性を追加します。

<div class="program">
&lt;html&gt;<br />
&lt;head&gt;&lt;/head&gt;<br />
<span style="color:#DD0000;">&lt;body bgcolor=&quot;#FFCCCC&quot; text=&quot;#FF0099&quot; link=&quot;#CC0066&quot; vlink=&quot;#CC6666&quot; alink=&quot;#CC6666&quot;&gt;</span><br />
&lt;/body&gt;<br />
&lt;/html&gt;
</div>

それぞれの属性の説明は下記の通りです。

<table border="0" cellspacing="0" cellpadding="0" class="linetable">
<tr>
<td>属性</td>
<td>説明</td>
<td>デフォルト</td>
</tr>
<tr>
<td>bgcolor</td>
<td> 背景色を指定します。 </td>
<td>#FFFFFF（白）</td>
</tr>
<tr>
<td>text</td>
<td>通常テキストの色を指定します。</td>
<td>#000000（黒）</td>
</tr>
<tr>
<td>link</td>
<td>リンクテキストの色を指定します。</td>
<td>#0000FF（青）</td>
</tr>
<tr>
<td>vlink</td>
<td>一度訪れたページのリンクテキストの色を指定します。</td>
<td>#800080（紫）</td>
</tr>
<tr>
<td>alink</td>
<td>カーソルを合わせた時のリンクテキストの色を指定します。</td>
<td>─</td>
</tr>
</table>

また、属性を記述しない場合のデフォルトの値は表の通りの色になります。alink属性に関しては、記述しなければ背景色の色に依存します（一部機種では異なる可能性もあります）。

このようにページ全体の色の設定を&lt;body&gt;要素にまとめて記述できます。

ページの配色を行う場合は、<a href="001681.shtml">配色シミュレータ</a>を用意してあるので、是非ご利用ください。また、ページの中で一部分の文字の色を変えたい場合は、<a href="001666.shtml">文字の色・大きさ</a>を参考にしてください。]]></description>
         <link>http://mobile.s275.com/file/001689.shtml</link>
         <guid>http://mobile.s275.com/file/001689.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">基本知識</category>
        
        
         <pubDate>Thu, 06 Oct 2005 12:08:48 +0900</pubDate>
      </item>
            <item>
         <title>検索エンジン</title>
         <description><![CDATA[携帯サイトも基本的にはPCサイト同様に検索エンジンへの登録が可能です。検索エンジンに登録することにより、携帯端末からの集客を見込める可能性があるので、必ず登録しておきましょう。また、検索エンジンに登録する際は、少しでも検索されやすくするために、タイトルやサブタイトル、紹介文に工夫をしましょう。

また、検索エンジンへ登録する前に<a href="001685.shtml">ランキングサイト</a>へ登録しておきましょう。検索エンジンに登録後、アクセス数が急に伸びる場合があります。その時にランキングの投票をしてくれるユーザーもいるかもしれないからです。

<h2>大手検索エンジン</h2>

誰もが聞いたことのあるような大手の検索エンジンの携帯版。審査が難しいものもありますので、コンテンツの充実化が必要かもしれません。Googleも携帯サイトへの巡回が行われいますので登録しておきましょう。

<a href="http://help.yahoo.co.jp/help/jp/mobile/chapters/director_06.html" target="_blank">Yahoo!モバイル</a>（携帯サイトから登録可能）
<a href="http://m.infoseek.co.jp/" target="_blank">infoseekモバイル</a>
<a href="http://attayo.jp/" target="_blank">Attayo</a>
<a href="http://mobile.excite.co.jp/k/" target="_blank">エキサイトモバイル</a>
<a href="http://www.google.co.jp/addurl.html" target="_blank">Google</a>

<h2>主要検索エンジン</h2>

携帯サイトの検索エンジンの主要なサイト。こちらも一通り登録しておきましょう。

<a href="http://i.yappo.jp/" target="_blank">iYappo</a>
<a href="http://web.fileseek.net/" target="_blank">ファイルシーク</a>
<a href="http://ohnew.co.jp/m/" target="_blank">OH!New?</a>
<a href="http://gigasearch.tv/" target="_blank">携帯検索エンジン</a>
<a href="http://chack.jp/" target="_blank">ケータイサイトの歩き方</a>
<a href="http://www.apupu.net/i/" target="_blank">iサーチあっぷっぷ</a>
<a href="http://wapnavi.net/" target="_blank">WAPNAVI</a>
<a href="http://www.i-get.ne.jp/i/" target="_blank">i-get</a>
<a href="http://www.kool-i.com/" target="_blank">検索王Kool-i</a>
<a href="http://www.shigakenjin.com/i/search/" target="_blank">i-power</a>
<a href="http://imodesearch.com/" target="_blank">imodesearch</a>
<a href="http://www.dokyun.jp/search/" target="_blank">Dokyunサイバーサーチ</a>
<a href="http://inavi.to/" target="_blank">inavi</a>
<a href="http://www.iweb-i.com/i/" target="_blank">iweb-i</a>
<a href="http://i-search.org/" target="_blank">i-Search</a>

<h2>その他の検索エンジン</h2>

<a href="http://m-search.jp/" target="_blank">MobileSearch </a>
<a href="http://www.i-get.ne.jp/" target="_blank">i-find</a>
<a href="http://www.i-look-my.com/i/" target="_blank">i-LOOK</a>
<a href="http://shikariki.com/ai/" target="_blank">Ai-Index</a>
<a href="http://scissors.nu/i/" target="_blank">i-modeNAVI</a>
<a href="http://nst21.com/iam/" target="_blank">i am サーチ君</a>
<a href="http://www.sousite.net/i/" target="_blank">SOUSITE for i-mode</a>
<a href="http://www.e-o-s.net/cgi/navi.cgi" target="_blank">Cyberサーチ</a>
<a href="http://shikariki.com/ai/" target="_blank">Ai-index</a>
<a href="http://www.webremix.com/i/" target="_blank">I-CON SEARCH</a>
<a href="http://imodesearch.com/" target="_blank">imodesearch</a>
<a href="http://www.museum-piece.com/im/" target="_blank">i-Museum</a>

<h2>検索エンジン集</h2>

検索エンジンが紹介されいるサイトです。新しい検索エンジンのチェックや、検索エンジンの概要について知りたい時に活用できます。

<a href="http://www.sunnyplan.jp/check/pcindex.shtml" target="_blank">CheckIT！</a>
<a href="http://shikariki.com/index.html" target="_blank">サーチエンジン登録ガイド</a>
<a href="http://shikariki.com/i/index.shtml" target="_blank">サーチエンジン登録ガイド（携帯版）</a>

<h2>検索エンジンの登録</h2>

検索エンジンはいくつでも登録しておいて損はありません。可能な限りいろいろな検索エンジンに登録しておきましょう。

ただ検索エンジンはあまりスタミナがなく、最初はそこそこアクセスが上がりますが時間が経つとともに少しずつ減少していく傾向が多いと思います。

<a href="http://help.yahoo.co.jp/help/jp/mobile/chapters/director_06.html" target="_blank">Yahoo!モバイル</a>のような有名な検索エンジンであれば継続的にアクセスが上がる場合もあります。コンテンツを充実化して、このような有名検索エンジンに定期的に登録申請を出してみましょう。]]></description>
         <link>http://mobile.s275.com/file/001686.shtml</link>
         <guid>http://mobile.s275.com/file/001686.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">サイト運営</category>
        
        
         <pubDate>Tue, 04 Oct 2005 19:00:58 +0900</pubDate>
      </item>
            <item>
         <title>ランキングサイト</title>
         <description><![CDATA[携帯サイトのアクセスを上げるための有効的な手段として、ランキングサイトを活用する方法があります。

ランキングサイトとは、名前の通り人気のあるコンテンツがランキング形式で表示されるサイトです。人気があれば当然ランキングも上位に表示されます。上位に表示されれば、さらにアクセスが増える。という感じで上手く活用することで大きなアクセス数をもたらすことになります。ただし、ランキングの順位が低ければあまり効果は期待できません。

ランキングサイトも多種多様に数多く存在しています。うまく活用していきましょう。

<h2>ランキングサイトを見極めよう</h2>

ランキングサイトにもアクセスアップに有効なサイトもあれば、あまり有効ではないサイトもあります。

それらを見極めるための目安のひとつとして、IN/OUTの数を見てみましょう。

<div class="program">
▼（例）ランキングサイトA<br />
IN：300／OUT：50<br />
IN：200／OUT：40<br />
IN：100／OUT：10
</div>

例えば、上記のようなランキングサイトAの場合。

登録サイトのIN数は多いですが、OUT数はIN数に比べて少ないですよね。この数字から、ランキングサイトAを見ているユーザー数が少ないと考えられます。せっかく頑張ってIN数を上げても来てくれる人が少なくては、ちょっと悲しいですよね。

<div class="program">
▼ランキングサイトB<br />
IN：300／OUT：870<br />
IN：200／OUT：560<br />
IN：100／OUT：240
</div>

こちらのランキングサイトBの場合、IN数よりもOUT数のほうが多いですよね。

ランキングサイトBには多くのユーザーが訪れて人の流れる量も多いというわけです。IN数を増やすことができれば、より多くのアクセスを得ることが可能になりますよね（＾＾

このような感じで、ランキングサイトに登録する際に、IN/OUT数を見て、そのランキングサイトの力を見極めましょう。

<h2>はじめは小規模・中規模ランキングサイトで</h2>

さて、次に見ていくのは、ランキングの1ページ目に表示されるサイトのIN数。

<div class="program">
1位：○○○○○○<br />
[IN*1450][OUT*2040]<br />
：<br />
10位：○○○○○○<br />
[IN*470][OUT*840]
</div>

例えば、このようなランキングであれば、公開したばかりのサイトでは、さすがに太刀打ちするのは至難の業です。ランキングに登録しても、ランキングの順位を上げることができず、結局はアクセスを増やすことができないままになってしまうかもしれません。

このような大規模なランキングサイトは、アクセス数がある程度増えてから登録した方が良いでしょう。

<div class="program">
1位：○○○○○○<br />
[IN*100][OUT*200]<br />
：<br />
10位：○○○○○○<br />
[IN*30][OUT*80]
</div>

上記のような規模のランキングサイトであればまだチャンスはありそうです。IN数が多少低くても上位に食い込めるチャンスがあります。まだアクセスをそれほど稼げないうちは、このように、小規模・中規模のIN数で、なおかつ、IN数よりもOUT数の多いランキングサイトをメインにして利用しましょう。

<h2>最初はこまめに</h2>

さて、良いランキングにも登録したけども、なんかアクセスがない、なんてこともあるかと思います。

ランキングには落とし穴がある場合があります。携帯サイトのランキングの多くは、特定の曜日や日時にIN数とOUT数がリセットされる場合があります。さらには、IN数が0の場合ランキングの順位に反映されない、というランキングサイトもあります。

表示すらされない場合であれば、どんなに頑張ってもアクセスが増えることはありませんよね。そんな時は、地道に自ら携帯でサイトを閲覧してランキングのIN数を上げましょう。

ただし、IN数を自分で上げていく場合、一日の限度数もありますので注意してくだしさい。場合によってはせっかく上げたIN数が無効になる場合もあります。

あとはIN数がリセットさせるタイミングに自分でIN数を上げるのも有効だと思います。リセットさせた直後は、みんな同じ位置になるわけですから、最初に表示されればそこからアクセスに繋がるかもしれません。

<h2>基本的にはコンテンツ勝負</h2>

これでランキングサイトをうまく活用しアクセスを上げるきっかけは作れると思います。しかし、継続してランキングの上位に表示されるかどうかはサイトの内容次第。サイトの内容がいまいちであれば、自然にランキングの順位は低下してしまいます。

ランキングをうまく活用すると同時にコンテンツの充実化も行っていきましょう。

<h2>2つか3つ程度をメインに</h2>

ランキングサイトへの登録はいくつでも登録して構わないと思いますが、メインとして参加するランキングサイトを2つか3つ程度に絞っておきましょう。

あまり多く扱っても投票数が分散されてしまいます。アクセス数が多い時はそれでも良いですが、最初のうちは2つか3つ程度で参加していきましょう。]]></description>
         <link>http://mobile.s275.com/file/001685.shtml</link>
         <guid>http://mobile.s275.com/file/001685.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">サイト運営</category>
        
        
         <pubDate>Tue, 04 Oct 2005 19:00:49 +0900</pubDate>
      </item>
            <item>
         <title>カンタン作成ガイド STEP3　コンテンツページを作る</title>
         <description><![CDATA[<img src="../img/step03.gif" alt="カンタン作成ガイド STEP3　コンテンツページを作る">

<strong style="color:#CC0000;">最後にコンテンツを作ります。</strong>

ここはちょっと作業ボリュームが多いですが頑張りましょう。

<h2>「index.html」を編集する</h2>

まずは「index.html」をテキストエディタで開きましょう。

HTMLソースの部分に「★」で囲まれた部分がいくつかあると思います。

<div class="program">
&lt;title&gt;<span style="color:#DD0000">★サイト名★</span>&lt;/title&gt;<br />
：<br />
●<span style="color:#DD0000">★コンテンツ名★</span>&lt;br&gt;<br />
├&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">★メニュー名★</span>&lt;/a&gt;&lt;br&gt;<br />
├&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">★メニュー名★</span>&lt;/a&gt;&lt;br&gt;<br />
└&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">★メニュー名★</span>&lt;/a&gt;<br />
：
</div>

この「★」で囲まれた部分を、あなたの作ろうとしているサイトに合わせて書き換えていきます。メニュー部分に関しては、下記のように項目数によって行を追加したり削除したりして調整してください。

<div class="program">
&lt;hr&gt;<br />
●<span style="color:#DD0000">はじめに</span>&lt;br&gt;<br />
└&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">自己紹介</span>&lt;/a&gt;&lt;br&gt;<br />
&lt;hr&gt;<br />
●<span style="color:#DD0000">コンテンツ</span>&lt;br&gt;<br />
├&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">日記</span>&lt;/a&gt;&lt;br&gt;<br />
└&lt;a href=&quot;2nd.html&quot;&gt;<span style="color:#DD0000">掲示板</span>&lt;/a&gt;&lt;br&gt;<br />
</div>

<h2>コンテンツページを用意する</h2>

次にコンテンツページを用意します。「2nd.html」を複製してファイルを増やしていきましょう。

<img src="../img/file01.gif" border="0" alt="" />

複製したファイルの名前は必ず半角英数字にします。

そして「2nd.html」の複製したファイルも「index.html」と同様にテキストエディタで開き内容を書き換えていきます。

<div class="program">
&lt;!--ページタイトル--&gt;
&lt;hr&gt;<br />
<span style="color:#DD0000">自己紹介</span><br />
&lt;!--コンテンツ--&gt;
&lt;hr&gt;<br />
<span style="color:#DD0000">はじめまして。私は○○といいます。このサイトでは…</span>
</div>

<h2>リンクをする</h2>

さらにファイルとファイルを繋げるためリンクを張ります。

「index.html」では、主にメニュー部分を書き換えます。

<div class="program">
&lt;hr&gt;<br />
●はじめに&lt;br&gt;<br />
└&lt;a href=&quot;<span style="color:#DD0000">2nd.html</span>&quot;&gt;自己紹介&lt;/a&gt;&lt;br&gt;<br />
&lt;hr&gt;<br />
●コンテンツ&lt;br&gt;<br />
├&lt;a href=&quot;<span style="color:#DD0000">2nd.html</span>&quot;&gt;日記&lt;/a&gt;&lt;br&gt;<br />
└&lt;a href=&quot;<span style="color:#DD0000">2nd.html</span>&quot;&gt;掲示板&lt;/a&gt;&lt;br&gt;<br />
</div>

メニューの赤字の部分を、それぞれ複製した該当ファイルの名前に書き換えます。

<div class="program">
&lt;hr&gt;<br />
●はじめに&lt;br&gt;<br />
└&lt;a href=&quot;<span style="color:#DD0000">page01.html</span>&quot;&gt;自己紹介&lt;/a&gt;&lt;br&gt;<br />
&lt;hr&gt;<br />
●コンテンツ&lt;br&gt;<br />
├&lt;a href=&quot;<span style="color:#DD0000">page02.html</span>&quot;&gt;日記&lt;/a&gt;&lt;br&gt;<br />
└&lt;a href=&quot;<span style="color:#DD0000">page03.html</span>&quot;&gt;掲示板&lt;/a&gt;&lt;br&gt;<br />
</div>

これで、「index.html」はひとまず完成です。

ちなみに、「2nd.html」の複製したファイルも下記のようにトップページへ戻るリンクが記述されています。トップページのファイル名は「index.html」なので書き換える必要がありません。

<div class="program">
&lt;!--トップページリンク--&gt;<br />
&lt;hr&gt;<br />
&lt;a href=&quot;<span style="color:#DD0000">index.html</span>&quot;&gt;ﾄｯﾌﾟへ戻る&lt;/a&gt;
</div>

※トップページのファイル名が変更されれば、そのファイル名に合わせて書き換える必要があります。

<h2>完成</h2>

これらの作業を一通り繰り返せば携帯サイトの出来上がりです！

もちろん、まだ細かい部分の説明は省いて、基本構築の流れを中心に説明しています。初心者の方であれば、まだよく把握できていない部分も多いと思います。

さらなるステップアップとして、このサイトのコンテンツをいろいろ見てください。目的の解説を見つけることができたら、そのページに掲載されているサンプルソースをコピーペーストで使用するのがおすすめです。

そのように基本コンテンツを作った後、徐々に各箇所を掘り下げて学んでいけば、きっと自然に知識が身についていくはずです。たくさん作ればそれだけ理解も早まるでしょう。

ここまで読んでくれたあなたなら、きっと何でも乗り越えていけるはず。
頑張ってくださいね！

<div class="linebox">
<strong class="linebox">さらなるステップアップを目指す</strong><br />
⇒<a href="001687.shtml">目的別リファレンス</a>で、あなたの目的に合わせてサイトを閲覧することができます。是非ご活用ください。
</div>]]></description>
         <link>http://mobile.s275.com/file/001656.shtml</link>
         <guid>http://mobile.s275.com/file/001656.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">携帯サイト作成ガイド</category>
        
        
         <pubDate>Tue, 04 Oct 2005 11:26:30 +0900</pubDate>
      </item>
            <item>
         <title>カンタン作成ガイド STEP2　カラーテーマを決める</title>
         <description><![CDATA[<img src="../img/step02.gif" alt="カンタン作成ガイド STEP2　カラーテーマを決める">

<strong style="color:#CC0000;">次にカラーテーマを決めます。</strong>

下記の中からお好きなカラーテーマを選択してください。

<table width="99%" border="0" cellpadding="0" cellspacing="0" class="linetable">
<tr>
<td width="25%" align="center" valign="top"><strong>春</strong><br />
<img src="../template/color01.gif" vspace="5" alt=""><br />
▽HTMLソース
<textarea name="textfield" rows="5" style="width:100px;"><body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666"></textarea></td>
<td width="25%" align="center" valign="top"><strong>夏</strong><br />
<img src="../template/color02.gif" vspace="5" alt=""><br />
▽HTMLソース
<textarea name="textfield" rows="5" style="width:100px;"><body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666"></textarea></td>
<td width="25%" align="center" valign="top"><strong>秋</strong><br />
<img src="../template/color03.gif" vspace="5" alt=""><br />
▽HTMLソース
<textarea name="textfield" rows="5" style="width:100px;"><body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666"></textarea></td>
<td width="25%" align="center" valign="top"><strong>冬</strong><br />
<img src="../template/color04.gif" vspace="5" alt=""><br />
▽HTMLソース
<textarea name="textfield" rows="5" style="width:100px;"><body bgcolor="#FFCCCC" text="#FF0099" link="#CC0066" vlink="#CC6666"></textarea></td>
</tr>
</table>

気にいったカラーテーマは決まりましたか？
カラーテーマも後から変更が可能なので、ひとまずお好きな色を選んでくださいね。

カラーテーマを選択したら、「HTMLソース」を全てコピーしておきましょう。そして、前のステップでダウンロードした基本テンプレート「index.html」「2nd.html」の2つのファイルを「メモ帳」などのテキストエディタで開きます。

<img src="../img/htmlfile.gif" border="0" alt="" />
▲テキストエディタで開く。

中身を見ると、

<div class="program">
&lt;!--カラーテーマの設定--&gt;<br />
&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;&gt;
</div>

と記述している部分がありますので、この&lt;body&gt;要素の部分を、先ほどコピーしておいた、カラーテーマのHTMLソースで上書きでペーストしてください。

例えば、「春」のカラーテーマを選んだ場合であれば、まず、HTMLソースの部分をコピーし、基本テンプレートの下記の部分を、

<div class="program">
【デフォルトの記述】<br />
&lt;!--カラーテーマの設定--&gt;<br />
<span style="color:#DD0000">&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;&gt;</span>
</div>

▼上書きでHTMLソースをコピーペースト

<div class="program">
【ペーストした後の記述】<br />
&lt;!--カラーテーマの設定--&gt;<br />
<span style="color:#DD0000">&lt;body bgcolor=&quot;#FFCCCC&quot; text=&quot;#FF0099&quot; link=&quot;#CC0066&quot; vlink=&quot;#CC6666&quot;&gt;</span>
</div>

このように差し替えます。

※「index.html」「2nd.html」の両ファイルとも同じようにコピーペーストしてください。

コピーペーストの作業が終わったら、「index.html」「2nd.html」のファイルをそれぞれブラウザで見てみましょう。

すると、ページの色が、あなたが選んだカラーテーマの色に変わっているはずです。

ページ全体の色を変える場合は、この&lt;body&gt;要素の部分に属性を追加することで変更することができます。

カラーテーマを決め、&lt;body&gt;要素を差し替えることが出来たら、あとはコンテンツを作るだけです。

<a href="001656.shtml"><img src="../img/nextstep.gif" border="0" alt="次のステップへ進む" /></a>

<div class="linebox">
※サンプル以外の色の組み合わせを試してみたい方はシミュレータを活用してください。<br />
⇒<a href="001681.shtml">配色シミュレータ</a>
</div>]]></description>
         <link>http://mobile.s275.com/file/001655.shtml</link>
         <guid>http://mobile.s275.com/file/001655.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">携帯サイト作成ガイド</category>
        
        
         <pubDate>Tue, 04 Oct 2005 11:25:59 +0900</pubDate>
      </item>
            <item>
         <title>カンタン作成ガイド STEP1　基本テンプレートを選ぶ</title>
         <description><![CDATA[<img src="../img/step01.gif" alt="カンタン作成ガイド STEP1　基本テンプレートを選ぶ" style="margin-bottom:15px;" />

<strong style="color:#CC0000;">まずは基本となるテンプレートを選んでください。</strong>

どれを選んでも大きく差はありません。後からいくらでも中身を変更することも可能です。ぱっと見て、あなた自身が良いと思ったものを選んで大丈夫です。

気になるテンプレートを選んだら、「このサンプルをダウンロードする」をクリックして、テンプレートファイルをダウンロードしてください。どれも容量は1KB程度の軽いファイルです。

<table width="99%" border="0" cellpadding="0" cellspacing="0" class="linetable">
<tr>
<td width="33%" align="center" valign="top"><strong>基本テンプレート01</strong><br />
<img src="../template/basis01.gif" vspace="5" alt="" /><br />
左揃えのシンプルな<br>
汎用型テンプレート<br />
<a href="/template/basis01.zip"><img src="../img/dlbtn.gif" vspace="5" border="0" /></a></td>
<td width="33%" align="center" valign="top"><strong>基本テンプレート02</strong><br />
<img src="../template/basis02.gif" vspace="5" alt="" /><br />
左揃えと中央揃えの<br />
混合型テンプレート<br />
<a href="/template/basis02.zip"><img src="../img/dlbtn.gif" vspace="5" border="0" /></a></td>
<td width="33%" align="center" valign="top"><strong>基本テンプレート03</strong><br />
<img src="../template/basis03.gif" vspace="5" alt="" /><br />
全て中央揃えにした<br>
テンプレート<br />
<a href="/template/basis03.zip"><img src="../img/dlbtn.gif" vspace="5" border="0" /></a></td>
</tr>
</table>

テンプレートファイルをダウンロードできたら、ZIP形式に対応した解凍ソフトで解凍します。 解凍すると以下のようなファイルが展開されます。

<div class="program">
index.html --- トップページのテンプレート<br />
2nd.html --- コンテンツページのテンプレート
</div>

<img src="../img/htmlfile.gif" border="0" alt="" />

ファイルを確認できたら、次のステップへ進んでください。

<a href="001655.shtml"><img src="../img/nextstep.gif" border="0" alt="次のステップへ進む" /></a>]]></description>
         <link>http://mobile.s275.com/file/001653.shtml</link>
         <guid>http://mobile.s275.com/file/001653.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">携帯サイト作成ガイド</category>
        
        
         <pubDate>Tue, 04 Oct 2005 11:25:25 +0900</pubDate>
      </item>
            <item>
         <title>お問合せ</title>
         <description><![CDATA[携帯サイト全般に対するご質問、ご要望などをお気軽にお寄せください。また、このサイトで分かりにくい部分や今後このようなコンテンツを公開して欲しいなどのご要望もお寄せください。

全てに対して完全な対応は出来ないかもしれませんが、出来るだけより良いサイトを目指しています。

また、ご質問していただいた内容は、場合によっては新しいコンテンツの反映に役立てさせていただくかもしれませんので予めご了承ください。

※メールアドレスは、プライバシ－保護のため本人の了解なく第三者に開示することはありません。

<iframe src="../form/index.html" scrolling="auto" width="450" height="500" border="0" frameborder="0" framespacing="0" id="form"></iframe>]]></description>
         <link>http://mobile.s275.com/file/001682.shtml</link>
         <guid>http://mobile.s275.com/file/001682.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">このサイトについて</category>
        
        
         <pubDate>Mon, 03 Oct 2005 16:09:26 +0900</pubDate>
      </item>
            <item>
         <title>配色シミュレータ</title>
         <description><![CDATA[携帯サイトの色の設定をより見やすく分かりやすくできるよう、配色のシミュレータを用意しました。

「色設定」部分の項目をそれぞれ選択し、「カラーパレット」から色をクリックして選んでください。「プレビュー」部分にシミュレートした画面が表示されます。

また、プレビューの状態を再現できるHTMLソースも下部に表示されるので、コピーペーストなどしてご利用ください。

<div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="468" height="350" id="color_simulator" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="color_simulator.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="color_simulator.swf" quality="high" bgcolor="#ffffff" width="468" height="350" name="color_simulator" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

スクロール文字部分のソース構築も追加しています。スクロール文字を利用する時にも役立ちます。こちらも合わせてご利用ください。

色の選択は標準16色とWebセーフカラー216色を対象としています。

色の詳細に関しては、<a href="001662.shtml">カラーチャート</a>を参考にしてください。]]></description>
         <link>http://mobile.s275.com/file/001681.shtml</link>
         <guid>http://mobile.s275.com/file/001681.shtml</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">サイト運営</category>
        
        
         <pubDate>Mon, 03 Oct 2005 15:50:52 +0900</pubDate>
      </item>
      
   </channel>
</rss>
