図 6-1 大 学 のサーバーにおける 各 自 の Web サイト 123

Transcription

1 第 6 章 大 学 の Web 環 境 Web 環 境 Web(ウエッブ)とは World Wide Web(WWW: 世 界 規 模 のクモの 巣 )の 略 称 である Web は HTML(Hyper Text Markup Language:ハイパー テキスト マークアップ 言 語 )により 記 述 され HTML を 解 釈 する Web ブラウザーにより 可 視 化 される Web ブラウ ザーとしては マイクロソフトのインターネット エクスプローラ (IE) Mozilla Foundation の Firefox などを 利 用 可 能 である 各 自 の 情 報 を 発 信 するための HTML 文 書 の 作 成 方 法 を 中 心 に 講 義 を 進 める 6-1. 情 報 大 学 のサーバーにおける Web サイトの 構 造 情 報 大 学 の 各 自 のディスクスペースに 外 部 から 閲 覧 可 能 な Web サイトを 構 築 する 大 学 の Web サーバー :gateway.edu.tuis.ac.jp 別 名 :s-fil1.edutuis.local ハードディスク :/vol/vol1/student フォルダ 名 :/home/student 各 自 のフォルダ :e12xxxaa Html のフォルダ :public_html 図 6-1 に 各 自 の Web サイトへのアクセスの 概 念 図 を 示 す 1 外 部 からのアクセスは Web ブラウザにおいて URL(Uniform Resource Locator: 統 一 資 源 位 置 指 定 子 )として と 入 力 する URL に 従 い 2 大 学 の Web サ ーバーである gateway.edu.tuis.ac.jp( 別 名 : s-fil1.edutuis.local)のハードディスク (/home/student/e12xxxaa) 上 の 3html ディレクトリ(public_html) の 中 の index.html を 探 し その html の 記 述 に 従 い Web ブラウザに 内 容 を 表 示 する Web 関 連 の 記 号 記 号 読 み ~ チルダー : コロン ; セミコロン / アットマーク. ドット 122

2 図 6-1 大 学 のサーバーにおける 各 自 の Web サイト 123

3 6-2. Web アクセス 制 御 (1).htaccess(ドット エイチティアクセス) これは Web サーバーへのアクセス 設 定 のための 記 述 を 書 いたファイルであり public_html のフォルダに 置 く ファイル 名 の 先 頭 は.(ドット) である 一 般 的 な 記 述 は 次 のようなアクセス 許 可 を 与 える <LIMIT GET> order deny, allow allow from all </LIMIT> (2).htaccess の 編 集 ここでは 各 自 の PC を 情 報 大 学 のネットワークに 接 続 し Windows から.htaccess を 編 集 する 方 法 を 記 述 する 1 情 報 大 ネットツールによる Z ドライブの 接 続 図 6-2 に 示 すように 情 報 大 ネットツールを 利 用 し ユーザ 名 を 自 分 の 学 籍 番 号 とし ホームの 割 り 当 て をクリックし Z:ドライブとして ネット ワークドライブの 接 続 を 行 う 図 6-3 情 報 大 ネットツールによる ホームの 割 り 当 て 2.htaccess の 作 成 Z:ドライブの 内 容 を 表 示 し 図 6-4 に 示 すように public_html のフォ ルダの 所 在 を 確 認 する public_html が 存 在 しない 場 合 は メニューの 新 しい フォルダー をクリックし 新 しいフォルダー の 名 前 を 変 更 し public_html とし フォルダーを 作 る 図 6-4 Z:ドライブの public_html 124

4 さらに public_html の フ ォ ル ダ を 開 き.htaccess の 存 在 を 確 認 す る 図 6-5 のよう に.htaccess がある 場 合 は サクラ エディタを 利 用 し 内 容 を 確 認 する 図 6-5 Z:ドライブの public_html の.htaccess 図 6-6 サクラ エディタによる.htaccess の 入 力.htaccess が 存 在 しない 場 合 は サクラ エ デ ィ タ ー を 開 き.htaccess を 作 成 する 図 6-6 に 示 すよ うに テキスト を 入 力 する 図 6-7 に 示 すように サク ラ エディタの ファイル か ら 名 前 を 付 け て 保 存 を 選 択 する 保 存 場 所 は Z:ドライブの public_html である 図 6-7.htaccess の 名 前 を 付 けて 保 存 125

