背景 -背景を飾ってみましょう-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

背景 -背景を飾ってみましょう-

■ 背景に色をつける

文字と背景の色の関係が重要です。背景と文字が同系統の色だったら見ることが出来ません。逆に文字を隠す為に態とやる事もあります。

<body bgcolor="☆">～<body>
☆=16進数　#○○○○○○
☆=色名直接指定

<HTML>

<HEAD>
<TITLE>
タイトルです。
</TITLE>
</HEAD>

<body bgcolor="#FFFFCC">

<center>
背景に色がつくよ <bｒ>
</center>

</body>

</HTML>

タイトルです。

背景に色がつくよ

■ 背景に画像を指定する

背景画像を使うと右と下方向に同じ画像が永遠と広がって行く形になります。
大きな一枚絵ですと重くなりますし、小さい画像ですと上手く繋ぎ目が分からないように作らないとなりません。

<body background="☆">～<body>
☆=画像ファイル名

<HTML>

<HEAD>
<TITLE>
タイトルです。
</TITLE>
</HEAD>

<body background="bk.gif">

<center>
背景に画像が <bｒ>
</center>

<body>

</HTML>

左の120*120の画像は以下のように表示されます。

タイトルです。

背景に画像が

■ 画像の作成

上下左右に並べる事を考えてパズルのように画像を作るといいでしょう。
適当に作ってみました。クリックするとウインドウが開きます。
別に正方形でいけないという訳では無く、想像力です。

Click	Click	Click	Click
Click	Click	Click	Click

■ 背景画像を固定させる

<body background="☆" bgproperties="fixed">～<body>
☆=画像ファイル名

<html>
< head>
< title>背景の固定</title>
< /head>
< body background="back1.gif" bgproperties="fixed">

さくら

さくら　さくら
 
のやまも　さとも　みわたすかぎり
 
かすみか　くもか　あさひに　におう
 
さくら　さくら　はなざかり
 
さくら　さくら
 
やよいの　そらは　みわたすかぎり
 
かすみか　くもか　においぞ　いずる
 
いざや　いざや　みにゆかん

 
 
 
 

< /body>
< /html>

サンプルを別ウインドウで表示

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。