Инструкция
1
Выбирая цвет фона или изображение для помещения на него, руководствуйтесь в первую очередь читаемостью текста. Фон должен быть контрастным, иными словами, символы должны четко выделяться на нем. Если вы решили сделать фон графическим, обязательно убедитесь в том, что вы являетесь автором изображения либо имеете право на его использования на основании договора (например, свободной лицензии).
2
Найдите в HTML-исходнике страницы тег <body>. Чтобы сделать фон однотонным и цветным, добавьте в него переменную bkcolor с аргументом в виде кода цвета. После этого конструкция будет выглядеть следующим образом: <body bkcolor=rrggbb:gt;, где rr, gg и bb - шестнадцатеричные числа в диапазоне от 00 до FF. Первое из них задает интенсивность красной составляющей, второе - зеленой, а третье - синей.
3
Если же вы желаете поместить на фон изображение, прежде всего, уменьшите его размер таким образом, чтобы оно имело как горизонтальное, так и вертикальное разрешение менее 320 включительно. Сохраните его в новый файл, чтобы не испортить оригинал. Используйте формат JPG, PNG или GIF. Убедитесь, что объем файла не превышает 100 килобайт - так он будет загружаться быстрее. Учтите, что мобильные браузеры могут все равно отображать вместо него однотонный фон.
4
Используя веб-интерфейс либо программный FTP-клиент, поместите файл с изображением в ту из папок сервера, где расположен редактируемый вами HTML-файл.
5
Вместо переменной bkcolor добавьте в тег <body> переменную background с аргументом в виде имени файла с изображением. Теперь он будет выглядеть так: <body background=fon.gif>, где fon.gif - имя файла. Разумеется, если он имеет другой формат, необходимо соответственно изменить его расширение в теге.
6
Загрузите на сервер обновленный вариант HTML-файла. Откройте его в браузере. Убедитесь, что фон отображается правильно. Если на нем находится изображение, оно будет повторяться как по горизонтали, так и по вертикали, заполняя все пространство страницы. Проверьте, насколько хорошо читается текст на новом фоне в различных браузерах. При необходимости используйте другой цвет или графический файл.
Видео по теме