課題１１　ホームページに背景画をつけたり、背景に色をつけるには？

今日の研修内容

　ＷＷＷでホームページを見ると、文字のほかにページの背景がきれいに色づけしてあったり、画像が出てきたりします。今日は、ページに背景画をつけたり、色づけしたりしてみましょう。

＜手順＞

（１）ファイルの複写

メールに添付されてきた「sample2.htm」と「Fabric.gif」を通信講座で使っているフロッピィディスクに複写します。（「名前を付けて保存」または「ドラッグ」。

（２）「sample2.htm」をブラウザで表示

「ネットスケープナビゲータ」を起動し、「ファイルを開く」「3.5インチFD」にある「sample2.htm」
ファイルを指定します。（背景が「白色」で表示されます。）

（３）背景に画像をつけるタグの設定

「スタート」「プログラム」「アクセサリ」「メモ帳」の順に選択し，次に「ファイル」「開く」　　　　　　　　の順に操作し、「3.5インチFD」にある「sample2.htm」ファイルを指定します。
背景に画像をつけるタグは、<BODY BACKGROUND="****.**">です。「sample02.htm」を次のように書きかえましょう。

<HTML>
<HEAD>
<TITLE>libra_j</TITLE>
</HEAD>
<BODY BACKGROUND="Fabric.gif">

　＝以下略＝

書き換えが完了したら，メモ帳の「ファイル」「上書き保存」を選択します。

（４）再表示

画面下にマウス矢印を移動させると，「NETSCAPE-［libra_j］」というタスクバーがあるので，これをクリックします。

「ネットスケープナビゲータ」の左から４つ目のアイコン（再読込）をクリックします。すると，背景画像がつけられています。

ワンポイントアドバイス
　<BODY BACKGROUND="＊＊＊. ＊＊" >は、背景に指定された画像ファイルをつけるタグです。
　<BODY BGCOLOR="#＊＊＊＊＊＊">は、背景を指定した色に変えるタグです。色は、「＃＊＊＊＊＊＊」を書き換えることで指定できます。「＊＊＊＊＊＊」の部分は、「０から９、ＡからＦ」までの１６の文字の指定の組み合わせです。例えば次のようになります。

＃ＦＦＦＦＦＦ白＃００００００黒＃ＦＦ００００赤＃００ＦＦ００緑

＃００００ＦＦ青＃ＦＦＦＦ００黄＃ＦＦ００ＦＦピンク＃００ＦＦＦＦ水色

＜まとめ＞

　<BODY BACKGROUND="****.**">や<BODY BGCOLOR="#******">で、背景に画像をつけたり、色をつけたりすることができます。これでホームページの雰囲気も変わります。今まで作ったＨＴＭＬファイルの背景にも色をつけてみましょう。

　　＜キーワード＞
　　<BODY BACKGROUND="****.**>　　背景に画像をつけるタグ
　　<BODY BGCOLOR="#******"> 　　背景の色を変えるタグ

作成者	埴岡靖司
所　属	伊自良南小学校

通信講座	岐阜県教育センター
第３章　ホームページの作成

第３章 ホームページの作成

第３章　ホームページの作成