Цвет фона является достаточно важным элементом любой веб-страницы. Во-первых,
он задает нужное настроение и общий настрой сайта, а во-вторых, облегчает
восприятие текста.
Пример 1. Изменение цвета фона |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body bgcolor="#c0c0c0">
...
</body>
</html> |
Цвет можно указывать в шестнадцатеричном значении или по его имени.
Несмотря на то, что для фона можно указывать любой цвет, на большинстве
сайтов используются преимущественно белый фон и черные буквы, как наиболее
устоявшийся вариант.
Фоновый рисунок
В качестве фона можно использовать любое подходящее для этого изображение.
Фон не должен отвлекать внимание от текста, при этом должен хорошо сочетаться с
цветовой гаммой веб-страницы и быть маленьким по размеру, чтобы быстро
загружаться. Если после перечисленного вы все еще хотите добавить фоновый
рисунок на страницу, следует воспользоваться параметром background тега <BODY>.
Пример 2. Добавление фонового рисунка |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body background="image/samplebg.gif">
...
</body>
</html> |
Если изображение меньше размера экрана монитора, оно будет размножено по
горизонтали и вертикали.
Поскольку фоновый рисунок загружается медленнее, чем цвет фона, может
получиться, что текст не будет читаться некоторое время, пока не произойдет
загрузка рисунков. То же самое может случиться и при отключенных в браузере
рисунках. Поэтому рекомендуется всегда задавать цвет фона наряду с фоновым
рисунком (пример 3).
Пример 3. Использование фонового рисунка и цвета фона |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body bgcolor="#c0c0c0"
background="image/samplebg.gif">
...
</body>
</html>
|
Фиксированный фон
По умолчанию, при использовании полосы прокрутки, фоновый рисунок
перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет
сделать фон неподвижным с помощью параметра bgproperties="fixed" тега <BODY>.
Пример 4. Задание фиксированного фона |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body bgcolor="#c0c0c0"
background="image/samplebg.gif" bgproperties="fixed">
...
</body>
</html> |
При указании параметра bgproperties, как показано
в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а
текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки.