神戸学院大学 経営学部 林坂ゼミ

HTML 入門トップページ

« 戻る 次へ »

HTML 入門

Webページ作成はじめの一歩

ゼミサーバにアップロードする

前のページまでの作業では,手元の PC のフォルダの中に Web ページを保存して,その PC のブラウザから保存したページを閲覧しました.現時点の学習の段階ではその方法で構いませんが,完成したページはサーバで公開することになるでしょう.

ここではゼミのサーバに Web ページをアップロードして学内に公開する方法を説明します.学外からはこの作業はできないので注意してください.また KPCキャンパスのD号館からは接続できない可能性があります.まず,インターネットに接続できるように認証を行います.

2004web00084

インターネットへの接続が確認できたあとに,ファイルエクスプローラのアドレスバーをいったん削除して「¥¥rin06.ba.kobegakuin.ac.jp」と入力します.このとき,「¥」という記号はこのページの文字をコピーせずに,キーボードの右上側にある「¥」キーから入力するようにしてください.

2004web00019

しばらくすると次のような画面が表示されます.

2004web00020

この画面にゼミ専用の ID とパスワードを入力します.(なお,D号館ではこの画面で正しいパスワードを入力しても先に進むことができません.)

2004web00021

ID とパスワードが正しければ次のように3つのフォルダが表示されます.自分のIDと同じ名前のフォルダ(ホームフォルダ)を開きます.

2004web00022

ホームフォルダには「Documents」フォルダと「public_html」フォルダという2つのフォルダが存在します.Web ページとして公開したいデータは「public_html」フォルダに保存しなければならないので,このフォルダを開きます.

2004web00023

すでに空の「index.html」が存在するはずです.手元の PC にある「index.html」ファイルをサーバの「public_html」フォルダにドラッグ&ドロップしてアップロードします.このとき,コピーする方向を間違えないように注意してください.

2004web00024

ファイルを置き換えるかどうか確認する画面が表示されるので「ファイルを置き換える」を選択します.

2004web00025

ファイルのアップロードができたらブラウザでゼミサーバのページを開きます.このときアドレスに「~ユーザ名」という文字列が含まれていることに注意してください.

2004web00026

下の画面は手元の PC に保存されたファイルをブラウザで閲覧した状態です.作業中は手元のファイルを閲覧しているのか,サーバのファイルを閲覧しているのかに注意するようにしてください.「C:/Users/...」となっている場合は手元の PC のファイルを閲覧しています.「rin06.ba.kobegakuin.ac.jp/~ユーザ名/」は本番環境の Web サーバにアクセスしていることになります.

2004web00027

目次に戻る