Как сделать фоном сайта картинку

Визуальное восприятие сайта – очень важный фактор рекламы. Оригинальный фон обеспечит узнаваемость ресурсу. Для этого можно использовать любое изображение. Сделать это можно уже на начальном уровне – средствами разметки гипертекста. Однако более простым и универсальным путем является использование таблицы стилей.

Фон сайта задается определенным свойством. К нему указывают определенное число характеристик, которые задают положение, связь фона с содержимым, его прозрачность, цвет и т.п. Вначале потребуется найти картинку для использования в качестве фоновой. Затем содержащий ее файл следует сохранить на сервере в определенной папке. Это адрес фоновой картинки и путь к нему. Затем указывают последовательно все характеристики свойства «фон». При этом в строке вначале записывают название характеристики, а после двоеточия – значение. Между записями ставятся точка с запятой.

Вначале требуется определить местоположение картинки. По умолчанию – положение в верхнем углу слева. Если нужно ее поместить в центре, потребуется задать соответствующий параметр. Следует продумать размер изображения. Можно использовать картинку в качестве орнамента, тогда указывают необходимость повторения и оси координат. Если изображение будет единичным, соответственно, в характеристике указывают «не повторять». Чтобы картинка занимала все окно, размер требуется указать в виде «100%». Также указываются требуемый цвет, прозрачность фонового рисунка. Если не задать значение характеристики специально, то оно выбирается нормативным, заданным по умолчанию.

Теперь следует поместить в контейнер содержание документа, для отображения которого разрабатывается фоновая картинка. То есть текст указывают в обрамлении открывающего и закрывающего тегов контейнера. После чего для него задают стиль перечислением всех ранее определенных характеристик. Если использовать сокращенный способ записи, то не требуется повторять название свойства, а только через пробел указать его значение. Открыв документ в редакторе гипертекста, составленный код копируют в требуемое место.

Процедура на уровне таблицы стилей будет проще. Для этого в файле стилей записывают новый с указанными свойствами под выбранным для него названием. Теперь, открыв статью в редакторе гипертекста, добавляют после элемента контейнера указание класса, а через знак равенства – его название. Таким образом, фоном документа станет картинка.