5 (3) ファイルアクセス 制 御 Web サーバーのオペレーティング システムが Linux であるため 次 のファイル について World に 対 して Read あるいは Read,Execute のアクセス 制 御 の 設 定 が 必 要 である public_html 755 ディレクトリ index.html 744 インデックス ファイル css.html 744 CSS ファイル.htaccess 744 ドット エッチティアクセス *.cgi 755 実 行 をともなうファイル その 他 のファイル 744 画 像 ファイルなど 1 Linux によるファイルのアクセス 設 定 a. gateway サーバーへのログイン ssh e12xxxaa@gateway.edu.tuis.ac.jp ssh によるログイン b. public_html ファイルの 属 性 確 認 と 変 更 ls -la public_html ディレクトリの 属 性 確 認 chmod 755 public_html 属 性 変 更 c. public_html 配 下 のファイルの 属 性 確 認 と 変 更 cd public_html ディレクトリの 変 更 ls la * ファイルの 属 性 確 認 前 述 のファイルアクセス 設 定 となっていない 場 合 chmod 744 index.html index.html の 属 性 変 更 chmod 744.htaccess.htaccess の 属 性 変 更 など 126

6 2 Windows によるファイルのアクセス 設 定 a. 情 報 大 ネットツールによる Z ドライブの 接 続 図 6-8 に 示 すように 情 報 大 ネットツール を 利 用 し ユーザ 名 を 自 分 の 学 籍 番 号 とし ホ ームの 割 り 当 て をクリックし Z:ドライブと して ネットワークドライブの 接 続 を 行 う 図 6-8 情 報 大 ネットツールによるホームの 割 り 当 て b. public_html の 属 性 変 更 図 6-9 に 示 すように PC のエクスプローラから コ ンピュータ 下 の Z:ドライブ の 内 容 を 表 示 す る public_html の 存 在 を 確 認 する 図 6-9 Z:ドライブ public_html を 右 クリ ックし プロパティ( 属 性 ) を 表 示 する 図 6-10 に 示 すように セキュリティ タブを 選 択 する グループ 名 またはユーザ 名 から other(その 他 ) を 選 択 し 編 集 をクリックする Other( その 他 ) とは World( 世 界 )とも 言 われ フ ァイルの 作 成 者 グループ 以 外 の 全 ての 人 を 示 し 外 部 からのアクセスを 意 味 す る 図 6-10 セキュリティの 設 定 127

7 図 6-11 に 示 すように セキュリティ 設 定 のウイン ド ウ に お い て 改 め て other(その 他 ) を 選 択 す る 下 段 の other のアクセ ス 許 可 のリストにおいて 読 み 取 りとの 実 行 許 可 を 与 える 図 6-11 public_html の 読 み 取 りと 実 行 許 可 設 定 c. その 他 のファイルの 属 性 変 更 図 6-12 public_html 配 下 のファイルの 表 示 public_html と 同 様 に public_html 配 下 のファイ ルについても other( 他 人 ) に 対 して 読 み 取 りの 許 可 を 与 える 図 6-12 に 示 すよ うに public_html のフォル ダを 開 き.htaccess を 選 択 する 128

8 図 6-13 に 示 すように セキュリティ タブの グ ループ 名 またはユーザー 名 において other(その 他 ) を 選 択 し 編 集 をクリッ クする 図 6-13 セキュリティの 設 定 図 6-14 に 示 すように 改 めて グループ 名 または ユーザー 名 から other(そ の 他 ) を 選 択 する 下 段 の other のアクセス 許 可 に おいて 読 み 取 り の 許 可 を ON とする 図 6-14 アクセス 許 可 の 設 定 129

9 6-3. ホームページの 実 験 各 自 の PC において 次 の index.html を 作 成 し PC の Web ブラウザを 利 用 し PC 上 の index.html を 指 定 し 動 作 を 確 認 しよう (1) サクラ エディタによる index.html の 作 成 1 public_html の 作 製 各 自 の PC の C:ドライブに public_html を 作 成 する 図 6-15 に 示 すように 新 しいフォルダー をクリックし フォルダーを 作 成 する 新 しいフォルダー をクリックし public_html と 名 前 を 付 ける 図 6-15 public_html の 作 成 2 サクラ エディタによる index.htmll の 作 成 図 6-16 のように サクラ エディタを 利 用 し 簡 単 な index.html を 作 成 する 図 6-16 サンプル index.html 130

