サイトのデザインを統一する場合、新しいHTMLファイルを作るたびにデザインを新しく記入していくのは大変面倒な作業です。そこで、デザインだけを記述したテンプレートファイルを用意しておき、常にサイトの内容だけをそこに書いていく方法を検討してみましょう。

例えば、このサイトのテンプレートファイルは、以下のようなものです。(現在はデザインを変更しています)

（クリックでHTMLを表示）

このようなテンプレートファイルを用意しておくと、更新作業がかなり楽になります。

このサイトのテンプレートは、少し作りすぎという感じですから、<HEAD>タグ内だけでもテンプレート化しておくといいでしょう。

頻繁にテンプレートを変更するという場合、「ヘッダとフッタを外部から読み込む」を参考にして下さい。

サイトの階層を考える

テンプレートファイルを作成する時の注意点として、サイトの階層を考える必要があります。
というのも、ほとんどの人が画像ファイルなどを指定する場合、相対パスで指定しているからです。

相対パスで画像をしていしていると、違う階層やディレクトリにHTMLをおいた場合、画像が表示されない場合があります。
全て同じ階層に置くのが一番いいやり方ですが、どうしても別の階層に置きたい場合は、一括置換などがしやすい書き方をしておきましょう。

eWeb