2006年度 花園大学 HTML入門 講義資料 4

［復習］Web のしくみ［B］

HTTP リクエスト［B］

1. ユーザーの端末の Web ブラウザから、電話回線などを介して目的の Web ページ（HTMLファイルなど）が置かれている Web サーバーにアクセス（場所は URL で特定）。
2. ユーザーが閲覧したい Web ページをサーバーに要求。
3. サーバーは、各ユーザーの要求に応じて、Webページをユーザーの端末に転送。
4. ユーザーは、サーバーから転送された Webページをダウンロードし、Webブラウザを介して閲覧。

サーバー側のアクセスログ［C］

ユーザーから閲覧要求が来た時に、Apache という Webサーバーが吐き出すアクセスログ。（いわゆる「生ログ」。）

218.45.000.00 - - [01/May/2006:00:15:34 +0900] "GET /hanazono/html-beginners-01.htm HTTP/1.1" 200 7164 "http://www.karitsu.org/" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2"

218.45.000.00	閲覧したユーザーの端末の IP アドレス。
[01/May/2006:00:15:34 +0900]	ユーザーがアクセスした日時。
GET	メソッド名。（ここでは「取得せよ」という命令。ほかに POST とか HEAD とか何種類かある。）
/hanazono/html-beginners-01.htm	ユーザーが要求したファイルへのパス。
HTTP/1.1	プロトコル/バージョン（"HTTP" は Webページを配信するための通信規格）。
200	HTTP ステータスコード（"200" はユーザーの要求を受付け成功したという意味のコード）。
7164要求に対するデータ転送量（＝転送したファイルのサイズ）。（この場合は転送した html-beginners-01.htm という HTML ファイルの容量が 7164バイトだったという意味。）	要求に対するデータ転送量（＝転送したファイルのサイズ）。（この場合は転送した html-beginners-01.htm という HTML ファイルの容量が 7164バイトだったという意味。）
http://www.karitsu.org/	要求されたファイルのリンク元。
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2	閲覧したユーザーの環境（OS・ブラウザの種類とバージョンなど）。（この場合は 日本語版 Windows XP + Firefox 1.5.0.2 で閲覧したという意味。）

［復習］URL（Uniform Resource Locator）［A］

URL の書式［A］

スキーム名	ドメイン名	ディレクトリ名	ファイル名
http://	www.karitsu.org/	hanazono/	index.htm

URL > スキーム名［C］

スキーム名（情報交換の仕組みの種類）にはプロトコル（通信規約。情報交換形式）名が転用されるケースが多い（厳密にはそれにとどまらない）。http（Hyper Text Transfer Protocol: HTML をやりとりするための形式）やftp（File Transfer Protocol: ファイルをやりとりするための形式）のほか、mailto、telnet、file、gopher、nntp などがある。

URL > ドメイン名［B］

サーバー名	サードレベル ドメイン	セカンドレベル ドメイン	トップレベル ドメイン
www	.yahoo	.co	.jp

URL > ドメイン名 > トップレベルドメイン［C］

• ドメインの種類（gTLD, ccTLD）@JPNIC
• ccTLD（カントリーコード）

URL > ディレクトリ名［A］

ファイルを保管・管理しておく場所を Windows や Mac OS では「フォルダ」と呼ぶことが多いですが、ネットワークの世界では一般に「ディレクトリ」といいます。根っこの部分を「ルートディレクトリ（root directory ― 略して「ルート」）」といい、各ユーザーに割り当てられているスペースのトップディレクトリを「ホームディレクトリ」（home directory ― 略して「ホーム」）といいます。

（※ HTML ファイルを設置するディレクトリは通常、いわゆる「ホームディレクトリ」よりも下の階層 ― たとえば "public_html" というディレクトリ以下に置かれることが多い。）

相対パスと絶対パス［A］

相対パス

書式	記述例	意味
../	../index.htm	ひとつ上のディレクトリにある "index.htm" という名前のファイル
./	./reference-book.htm reference.htm	現在のディレクトリ（カレントディレクトリ）にある "reference.htm" という名前のファイル
[dir]/	images/reference-book.jpg	"images" という名前のディレクトリの中にある "reference-book.jpg" という名前のファイル

絶対パス

URL を記述。以下のようなイメージを持っておくと URL の意味を把握しやすいでしょう。

http://花園店.△△百貨店.企業.日本/書店/文庫/岩波/青/論語.htm

タグリファレンス［A］

リンク	要素名	属性名	属性値
	<a	href=	"index.htm">
	アンカー	エイチレフ or ハイレフ	インデックス（ドット）エイチティエム
画像	要素名	属性名	属性値	属性名	属性値
	<img	src=	"images/logo.png"	alt=	"ロゴ">
	イメージ	ソース	イメジス（スラッシュ）ロゴ（ドット）ピング	オルト	ロゴ