初心者のためのHP講座
コンテンツを作成する
Webサーバーの基礎
作成したファイルをサーバーへアップロードする
TOPページへ戻る
コンテンツを作成する
一般にいうホームページというものはHTMLという言語で作成されています。
現在では、Microsoft Front PageやHome Page Builder、Dreamweaverなどの
ホームページ作成ソフトがいろいろと販売されているので、それらを利用すると
よいでしょう。これらのツールを使用することにより、実際にHTMLを知らなくても
ホームページを作成することが出来ます。
では、ホームページ作成ツールをもっていない時にはどうすればよいか？
それはHTMLの勉強をする必要があります。
例えば、このページについてHTMLソースを見てみましょう。
マウス右クリックでソースの表示を選択すると、メモ帳が立ち上がりいろいろと書いてあるのが
判ると思います。HTML言語はプログラミング言語というよりかは、Webブラウザが識別する
目印を埋め込むような感覚ですので、なれると簡単です。
本屋へ行けば、HTMLの説明書が沢山おいてありますので、どれでもいいのでシーフしましょう（笑）
もしくはHTMLを解説するHPが沢山ありますのでいってみるのもいいかも
因みに私はHTMLを直接シコシコ書き込んでます。（笑）
Webサーバーの基礎
Webサーバーの仕組みについて説明するのは、恐らく時間がかかるので、
ここでは、主にWebサーバー上でのファイルの位置識別について説明します。
例えば、お使いのPCでC:\ABC\hoge.txtというファイルがあった場合、
このファイルはCドライブのABCフォルダにあるhoge.txtとなりますよね。
ではWebサーバーではどのようにファイルの位置を管理しているのか？
実際には次のFTPソフトを使ってエクスプロラー風に表示させるのが判りやすいですが、
例えば、http://www.geocities.co.jp/NeverLand-Mirai/8321/help/help.htmlというこのページは、
http://www.geocities.co.jp/というWebサーバーの、/NeverLand-Mirai/8321/というフォルダの、
さらにそこの/help/というフォルダに置いてあるhelp.htmlというファイルという意味になります。
このことは、現在のページから次のページを呼び出すときや、画像をページに呼び込むときに
必要となる知識です
Webサーバーにおいてあるファイルを表示/指定するには３つの方法があります。
１．絶対パス
これは、すべてのパスを書きます
例）
http://www.geocities.co.jp/NeverLand-Mirai/8321/index.html
<img src="http://www.geocities.co.jp/NeverLand-Mirai/8321/image/title1.gif">
２．ルートパス
これは、ルートからパスを書きます
ルートとはここではhttp://www.geocities.co.jp/です
例）
/NeverLand-Mirai/8321/index.html
<img src="/NeverLand-Mirai/8321/image/title1.gif">
３.相対パス
これは、現在表示しているページの位置からみた対象のファイルの位置を書きます
例）
../index.html
<img src="../image/title1.gif">
（＊）"../"とは一つ上のディレクトリを示します
これら三つの方法で同一のページへのリンク、同一の画像の読み込みを行っているので
HTMLソースを眺めてください。
作成したファイルをサーバーへアップロードする
さて、実際にHTMLファイルや画像ファイルを作成したら、それを自分のPCからWebサーバーへ
アップロードする必要があります。
その方法として、FTPを使うのが一番早いでしょう。
FTPって何？という質問が当然出てくるかと思いますが、これはファイルをやり取りする手法の一つと
考えてください。
実際にFTPをつかってファイルのやり取りをするのには、ツールを使用するのが便利です。
今回は、FFFTPというソフトを使用します。
まずはリンクをクリックしてダウンロード＆インストールして下さい。
さて、インストールを終了し、ソフトを立ち上げると、接続するサーバーを設定する必要があります。
この画面で新規ホストをクリックします。
この画面で
・ホスト設定名：line
・ホスト名（アドレス）：ftp.geocities.co.jp
・ユーザー名：lineageonline
・パスワード：知ってる人はそのパスワード、知らない人はwis plz（笑）
と入力してOKボタンを押す
そうするとホスト一覧に"line"というのができるので、それを選択して接続してください。
成功するとこの画面が出るはずです。
接続が出来たら、左側が自分のPCのフォルダ、右側がWebサーバー上のフォルダとなるので、
左側でWebサーバーへアップロードしたいファイルを選択して、
右側でWebサーバーの作成したファイルを置きたい場所を選択でアップロードします
また、Webサーバーにあるファイルを自分のPCへダウンロードしたい場合はこれと逆の手順です。
Should you have any questions and/or need more information, please feel free to contact ASOK !! w