10 3 名 前 を 付 けて 保 存 サクラ エディ タの ファイル 名 前 を 付 けて 保 存 をクリッ クし 図 6-17 のように index.html と して 保 存 する 保 存 する 場 所 は C: ド ラ イ ブ の public_html である 図 6-17 名 前 を 付 けて 保 存 (2) PC の Web ブラウザを 利 用 した index.html の 動 作 確 認 1 index.html のダブルクリック ファイル エクスプローラにより 前 項 においてファイルを 保 存 した C: public_html を 開 き index.html をダブルクリックする あるいは 図 6-18 のように インターネット エクスプローラを 立 ち 上 げ URL のアドレス 欄 に c:\public_html\index.html を 入 力 し Enter キー をクリックする 2 index.html の 表 示 図 6-19 のように 表 示 されることを 確 認 する 図 6-18 イル 名 の 入 力 ファ 図 6-19 IE の 表 示 結 果 131

11 6-4. ファイルのアップロードと 動 作 確 認 6-3 において 作 成 した index.html を 大 学 のサーバーへアップロードし PC の Web ブ ラウザを 利 用 し 大 学 のサーバーの index.html の 動 作 を 確 認 しよう 6-3 においては 各 自 の PC 上 に public_html を 作 成 し index.html を 作 った( 図 6-201) ここでは 各 自 の PC 上 に 作 成 した index.html を 大 学 のサーバーの 各 自 の 領 域 (ホーム Z:ドライブ)へ コピーし( 図 6-202) インターネット エクスプローラから 動 作 を 確 認 する 図 6-20 各 自 の PC と 大 学 のサーバーにおける index.html (1) 情 報 大 ネットツールの W:ドライブへ 1 情 報 大 ネットツールによる Z ドライブの 接 続 図 6-21 に 示 すように 情 報 大 ネットツールを 利 用 し ユーザ 名 を 自 分 の 学 籍 番 号 とし ホーム の 割 り 当 て をクリックし Z:ドライブとして ネットワークドライブの 接 続 を 行 う この 作 業 は 前 節 の 6-2 において 実 施 した ホームの 割 り 当 て と 同 じ 作 業 である ホームをりようしている 間 重 ねて 接 続 する 必 要 はない ただし ホームとの 接 続 時 間 は 30 分 と 制 限 が 設 けられている 図 6-21 情 報 大 ネットツールによるホームの 割 り 当 て 132

12 2 Index.html のコピー 図 6-22 は 各 自 の PC 上 の public_html フォルダーのファイル エクスプ ローラの 表 示 内 容 である 6-3 において 作 成 した index.html が 表 示 される 図 6-20 の1に 相 当 する 一 方 図 6-23 は 大 学 の Web サーバーの 各 自 のホーム (Z:ドライブ) 上 の public_html フォルダーの 内 容 である 図 6-20 の2に 相 当 す る ここでは 各 自 の PC の index.html をマウスによりドラッグし 大 学 の Web サーバーの public_html へドロップする 図 6-22 各 自 の PC の C:ドライブの public_html にある index.html 図 6-33 大 学 の Web サーバーの Z:ドライブ(ホーム)の public_html へコピーされた index.html 133

13 (2) IE による 動 作 確 認 インターネット エクスプローラを 立 ち 上 げ URL へ 図 6-34 に 示 すように を 入 力 する ここで は 大 学 のサーバーの 名 前 ~e12xxxaa は ~(チルダ-) で 始 まる 各 自 の 学 籍 番 号 とイニシャルである 図 6-34 IE へ URL の 入 力 この 結 果 図 6-35 の 通 り IE により これは E12xxxaa の Web サイトです と 表 示 されれば index.html が 正 しく 記 述 され その 他 のファイルも 正 しく 用 意 され ていることを 示 す 図 6-35 各 自 の Web サイトの 表 示 この 際 に 頻 繁 に 表 示 されるエラーとしては 図 6-36 あるいは 図 6-37 に 示 すように Forbidden( 禁 止 されている) あるいは Internal Server Error(サーバー 内 のエラー) のエラーメッセージが 表 示 されることがある チェックポイントは 1.htaccess index.html public_html に 対 して 読 み 取 りと 実 行 許 可 が 与 えられているか? 2.htaccess の 内 容 は 正 し 図 6-36 Web のエラーメッセージ である 図 6-37 Web のエラーメ ッセージ 134

14 課 題 図 6-35 の 表 示 状 態 で IE のプリンタ アイコンをクリックし 各 自 の Web ページの 表 示 を 確 認 し 画 面 をプリントし 提 出 すること 図 6-35 IE による Web ページの 表 示 状 態 からの 印 刷 135