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