HTML, Excel, Word, SEOСайт от А до Я ⇒ Фон страницы

Практические примеры

Примеры веб-программирования
· Интернет-платежи
· Авторизация клиентской оплаты
· Защита от уязвимости sql-injection
· Как пользоваться Google Analytics
· Электронная коммерция в Google Analytics
· Использование Google Analitycs для split тестирования
Сайт от А до Я
· С чего начать
· ПО для сайта
· Домен и хостинг
· Структура сайта
· Главная страница
· Фон страницы
· Анализ главной стр
· Регистрация сайта
· Веб-графика

 
Сабмит сайта в каталоги

Фон страницы


В качестве фона страницы можно использовать как определенный цвет, так и рисунок (даже анимированный). Основное требование к фону - он не должен отвлекать внимание от содержимого страницы, при этом должен хоршо сочетаться с цветовой гаммой страницы. Если в качестве фона используется изображение, то очень желательно, чтобы оно было как можно меньше по размеру файла для быстрой загрузки.


Фон задается при помощи атрибута background, bgcolor. Самый простой вариант - это задание цвета фона, например:


bgcolor="#0000ff"
bgcolor="blue"

В обоих случаях в качестве фона задан синий цвет. В первом случае цвет указан в шестнадцатиричном коде (о чем свидетельствует значок решетки). Шестнадцатиричная система счисления использует 10 цифр и 6 первых букв латинского алфавита: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Символ 0 - соответствует максимально темному цвету, символ F - максимально светлому: #000000 - черный цвет; #FFFFFF - белый цвет. Если вы немного знакомы с телевидением, то знаете, что в кинескопах для получения цвета использовалось всего три пушки, каждая из которых давала свой цвет: красный (red), зеленый (green), синий (blue) - так называемая RGB-модель. При смешении этих трех цветов в различных пропорциях можно получить любой цвет. В шестнадцатиричном коде цвета первые две цифры определяют красную составляющую цвета, вторые две - зеленую, и последние две - синюю. Каждый из трех цветов может принимать значения от 00 до FF (всего 256 оттенков), поэтому в RGB-модели можно задать 16 777 216 цветов (256*256*256). Существуют и другие цветовые модели: CMY, CMYK, RGB, HSB, HLS, Lab,...



Во втором случае прописано название цвета, но далеко не каждый цвет имеет свое название, например стандарт CSS3 предусматривает всего 140 фиксированных названий различных цветов.


Следует упомянуть о, так называемой, безопасной палитре цветов. Дело в том, что разные мониторы (особенно старых моделей) по разному отражают один и тот же цвет, если он не принадлежит к безопасной палитре цветов. Безопасная палитра включает всего 216 цветов (32 сочетания шести оттенков красного, зеленого и синего). Если вы хотите в своей работе использовать безопасную палитру цветов, то рекомендую скачать бесплатную програму SafeColor, которая автоматически найдет для любого цвета ближайший аналог из безопасной палитры.


Для того, чтобы задать цветовой фон странице сайта надо в теге BODY прописать соответствующий атрибут с нужным значением, например:


<body bgcolor="#0000ff">
<body bgcolor="blue">

Как говорилось выше, в качестве фона страницы можно использовать изображение - фоновый рисунок. В этом случае в атрибуте background должен быть прописан путь к нужному рисунку, например:


<body background="img/pic.jpg">
<body background="img/fon.gif">

Как правило, фоновый рисунок довольно маленького размера, поэтому, в браузере на экране монитора фоновый рисунок размножается по горизонтали и вертикали, заполняя все пространство экрана. Рекомендуется использовать фоновый рисунок совместно с цветовым фоном (который должен быть подобран под фон рисунка), например:


<body bgcolor="#0000ff" background="img/pic.jpg">

Если мы в качестве фонового рисунка возьмем анимированное изображение в формате gif, то у нас получится анимированный фон.


Смотреть пример статического фона

Смотреть пример анимированного фона



В начало страницы



В начало страницы