全くブログ、ホームページを持っていない人




コレまで、ブログも、ホームページも作った事や、所持したことが無い人に
やってもらう事をココで述べます。

作 業 の 流 れ
コムズに登録しましたか? してなければ、まず、登録して下さい。
  登録の仕方 ← まず、登録が必要です。

登録での記入個所で、HP、ブログのURL記入欄に関しては空欄に
しておいてといてください。
サイトを作成した後に、再度ログインして記入することになります。
ファイルの書換え保存。ご覧のページのこの下にあります。

コムズ広報用のホームページの「ページ」に相当する、HTMLファイルをダウンロード取得して、自分のIDに書換え作業して保存します。
FC2サーバーを取得します。

インターネット公開するためのサーバーを取得します。
FFFTPのダウンロードと設定。

インターネットに公開するため、前記Bで取得したサーバーと自分のパソコンをつなぐツールを入手、設定します。
いよいよ、アップロードします。

Aで書換えたファイルを自分のパソコンからインターネット上のサーバーにアップロードをします。
FC2ブログの立ち上げ

Cであなたのコムズのサイトが出来ました。
ついでなので、このぺージを広報するための、今度はあなた自身のブログサイトを作っちゃいましょう。そのブログでCで作ったサイトの紹介をしましょう。
登録情報の書換え

@のコムズサイトにログインして「登録フォーム」の自分の情報の部分で空欄にしていたサイトURLを記述して更新をしましょう。
広報活動

Dで作ったブログを毎日更新したり、他の人のブログにコメント、トラックバックなどをコマメにして作ったブログに人を集めて今度は、あなた自身が自分のサイトからコムズにさんかしてもらえるように活動してください。このとき、この私のコムズのレポートを渡すのと引き換えにアドレス収入することであなたの様々なビジネス展開に利用する事が出来ます。
                      TOP



 

コムズの広報用ホームページのファイルの取得方法


既にコムズに登録済みですので、会員サイトにログインしてください。

ログインするには、登録したときの自分のメールアドレスと、設定パスワードで入室します。


このミニサイトを作る をクリックします。

ダウンロードのページにジャンプします。

ダウンロードします。


判りやすいように、「保存場所」をデスクトップなどにしてください。
デスクトップに、 このような圧縮ファイルができます。
デスクトップ上で開くと、

 このようなフォルダがあります。


更にこの中にもう一つフォルダがあり、そのフォルダの中に左のような
4つのファイルが入っています。

このフォルダをマウスでデスクトップに取り出してください。




この4つのファイルをちょっと加工してアップロードすることになります。

加工の方法説明をします。

今、4つの「html」ファイルがあります。

左のアイコンがそれです。


・index.html
・open.html
・money.html
・connect.html  この4つのファイルを順番に加工して上書きします。

加工するのは、これらのファイルのHTMLソースで、$idとある部分を自分のコムズIDコード番号に置き換えます。

さっきダウンロードをしたところのページサイトに
あなたのIDの説明があります。

下図は、私のログインページなので、467896 と、
私のIDが書かれていますが、
この部分にあなたのIDが表示されていると思います。

では、
・index.html のファイルバナーをクリックして開いてください。

ページファイルがブラウザで普通のホームページのように開きます。



ココでソースを開きます。
開き方は、次のようにします。

ブラウザのメニューバーから、
「表示」→「ソース」で開きます。


ここでソースをクリックすると、メモ帳ソフトが自動起動してソースが開きます。


下の図が、メモ帳ソフトが自動起動して表示されたHTMLソースの文字列です。

この文字列の中にある、
$idとある部分を自分のコムズIDコード番号に置き換えます。
例としてですが、私の場合は、467896となります。

今見ているファイルは、「index.html」ですが、このファイルには、3箇所の修正部分があります。

下にその部分を抜き出します。
この下記の抜書きはこのご覧のページ幅の関係で何行にも渡っての文字列になっていますが、本来1行の長い文字列です。



 要は、各行中にある、$id という文字の部分を消して、そこに、あなたのコード番号を記入し、そのファイルを上書き保存されれば、OKです。

 書き換え方法の、「裏技」を教えます。

裏技は、WORDの「置換」編集ツールを使います。


手作業で $id の記述部分を、123456(←例です) というような文字列に書き換えてもいいのですが、これ、結構大変です。

ページファイルは、4ページある上、各ページファイルに3箇所〜4箇所あります。
しかも $id と、赤く表示されているわけではないので、$id の記述部分を探し出すだけでも結構大変です。


そこで、WORDの「置換」を使って一挙に、書き換えしてしまう方法が良いです。

今のパソコンならたいてい、マイクロソフト社のワープロソフト、ワードは標準装備されていると思います。ワードでなくても、一太郎などでも同様の方法ができます。


ではその方法です。

ワードを立ち上げて編集画面を開いてください。

次に、メモ帳で開いたソースの文章を「全部選択」して、「切り取り」して、ワードの編集画面に貼り付けます。

次にワードのメニューから「編集」をクリックし、WORDソフトの編集ページに貼り付けます。

次に 編集から、置換を開きます。



以下のように、検索文字を $id として、置き換える文字列は、あなたの数字に置き換え、全て置換をします。
下図の 467896 というのは、私の場合なので、コレは写さないでくださいね。


