６-２

　超初心者を脱皮したい-２
　　　背景をデザインしたいのだけど。

『答え』　簡単です。　好きな画像でオシャレに仕上げましょう。

では、『お菊巧芸』さんのところからこんなバックをお借りしてきましょう。
　h04.gif （他の好きなモノでも結構です）
右クリック　で自分のＨＤに取り込んで下さい。
（念の為に解説）欲しい画像の上で右クリックすると、メニューが出ます。
その中の「名前をつけて画像を保存」を選べば保存出来ます。
保存先はホームページ作成用フォルダ（myHP）が良いでしょうね。
（念の為の解説、終了）
これまでにも使っている＜BODY　○○○＞ の中で設定するんですよ。

<BODY background="h04.gif">

これだけのコトです。今まではBGCOLOR＝で色指定してきた代わりに、背景はBACKGROUND＝で画像指定するって訳です。　アララ、簡単。
では、これまでに完成しているＨＴＭＬを書き直しましょう。
こんな感じ。　（１行目の修正だけだけど）

<HTML><BODY background="h04.gif"><CENTER>
ようこそ、いらっしゃいませ<br>
<table border=4><TD><TABLE BORDER=1><TD>
<FONT SIZE=6><FONT COLOR="#cc0000">
○○○’s　ＨＯＭＥ ＰＡＧＥ
</FONT></FONT></td></TABLE></TD></TABLE>
<br><FONT COLOR="#0000ff">
<i>私の自慢の写真をご覧くださいませ♪</i>
</font><br>
<table border=8><TD><TABLE BORDER=1><TD><TABLE BORDER=2><td>
<img src="abc.gif"><br>
</td></TABLE></TD></TABLE></td></table>
<table border>
<TR><TD>　名　前　</TD><TD>ミスターＯＺ</TD></TR>
<TR><TD>　住　所　</TD><TD>東京都中央区銀座</TD></TR>
<TR><TD>　電　話　</TD><TD>03-1234-5678</TD></TR>
<TR><TD>　メール　</TD><TD><A HREF="mailto:info@misteroz.net">
ココをクリックして</A></TD></table><p><br>
<font size=3><font color="#000000">
初めてのホームページ制作にチャレンジ中です。
<br></font></font></CENTER></BODY></HTML>

出来上がりを先に見たい人は　ココ　をクリックして。
なんとアナタは、背景を自由に使いこなせるようになったのです。
ってコトでこの項は修了。
☆彡main point
・背景に使う画像は、ブラウザが画面一杯に繰り返してくれます。
・だから、小さい画像の方が良いのです。（読み込みが早い！）
・いろんな背景でデザインしてやって下さい。全体が引き立つよ。
・＜BODY BACKGROUND＝○○＞で背景指定。
・背景の大きさ形は自由。但し、小さい方が読み込みが早い。
・文字色とのバランスを考えないと字が読めなくなりますヨ。
質問メール　 ＯＺ道場メニュー