ホームページ講座1.4

0.3 ホームページを作る

ページを作成する方法

ページを作成する方法は、大きく分けて次の２通りがあります。

HTML言語を使って書く
HTMLエディタを使って作る

HTMLはホームページを記述するための言語の名前です。HTMLエディタは、HTMLを簡単にタイプインできるように支援してくれるものから、全くHTMLを記述せずにワープロで作成した文書を自動的にHTMLを生成してくれるものなど多数あります。

この講座では、「HTML言語を使って書く」方法でホームページを作成してゆくことにします。

ホームページを作るということ

ひとつのページには、様々なものが掲載されています。例えば次のような、

「タイトルをつける」、
「文章を書く」、
「写真を張る」、
「絵を張り付ける」、
「リンクさせる」、あるいは
「背景に模様をつける」など

です。

上記のうち「文章」以外の「写真」、「絵」、「タイトル」、「背景の模様」などは、あらかじめ別々に作成し、ファイルとしてコンピュータに記憶させておく必要があります。これらを部品と呼ぶことにします。ホームページを作成するということは、台紙（xxxx.html のファイル）にこれらの部品を張り付けていく作業に似ています。

最も簡単なページの解説

タイプした内容のうち、< >の部分は表示されません。この部分をタグと呼び、このタグがHTML言語そのものです。

HTMLの構造
１つのホームページは、普通複数ページで構成されています。それらのどのページも同じ構造（形式）で書かれます。
１つのページは、下の図のように、< HTML>で始まり、</HTML>で終ります。その中は大きく分けて、ヘッダ情報と本文から構成されています。ヘッダ情報は、<HEAD>で始まり</HEAD>で終り、本文は<BODY>で始まり</BODY>で終ります。

HTMLソース文書の構造
その他のタグ
上記以外のタグには、次のような役割があります。
- <H1></H1>
  文字の大きさを指定する。これはタイトルの文字を指定する。
- <H2></H2>
  文字の大きさを指定する。これはタイトルの次に大きな文字を指定する。
- <HR>
  ラインを引く。
- <BR>
  強制的に改行する。改行の指示がない限り改行はしない。
- <P></P>
  ひとつの段落を意味する。段落の終りは、通常の改行と異なって１行程度の空白行があけられる。このタグは、<P>だけでも段落の区切りを示すことができる。
上記で分るように、初めのタグに/(スラッシュ)を付けたタグがその終わりのタグを意味します。<BR>や<HR>は、終わりタグのない特別なタグです。

ホームページのファイル名

ホームページは、一度に表示される内容を１ページと呼び、１つのファイルとして作成します。したがって、３ページのホームページを作成するためには、３つのファイルを作成する必要があります。１ページの大きさは同じである必要はありません。

コンピュータに何かを記憶させておく時の一つの固まりを、ファイルと呼びます。ファイルには、必ず名前がついています。我々はその名前を指してそのファイルを利用します。

ホームページのファイルは、名前が必ず、xxxx.html のように ".html" （拡張子）を付ける約束があります。xxxx の部分は何でも構いません。しかし、その部分がindexの場合（index.htmlというファイル名の場合）、『最初に表示される特別なページ（１ページ目）』という特別な役割があるファイル名になります。

ホームページ講座
連絡先：egi@ube-c.ac.jp