置換をしたワードの文章を今度、また全部選択して、さっきのメモ帳の編集画面にコピーして、上書きしてください。


コレでメモ帳を上書き保存すれば、OKです。


以上が裏技。
あと、一応、手作業で置き換えするときの参考に、
以下、修正部分を明記します。



 以下念のため、参考の為、各ファイルの $id 記述部分を掲載します。
この箇所を探して、手入力で、IDコードの書き換えしても結構です。


「index.html」ファイルの修正個所 赤字部分
●17行目 

<li><a href="index.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_home.gif" alt="ホーム" width="107" height="28" border="0" id="home" /></a></li><li><a href="open.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_kaitu.gif" alt="安心開通" width="126" height="28" border="0" /></a></li><li><a href="connect.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_connect.gif" alt="安心接続" width="129" height="28" border="0" /></a></li><li><a href="money.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_cost.gif" alt="お財布安心" width="147" height="28" border="0" /></a></li><li><a href="http://www.comzz.co.jp/gw/?L20000
$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_order.gif" alt="お申込み" width="120" height="28" border="0" /></a></li>

●48行目
<p class="metal"><a href="http://www.comzz.co.jp/gw/?L01011$id">KDDIメタルプラスの詳細を見る</a></p>

●64行目
URI <a href="http://www.comzz.co.jp/gw/?L00001$id">http://www.comzz.net/



以上、3箇所の$id部分をあなたのコード数字に書換え (注意・半角文字です) したら上書き保存します。
以上で、・「index.html」のファイルはあなた仕様に修正完了です。

あと、残りの3つのファイルを同様に書換えてください。

・open.html
・money.html
・connect.html

どの部分に修正個所があるか、以下参考までに書き抜きます。


■・open.htmlファイル

●17行目 長い一行の最後の方にあります。

<li><a href="index.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_home.gif" alt="ホーム" width="107" height="28" border="0" id="home" /></a></li><li><a href="open.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_kaitu.gif" alt="安心開通" width="126" height="28" border="0" /></a></li><li><a href="connect.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_connect.gif" alt="安心接続" width="129" height="28" border="0" /></a></li><li><a href="money.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_cost.gif" alt="お財布安心" width="147" height="28" border="0" /></a></li><li><a href="http://www.comzz.co.jp/gw/?L20000
$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_order.gif" alt="お申込み" width="120" height="28" border="0" /></a></li>

●49行目
<p class="bnr"><a href="http://www.comzz.co.jp/gw/?L01001$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/p4_banner02.jpg" alt="" width="540" height="90" border="0" /></a></p>

●65行目
<a href="http://www.comzz.co.jp/gw/?L00001$id">http://www.comzz.net/</a>

■ money.htmlファイル

●17行目
a href="index.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_home.gif" alt="ホーム" width="107" height="28" border="0" id="home" /></a></li><li><a href="open.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_kaitu.gif" alt="安心開通" width="126" height="28" border="0" /></a></li><li><a href="connect.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_connect.gif" alt="安心接続" width="129" height="28" border="0" /></a></li><li><a href="money.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_cost.gif" alt="お財布安心" width="147" height="28" border="0" /></a></li><li><a href="http://www.comzz.co.jp/gw/?L20000$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_order.gif" alt="お申込み" width="120" height="28" border="0" /></a></li></ul>

●40行目
<p class="bnr"><a href="http://www.comzz.co.jp/gw/?L01001$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/p4_banner01.gif" alt="" width="537" height="59" border="0" /></a></p>

●56行目
URI <a href="http://www.comzz.co.jp/gw/?L00001$id">http://www.comzz.net/

■・connect.htmlのファイル

●17行目
a href="index.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_home.gif" alt="ホーム" width="107" height="28" border="0" id="home" /></a></li><li><a href="open.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_kaitu.gif" alt="安心開通" width="126" height="28" border="0" /></a></li><li><a href="connect.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_connect.gif" alt="安心接続" width="129" height="28" border="0" /></a></li><li><a href="money.html"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_cost.gif" alt="お財布安心" width="147" height="28" border="0" /></a></li><li><a href="http://www.comzz.co.jp/gw/?L20000$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/navi_order.gif" alt="お申込み" width="120" height="28" border="0" /></a></li>
</ul>


●23行目

<p class="bnr"><a href="http://www.comzz.co.jp/gw/?L01001$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/p4_banner01.gif" alt="" width="537" height="59" border="0" /></a>

●39行目
<p class="bnr"><a href="http://www.comzz.co.jp/gw/?L01001$id"><img src="http://www.comzz.co.jp/staff/login/include/img/dionmini/p4_banner02.jpg" alt="" width="540" height="90" border="0" /></a></p>

●56行目
URI <a href="http://www.comzz.co.jp/gw/?L00001$id">http://www.comzz.net/</a>

以上で、デスクトップ上の左の4つのファイルは、あなたのIDに書き換えられているファイルです。

このままでは、単に自分のパソコン上に「ホームページの各ページ」が存在しているだけに過ぎません。

このファイルを今度は、インターネット上に公開する必要がありますが、それには、インターネットにつながったサーバーと呼ばれるコンピュータのスペースが必要になります。


次にあなた専用の無料サーバーを取得します。

商用でもOKで無料で取得できるFC2サーバーを取得します。

           取得方法はこちら。
TOP