HTML 入門
Webページ作成はじめの一歩
ゼミサーバにアップロードする
前のページまでの作業では,手元の PC のフォルダの中に Web ページを保存して,その PC のブラウザから保存したページを閲覧しました.現時点の学習の段階ではその方法で構いませんが,完成したページはサーバで公開することになるでしょう.
ここではゼミのサーバに Web ページをアップロードして学内に公開する方法を説明します.学外からはこの作業はできないので注意してください.また KPCキャンパスのD号館からは接続できない可能性があります.まず,インターネットに接続できるように認証を行います.
インターネットへの接続が確認できたあとに,ファイルエクスプローラのアドレスバーをいったん削除して「¥¥rin06.ba.kobegakuin.ac.jp」と入力します.このとき,「¥」という記号はこのページの文字をコピーせずに,キーボードの右上側にある「¥」キーから入力するようにしてください.
しばらくすると次のような画面が表示されます.
この画面にゼミ専用の ID とパスワードを入力します.(なお,D号館ではこの画面で正しいパスワードを入力しても先に進むことができません.)
ID とパスワードが正しければ次のように3つのフォルダが表示されます.自分のIDと同じ名前のフォルダ(ホームフォルダ)を開きます.
ホームフォルダには「Documents」フォルダと「public_html」フォルダという2つのフォルダが存在します.Web ページとして公開したいデータは「public_html」フォルダに保存しなければならないので,このフォルダを開きます.
すでに空の「index.html」が存在するはずです.手元の PC にある「index.html」ファイルをサーバの「public_html」フォルダにドラッグ&ドロップしてアップロードします.このとき,コピーする方向を間違えないように注意してください.
ファイルを置き換えるかどうか確認する画面が表示されるので「ファイルを置き換える」を選択します.
ファイルのアップロードができたらブラウザでゼミサーバのページを開きます.このときアドレスに「~ユーザ名」という文字列が含まれていることに注意してください.
下の画面は手元の PC に保存されたファイルをブラウザで閲覧した状態です.作業中は手元のファイルを閲覧しているのか,サーバのファイルを閲覧しているのかに注意するようにしてください.「C:/Users/...」となっている場合は手元の PC のファイルを閲覧しています.「rin06.ba.kobegakuin.ac.jp/~ユーザ名/」は本番環境の Web サーバにアクセスしていることになります.