|
上手に壁紙を使いましょう
ページが表示され際、画像よりもテキストの方が先に表示されます。当然、この「画像」には「壁紙」も含まれるのですが、そのことが生かされてないサイトをたまに目にします。
例えば、青系の壁紙を使って下のようなページを作ったとしましょう。
|
Cool and Cool
Cool and Cool
ようこそ、クールアンドナッツへ。
|
このページではわざとボディタグの背景色の指定をしていません。これをサーバーにアップすると、実際に表示されるページは、壁紙が表示されるまでの間、このような感じになります。
|
Cool and Cool
Cool and Cool
ようこそ、クールアンドナッツへ。
|
つまり、壁紙が表示されるまで、背景はグレーで表示されるのです(見る人のパソコンの設定によってはグレー以外の色になることがあります)。この例はまだ文字数が少ないので、そうでもないのですが、これが1ページ丸ごとだと、壁紙が表示されるまでの間、目がチカチカするページになる恐れがあります。これを避けるには、ページに壁紙を使った場合、そのページの背景色は壁紙の色に似た色をきちんと設定しておけばいいのです。
たとえばこの場合、青系の壁紙を使っているという想定なので、背景色にも青系の色を設定しておきます。そうすれば、壁紙が表示されていない段階でも、
|
Cool and Cool
ようこそ、クールアンドナッツへ。
|
このように問題なくきちっと読めるようになります。なお、壁紙の色をボディタグで指定するには、画像の色を読みとってカラーコードを表示してくれるRGBエステというソフトを利用すると楽です。
また、壁紙が表示されてない状態で見にくいページがあり、「きっと壁紙が表示されたら見やすいんだろうなぁ」、と待っていると、もっと見にくくなる二段オチのようなサイトもたまにあります。もちろん、それでも我慢して読んでくれる訪問者もいるでしょうが、逆に、「見にくいならいいや」とブラウザを閉じてしまう訪問者もいます。読み手に優しいホームページを作りたいものですね。
|