ホームページのアドレスの構造が分かったところで、こんどはホームページ自体はどのような構造でできているのか、確認しておこう。
ホームページを作成するには、ＨＴＭＬというプログラム言語を利用して作り上げるわけだが、いまではMicrosoft Word97などのワープロソフトを使ってワープロ文書を作るようにホームページの原稿を書き、保存する際にＨＴＭＬ保存を指定すれば、簡単にＨＴＭＬの条件にそったホームページのデータができあがるようになっている。ＨＴＭＬとは、「ＨｙｐｅｒＴｅｘｔ Ｍａｒｋｕｐ Ｌａｎｎｇｕａｇｅ」の略で、ほかのホームページへリンクできる特徴がある。
Microsoft Word97でホームページのデータを簡単に作成できるが、ここでＨＴＭＬという言語の基本的な骨組みについて、解説しておこう。
●ＨＴＭＬの基本的な記述構成
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞ タイトル ＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞
＜ＢＯＤＹ＞
本文
＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞
以上が基本的な構成である。
ホームページは、「＜ＨＴＭＬ＞」と「＜／ＨＴＭＬ＞」とで上下を囲むわけだ。
つぎに「＜ＨＥＡＤ＞」と「＜／ＨＥＡＤ＞」とで、本文以外のタイトル部分を囲む。
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞ タイトル ＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞
「＜ＨＥＡＤ＞」と「＜／ＨＥＡＤ＞」の中にある「＜ＴＩＴＬＥ＞」と「＜／ＴＩＴＬＥ＞」の中には、INTERNET Explorerなどのブラウザでこのホームページを開いたときに、タイトルとして表示されるタイトル名を入力する。 あとは本文を書き込む部分の指定するだけだ。本文は「＜ＢＯＤＹ＞」と「＜／ＢＯＤＹ＞」で囲んだ部分に記述する。
以上で、ホームページを作ることができる。ほかの部分は、デコレーションだ。ほかに写真を入れたり、イラストを入れたり、ほかのホームページに移動するコマンドを入れたりすることができる。当然、文字を中央に表示させたり、右寄せにしたり、文字の大きさを指定したり罫線を入れたりという具合に、情報を飾りたてることはいくらでも可能だ。飾れば飾るほどその記述内容は複雑になってくるが、基本はさきほどの部分だ。
基本的なホームページを先生が作成し、本文の中身のデコレーション部分を子供たちに作成させるというのが、理想的な作業の流れではないだろうか。
★★ページで作成した「秋の遠足のお知らせ」の文書を、ＨＴＭＬ形式で保存すると、つぎのように自動的にＨＴＭＬの言語条件でホームページ用に作成してくれるのだ。
-------------------------------------------------------------------
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＭＥＴＡ ＨＴＴＰ−ＥＱＵＩＶ＝"Ｃｏｎｔｅｎｔ−Ｔｙｐｅ" ＣＯＮＴＥＮＴ＝"ｔｅｘｔ／ｈｔｍｌ； ｃｈａｒｓｅｔ＝ｘ−ｓｊｉｓ"＞
＜ＭＥＴＡ ＮＡＭＥ＝"Ｇｅｎｅｒａｔｏｒ" ＣＯＮＴＥＮＴ＝"Ｍｉｃｒｏｓｏｆｔ Ｗｏｒｄ 97"＞
＜ＴＩＴＬＥ＞ 1997年9月18日＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞
＜ＢＯＤＹ＞
＜ＦＯＮＴ ＦＡＣＥ＝"ＭＳ 明朝" ＬＡＮＧ＝"ＪＡ" ＳＩＺＥ＝3＞＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ 1997年9月18日＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞■秋の遠足のお知らせ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ 東京都立第九七中学校生徒のみんさんへ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ 秋の遠足をおこないますので、次のように準備してください。＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞時 ：10月9日 7時30分に学校の校庭に集合＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞行き先：鳩ノ巣渓谷＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞持ち物：使い慣れたリュックサック＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞リュックサックの中身＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ：ハンカチ、ちりがみ、エチケット袋、ウインドヤッケ、カサ、水筒、お弁当、＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ おやつ（300円以内）、ノートと筆記用具＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞服装 ：帽子、歩きやすいはき慣れた運動靴、厚手のセータ着用、長ズボン（男女とも）＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞●禁止事項：ポケットゲームなどは持っていってはいけません。＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞解散時間：3時00分に学校の校庭で＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞雨天の場合：連絡網で6時30分までに連絡します。＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ 遠足の翌々日（10月11日）は、おやすみです。ゆっくりからだを休めてください。5月24日に、元気にお会いしましょう。＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞
＜Ｐ ＡＬＩＧＮ＝"ＪＵＳＴＩＦＹ"＞ ＜／Ｐ＞＜／ＦＯＮＴ＞＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞
-------------------------------------------------------------------
タイトルの部分が一番上にある日付になっているのが気になるが、なにも努力することなくホームページの原稿ができあがってしまうわけだ。
このＨＴＭＬでできた「秋の遠足のお知らせ」をブラウザであるINTERNET Explorerで見るとつぎのようになる。
■Microsoft Word97でつくった「秋の遠足のお知らせ」のホームページ画面
-------------------------------------------------------------------
1997年9月18日
■秋の遠足のお知らせ
東京都立第九七中学校生徒のみんさんへ
秋の遠足をおこないますので、次のように準備してください。
時 :10月9日 7時30分に学校の校庭に集合
行き先:鳩ノ巣渓谷
持ち物:使い慣れたリュックサック
リュックサックの中身
:ハンカチ、ちりがみ、エチケット袋、ウインドヤッケ、カサ、水筒、お弁当、
おやつ(300円以内)、ノートと筆記用具
服装 :帽子、歩きやすいはき慣れた運動靴、厚手のセータ着用、長ズボン(男女とも)
●禁止事項:ポケットゲームなどは持っていってはいけません。
解散時間:3時00分に学校の校庭で
雨天の場合:連絡網で6時30分までに連絡します。
遠足の翌々日(10月11日)は、おやすみです。ゆっくりからだを休めてください。
5月24日に、元気にお会いしましょう。
-------------------------------------------------------------------