WEB.Lv向上委員会

絶対挫折しないWEB作り講座(後編)

2009.10.01[WEB.Lv向上委員会]

こんにちは。最近めっきり涼しくなってきましたね。食欲の秋、スポーツの秋。そしてお仕事の秋。
涼しくなって動きやすくなった今、WEBページを作って新しいビジネスの足がかりにしてみましょう!

今日はWEB作り講座の完結編です。

前回の記事と合わせて読めば、
誰でも挫折無しに自分だけのWEBページを持てること間違いなしです。

前回は、WEBページとは、インターネット上のお家のようなものだと説明しました。
そして、住所(ドメイン)と土地(サーバ)を確保しました。

でも、まだ住所(ドメイン)と土地(サーバ)はバラバラです。ここだけが現実世界とは違うところなのですが、住所と土地には最初は何の関連性もないんです。インターネットの世界では、「この住所(ドメイン)はこの土地(サーバ)のことを表すんだよ」というのを関連づける必要があります。


今日はそこから説明をはじめましょう。

【今日やること】
・住所(ドメイン)と土地(サーバ)を関連付ける
・家(HTMLファイル)を作る

web_making_class.jpg


◆住所(ドメイン)と土地(サーバ)の関連付け

住所(ドメイン)と土地(サーバ)の関連付けの管理は、DNSという仕組みがやっています。DNSってなんだ!?と思われるかもしれませんが、「住所(ドメイン)と土地(サーバ)の関連付けを全部管理しているお役所みたいなものかなあ」というくらいの理解で構いません。(今回はインターネットの理解よりは、誰でも簡単に自分のWEBページを持つことが目的ですから!)

(この段落は読み飛ばしてもらっても構いませんが、)とはいえ、気になる、という方のためにほんの少しだけDNSの説明をしておきます。DNSはDomain Name Serverの頭文字をとったものです。ひとつの超巨大サーバが世界中の住所(ドメイン)と土地(サーバ)を管理している、、、、というわけではもちろんなくて、派出所のようなものを無数にもっています。Value-domainにも派出所があって、そこに登録することで、世界中の人が住所(ドメイン)と土地(サーバ)の関連付けを利用することができるようになります。


さて、いよいよ実際にやってみましょう。

1.value-domainにログイン
1value_domain_login.JPG


2.サーバ設定画面
2server_config.JPG


3.サーバー設定をクリック
3server_detail-1.JPG


4.ドメインウェブをクリック
4domain_conf-1.JPG


5.関連付けをする
5domain_detail.JPG

Mainと書いてある部分に、前回取得したドメインを入力して、
「ドメイン設定」ボタンを押します。

さ、これで紐付け完了なはず!!
・・・と思いきや。

6domain_error.JPG

あれれ。エラーが出てしまいました。
でも、実はこれでいいんです。

この画面の「* 1xx.x.xx A 10のように設定して下さい。」という部分を
どこかメモ帳などに記録しておいて下さい。
この設定をすませてから、またここに戻ってきましょう。

画面の,「DNSレコード/URL転送の変更」をクリック


6.DNSレコード設定
7_domain_record.JPG

先ほどメモしたとおり、「*」、「数字」「A」「10」を入力します。
そして、「変更」ボタン。

うまくいきましたか?

これで、5番の作業をもう一度行ってみてください。今度はエラー無しで設定できるはずです。
ただし、どちらの設定も、反映までは時間がかかります。
冒頭で紹介したとおり、DNSもお役所のようなもの、、と思えば少しはあきらめもつくかもしれません。時には数時間かかることもありますので、気長に待って下さいね。

さあ、5番の作業が終われば、もう、今度こそ準備完了。
土地は借りました。
住所もあるし、土地と住所の紐付けもばっちりです。

最後に、家をたてましょう。
つまりHTMLファイルの作成です。


HTMLファイルは、FTPという仕組みを使ってネット上へ送り込みます。
自分のパソコンで作ったファイルを、サーバ上に送るんです。

これから、FTPの設定をしていきますが、設定の際に必要となるで、value-domainのページ左部分にある、「FTP設定」を押してパスワードその他必要情報をメモしておきましょう。

WS000011.JPG

FTPサーバー、FTPアカウント、パスワード(選択を押すと文字が見えます)をメモしておきます。
このページを開いたままにしておいたほうが作業しやすいかもしれません。


◆FFFTPのダウンロード

1.FFFTPのダウンロード

このページからFFFTPをダウンロードします。

ダウンロードと、起動は簡単なので、ここでは割愛。
設定に入りましょう。


2.ホスト設定

起動すると、以下のような画面がでてきます。
「新規ホスト」をクリック

8ffftp_new_host.JPG


9ffftp_conf.JPG

先ほどvalue-domainのページでメモした情報を入力して、OKをクリック


さあ、今度こそ最後です。


3.HTMLファイル作成

メモ帳等を起動して、index.htmlという名前のファイルを作成してください。
中には、単純に、"hello world!!"としておきましょう。
(もちろんここはなんでもOKです。)

W3Cの規則とか全て無視の簡単ページですが、
これでもちゃんと見えますのでとりあえず最初の一歩としては十分なはずです。


4.アップロード

FFFTPの画面に戻ります。
先ほど作ったホスト設定をダブルクリックすると、左右に分割された画面が出てきます。
左側があなたのパソコン。右側がサーバです。
左にあるHTMLファイルを右側のサーバにコピーします。

操作は簡単です。
左側にあるファイルをぐーーっとドラッグ&ドロップで右側にもってくるだけです。
注意すべきなのは、右側の画面が、/public_htmlというディレクトリになっているかどうか。
上部のバーに注目して、もし違うディレクトリになっていたら、/public_htmlに変更してあげてください。


さあ、これでついに
WEBページが完成しました!


早速アクセスしてみましょう。

ほら、hello world!!と表示されましたね!
苦労して育てた子どもが独り立ちしたときの親の気分ともいいましょうか。
感慨深い気持ちにひたってもらえれば幸いです。


少し面倒だったかもしれませんが、
もう、世界中の人があなたのページにアクセスすることができます。

ただ、言わずもがなではありますが、誰もあなたのWEBページをしりません。

現実世界に例えていうなら、
大通りから5本も6本も(いやもっと?)路地に入ったところに部屋を持ったという程度。
お友達ならともかく、見ず知らずの人がふらっと寄ってくれたりというのはまずありません。

どうせなら、大通りに面したところに部屋を持ちたいですよね。


次回は、大通りに面したところに部屋をもって、
毎日何万人もの人にきてもらう方法を考えてみたいと思います。

乞うご期待!!


プロフィール
infomakr(インフォメーカー)
infomakr インフォメーカー
セールスレター制作(リニューアル)を得意とし、
低価格で、オリジナリティのあるデザイン性が定評。

見栄えや価格だけではなく、SEOに強く説得力のある、
顧客のニーズに合ったサイトを次々に作成している。

さらに低価格で提供できるサービスも企画中。

モニター画面に合わせてフィットする画像、インパクトのある目立つアニメバナー、購買欲をくすぐるレイアウト、メリハリのある見出し文字、高品質画像、効果的なスクリプト・アクセス解析の設置など、盛りだくさんの充実サービス!

詳しくはインフォメーカーのサイトへ!
http://top.infomakr.com/

前の記事へ| 記事一覧へ |次の記事へ

▲このページのトップへ

 DI-VE通信(メルマガ)登録

 twitter(最新記事をお知らせ!)

RSS

  • マイクロアドBTパートナーでおこづかいゲット!