背景を作る

　背景に画像を使うデメリットは次のとおりです。このデメリットを超えるメリットが出る背景画像を作るよう努力しましょう。

これを避けるための背景画像への要求は、コントラストを低く、彩度も低く、小さい画像にする（ファイルサイズを小さくする）、ということです。

４．２背景作成の手順

　それでは，このホームページのトップページに使用している背景画像を例に、説明します。

	ホームページにマッチした、背景用の写真を選びます。
	画像を傾け、背景を単色に塗りつぶします。これによりタイル貼りした時の効果が良くなることが期待できます。またファイルサイズも小さくなります。影の部分をぼかします。
	コントラストと彩度を低くします。画像を最適な大きさに縮小します。必要な場合は再度背景を単色で塗りつぶします。画質を見ながらファイルサイズが小さくなるようにJPEGで保存します。

背景に画像を使う時の注意点

文字は太字を使用し、色は画像の色と反対の色を使います。
<BODY BGCOLOR="色">で、画像と同色系の背景色を指定します。これにより、画像の読み込み前から文字が読めます。
小さい文字を使う時は、<DIV>タグを使いその背景に単色を指定すれば、読み易くなります。
（<DIV STYLE="background:white">～</DIV>）

４．３簡単な背景の作り方

　もっと簡単に背景を作ってみましょう。小さい画像をタイル貼りする場合は継ぎ目が目立たないようにするために背景を単色に塗りつぶしましたが、一枚の大きな画像を背景にする場合はその様な手間は不要です。

図４－１一枚の大きな背景

　トップページのタイトルバックと目次欄の背景は同一画像です（図４－１、（１／３に縮小表示））。これは次の手順で作成しました。

　使い方は次のとおりです。