NICS-NET HTML講座　第１２話

初級　第１２話 『背景に壁紙を貼る』の巻

背景に絵または写真を貼って壁紙をつくる。

ファイル名：ehtml121.gif

インターネットで色々なホームページを見ていると、背景に色々な模様の壁紙を貼っているページを目にすると思います。今回はホームページの背景に「絵や写真などの画像ファイル」を貼って壁紙にする勉強です。（とっても簡単です）
背景に貼りたいと「絵や写真のファイル」を用意します。今回は、右の絵を使います。（絵や写真は、拡張子が.gif又は.jpgのファイルでなければダメなので、ご注意を）

壁紙を貼るタグ
background="ファイル名"

background="ファイル名"のタグは、text=#rgbカラーやlink=#rgbカラーと同じで<body>の中に入れて、 <body background="ファイル名">をいう形で使用します。
ファイルのサイズには特に指定がありません。そのファイルをまんべんなく画面上に貼り付けて、１つの壁紙にしていきます。

背景に壁紙を貼るときの注意点

● 画像の重さにしよう。: ホームページに綺麗な壁紙を貼っているページは多いですが、問題はその画像ファイルの大きさです。あまり大きいと転送に時間がかかり見る方に負担をかけますので、なるべくファイルの大きさは、小さいものにしましょう。目安としては、５ｋ以内が理想的です。
● bgcolor=#RGBカラーのタグとは併用可能。: bgcolor=#RGBカラーのタグは背景に色をつけるタグです。このタグと併用した場合、壁紙のファイルが大きくても、先に背景色とホームページのテキストと表示するので、見る側に表示が遅いというストレスを軽減するようです。でも結局ファイルの大きな壁紙をはると表示は遅いです。

htmlの画面

<html>
<head>
<title>A子の紹介</title>
</head>
<body bgcolor=#f7d7fe text=#000000 link=#ff0000 alink=#00ff00 vlink=#0000ff background="ehtml121.gif">
<center>
<hr width=70%>
<h1>Ａ子のホームページ</h1>
<hr width=70%>
<img src="../takaragif/ako1.gif"><img src="../takaragif/ako2.gif"> 
名前は、A子。 
年齢はヒミツ。 
職業はOL。 
特価で買ったワープロを持っているが使い方が良く分からない。 
流行ものが好きで、今はインターネットに興味大！ 
<a href="http://www.tamano.or.jp/">●　NICS-NETへ</a>
</center>
</body>
</html>
※色のついた部分が今回追加した部分です。

Ａ子のホームページにリンク
ここをクリックすると今までで出来上がっているＡ子さんのホームページが見られます。

　目次へ　

前のページへ

次のページへ