画面を少しいじってみよう!

hyoujun.gif (3488 バイト)

2.

背景にイメージを使おう!
NE3 NE4 NE6 IE3 IE4 IE5 IE6  

背景に赤や青などの色をつけることはやったけど、自分のページの特徴をもっと出したかったら背景を画像(絵)にすれば面白いよね。
それができたらページによっていろんな絵が背景になって、とっても楽しいHPになるよね。

<BODY BACKGROUND="">〜</BODY>    ・・・・背景に画像を使用する

■・・・・・画像のファイル名(URL)を指定する
(ファイル名の指定については”9.画像を使おう!”を参照)

背景の色を指定したときと同じように。<BODY>の中に書くんだよ。
だんだんわかってきたかな。
イメージ(画像)ファイルの指定については”9.画像を使おう!”を見てね。

 SOURCE
<HTML>
<HEAD>
<TITLE>背景画像</TITLE>
</HEAD>
<BODY BACKGROUND="画像のURL">         
←ここに書くんだよ、注意しようね。
ここは普通に文字などを書ける。
</BODY>
</HTML>

これを利用すれば季節によって背景を変えたりできるよね。

詳.gif (135 バイト)
BODYにはBGCOLORBACKGROUNDの両方を指定しておいたほうがいい。
実際にブラウザで表示する時には、背景画像が呼び出されるまでの間は代わりに背景の色で表示されるんだ。
(つまり、背景画像の裏には背景色が隠れている。背景色の上に画像を敷き詰めていると考えてもよい。)
だから、背景画像が表示されるまでの間に表示される背景色のことも考えておこう。
たとえば、背景色を指定しない場合は背景色は白になっているので(古いブラウザでは灰色)、白い色で文字を書いている場合は、背景画像が表示されるまで文字が読めないよね。
ユーザーによっては、画像を表示しないように設定している人もいるので、その人たちにとっては全く文字の無いページのように思われてしまうよ。
だから、背景画像を指定するときは、その下の背景色(できれば背景画像と同じ系統の色)を一緒に指定しておこう。

 

 RESULT  

このように背景画像が指定できる

 

 

 

 


back.gif (1116 バイト) 罫線をいろいろいじってみよう
next.gif (705 バイト) 背景にイメージを使おう!PartU