１．これからホームページを作ります
- ブラウザ（browser）・・・ホームページを参照するソフトウェア。ページの編集はできない。
（例）Microsoft Internet Explorer ９(MS－IE)
WindowsXPでは、IE8までしかセットアップできない。
Google Chrome（グーグル・クロム） ・・・Google社のブラウザ。 ChromeOSはWindwowsに対抗するOS
Safari ・・・Apple社のブラウザ
- ホームページ作成ソフト・・・ホームページを作成する。
（例）Homepage Builder (IBM)
Microsoft Front Page 2003 など
ホームページは何でできているか？
「表示」「ページのソース」でホームページのプログラムが出る。
HTML（Hyper Text Markup Language）・・・生成言語
タグ（tag）・・・<>で囲まれた文字列のコマンド
HTMLの構造
＜HTML＞ HTMLプログラムの開始
＜HEAD＞ ヘッド部 ・・・ 属性情報を記述
＜TITLE＞ ・・・ タイトルタグ
タイトル
＜／TITLE＞ ・・・タイトルタグの終わり
＜／HEAD＞ ・・・ ヘッド部の終わり
＜BODY＞ ボディ部 ・・・ 表示される部分
内容（コンテンツ）
＜／BODY＞ ・・・ ボディ部の終わり
＜／HTML＞ HTMLプログラムの終わり
タグ入力によるＨＰ作成
テキストデータのみで、タグを入力してＨＰを作成する。
- タグ（tag）・・・ＨＰを記述する命令で、前後を不等号＜、＞ではさみ記述する。
ＨＰのソース(source)・・・ＨＴＭＬで書かれたＨＰのプログラムを画面表示する。
「表示」「ソース」
「スタート」「すべてのプログラム」「アクセサリ」「メモ帳」
（練習）次のプログラムを入力する。
<html>
<head>
<title>My Home pages</title>
</head>
<body>
Welcome to My Home Page!
</body>
</html>
入力できたら、「ファイル」「名前を付けて保存」でフロッピーに
「sample.html」
で保存する。ファイルの種類は「すべてのファイル」に変更する。
次に、ブラウザ（ＨＰを参照するソフト：ＭＳ－ＩＥなど）を起動して、
「ファイル」「開く」「参照」「3.5インチＦＤ」、「sample.html」「開く」「ＯＫ」で、作成したページが見える。
修正後、「ファイル」「上書き保存」のあと、ブラウザで「更新」する。
<br> ・・・改行
<p> ・・・改段落（1行空白行ができる。）
<h1>～<h6> ・・・ 文字サイズの変更（タイトル用）
<hr> ・・・ 境界線
<center> ・・・ センタリング
<font color="****"> ・・・色を付ける
- 以上のように、ホームページはテキストのタグから構成されている。
人間に代わってタグを自動生成するのがホームページ作成ソフトである。
次回からは「ホームページビルダー」を使って、個性的なホームページを作成してみよう。
最終更新：2011年10月14日 12:04
