トップページ  > ウェブ制作チュートリアル  > 背景に使用する画像の用意
第9章 背景画像を指定する

★背景に使用する画像の用意

背景に使用する画像の用意

広告

ウェブページ全体の背景に使用する画像ファイルを用意します。 以下の画像を、サンプルサイトのウェブページ全体の背景にタイル状に繰り返して使用することにします。

画像ファイル:bg_body.png

こちらのページより、サンプルサイトのファイルをダウンロードすることができます。 ダウンロードしたサンプルの中にある画像ファイル bg_body.png をコピーして、imagesフォルダの中に入れてください。

画像ファイルをimagesフォルダにまとめるのは、画像ファイルがあちこちに散在してしまって、どのファイルがどこにあるのか分かりにくくなるのを防ぐためです。

ファイル名の付け方

背景画像に利用する画像ファイルは、bg_body.pngというファイル名にしました。 これは、body部分で使用する背景画像なので、分かりやすいようにこの名前しましたが、それ以上の理由はありません。

ウェブページに使用するHTMLファイル・CSSファイル・画像ファイルの名前の付け方については、特に決まりはありません。 自分なりのルール付けでファイル名を決めていけば良いでしょう。

ファイル名は最終的にインターネット上のURLになるので、半角英数で短く分かりやすい名前にしておくことをお勧めします。

まとめ
  1. 背景画像は、タイル状に繰り返す指定にできる(繰り返さない指定にもできる)
  2. 背景に使用する画像ファイルは、繰り返しパターンの最小単位で作成すると軽くなる
  3. 画像ファイルをひとつのフォルダにまとめるとファイル管理がしやすい
<前へ 目次へ 次へ>
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