作成したホームページをサーバへアップロードする

作成したホームページをサーバへアップロードする方法

フロントページの『Ｗｅｂの発行』機能を利用しても、（プロバイダや学内ＬＡＮの）サーバへアップロードすることができますが、ここでは『ＦＦＦＴＰ』というフリーウェアソフトを用いてサーバへアップロードする方法について説明します。

インターネット上にはフリーウェアまたはシェアウェアのｆｔｐクライアントソフトが多数存在するので、しばらく使用してみて気に入ったものを利用するとよいでしょう。フリーウェアの場合には無料で、シェアウェアの場合は指定された料金を支払った後に利用することができます。

このページのハブ、ディスプレイ、パソコンやサーバ本体の画像は『ati/大神 "いとお" 淳』氏に作成していただきました。
ディスプレイ等に比較してケーブルが見にくいのは私が作成したためで、『ati/大神 "いとお" 淳』氏が作成したものではありません。
ati/大神 "いとお" 淳さん、大変美しい画像ファイルを作成して頂いてありがとうございました。

			校内LAN
	校内LAN			インターネット

				（専用線またはダイアルアップ回線）
生徒用PC		教師用PC（アップロード実習時に模擬ＷＥＢサーバとして利用）	本校のサーバ群		プロバイダのホストコンピュータ

１．

『スタート』ボタンを押して表示されるスタートメニューから『プログラム』の部分をポイントします。更に表示される中から『ＦＦＦＴＰ』と書かれているところを探してクリックすると次のような画面が表示されます。

２．

上の画面で『BUNDAI_V_HOST_ST』と書かれているところにカーソルがあることを確認して『接続』ボタンを押します。

自分の加入しているプロバイダに関しては設定のみ行えば利用できるが、アカウントがないその他のところへは無闇に接続を試みないこと。

またメンテナンスのソフトを時々かけているので、以前に設定した自分のプロバイダの設定が常にあるとは限らないし、大勢の人が使うパソコンにプロバイダの設定を残しておくのはセキュリティ面からも望ましくないのでしないこと。

『接続』ボタンを押すと、次のようなユーザ名の入力画面となります（この説明では『ST-01』というユーザがＦＴＰサーバに接続することとして説明を続けます）。

この画面で、自分のパソコン名をユーザ名として入力します。つまり、パソコンの上の番号が『０１』（ST-01）ならば、ユーザ名には『ST-01』というように半角・大文字で入力後、『ＯＫ』ボタンを押します。

校内LAN上の模擬Webサーバへのアップロード用なので、ここではAnonymous(『匿名』)のチェックはしないこと。

３．

上の操作をすると、今度はパスワードの入力画面になります。

具体的なパスワードは、授業の時に指示されたものを入力すること。
入力したパスワードは画面上では見えず、下の画面のように『＊』印が表示されるだけなので、正しく入力し終わったならば『OK』ボタンを押します。

４．

パスワードを正しく入力した場合には、次のような画面になります。

このような画面にならない場合には、再度パスワード入力画面が表示されるので、落ち着いて正しいものを入力すること。

この画面で左側に表示されているのはローカル（自分のパソコンのことをネットワークではローカルといいます）のハードディスクの内容（ファイルやフォルダが存在しています）、右側はリモート（ネットワークで繋がれた相手方のホストコンピュータまたはパソコンをリモートといいます）のハードディスクの内容（やはり、ファイルやフォルダが存在しています）が表示されています。

５．

学校の設定では、ST-01というユーザ名でＦＴＰサーバと接続した（ログインした）場合には、ST-01のフォルダの中にのみ、自分が作成したＨＴＭＬファイル（ホームページの内容が書かれたファイル）や画像ファィルなどを転送する（アップロードする）ことができるようになっています。

他のフォルダの中やルートのフォルダ（上の画面で『ST-01』、『ST-02』などのフォルダが置かれている親のフォルダ）にはファイルを書き込んだり、削除したりすることはできません。

そのため、自分が利用できるフォルダに移る必要があります。

上の画面で『ST-01』というフォルダをダブルクリックしてみましょう。そうすると画面が変わって自分のフォルダが利用できるようになります。
この自分のフォルダ内にある『.www_browsable』というファイルは、あなたが作成したページ等を他の人が後で見るために必要になるので削除しないこと。

６．

ここではローカル側（自分のパソコン側）にある、『new_page_1.htm』というファイルを、リモート側にアップロードしてみよう。

上の画面で、該当するファイルの上にマウス・ポインタを移動後クリックし、そのファイル選択後右側のリモート側にドラッグします。
そうするとマウスのカーソルが下の画面のように変わります。

大きなファイルや沢山のファイルをアップロードしているときには『ファイルをコピー中です』というようなメッセージがでますが、今回はすぐにコピーが終わって下のようになります。

つまり、左側の自分のパソコンから右側（リモート側）のサーバ（今回説明しているようなパソコン教室でのアップロード実習では擬似的に教師用パソコンをサーバとして利用しています。また、実際に稼働している本校のＷＷＷサーバにアップロードする場合やプロバイダにアップロードする場合にはそれぞれのホストコンピュータ）にファイルがコピーされたことになります。

７．

アップロードが終わり、リモート側との接続を切断する場合には、下の画面のように『切断』ボタンを押します。

ＦＦＦＴＰを終了するにはメニューバーの『接続（Ｆ）』・『終了（Ｘ）』というようにメニューをたどればよいです。

課題14のページへ

最初のページへ