Вибираючи колір фону або зображення для приміщення на нього, керуйтеся в першу чергу читаністю тексту. Фон повинен бути контрастним, іншими словами, символи повинні чітко виділятися на ньому. Якщо ви вирішили зробити фон графічним, обов`язково переконайтеся в тому, що ви є автором зображення або маєте право на його використання на підставі договору (наприклад, вільної ліцензії).

Знайдіть в HTML-исходнике сторінки тег . Щоб зробити фон однотонним і кольоровим, додайте в нього змінну bkcolor з аргументом у вигляді коду кольору. Після цього конструкція буде виглядати наступним чином:

Якщо ж ви бажаєте помістити на фон зображення, перш за все, зменшіть його розмір таким чином, щоб воно мало як горизонтальне, так і вертикальне дозвіл менше 320 включно. Збережіть його в новий файл, щоб не зіпсувати оригінал. Використовуйте формат JPG, PNG або GIF. Переконайтеся, що обсяг файлу не перевищує 100 кілобайт - так він буде завантажуватися швидше. Врахуйте, що мобільні браузери можуть все одно відображати замість нього однотонний фон.

Використовуючи веб-інтерфейс або програмний FTP-клієнт, помістіть файл із зображенням в ту з папок сервера, де розташований редагований вами HTML-файл.

Замість змінної bkcolor додайте в тег змінну background з аргументом у вигляді імені файлу із зображенням. Тепер він буде виглядати так: , де fon.jpg - ім`я файлу. Зрозуміло, якщо він має інший формат, необхідно відповідно змінити його розширення в тезі.

Завантажте на сервер оновлений варіант HTML-файлу. Відкрийте його в браузері. Переконайтеся, що фон відображається правильно. Якщо на ньому знаходиться зображення, воно буде повторюватися як по горизонталі, так і по вертикалі, заповнюючи весь простір сторінки. Перевірте, наскільки добре читається текст на новому тлі в різних браузерах. При необхідності використовуйте інший колір або графічний файл.

Відкрийте вихідний код того блоку, який використовується на вашому сайті для завдання фону його сторінок. При використанні будь-якої системи управління цей блок, як правило, виділяється в окремий файл. Сама система управління має інструменти для його редагування безпосередньо в браузері. Залежно від конкретної системи ця процедура може бути організована по-різному - наприклад, через редактор сторінок. Якщо ви не використовуєте системи управління, то відповідний файл треба завантажити до себе в комп`ютер і відкрити в будь-якому редакторі. Краще використовувати спеціалізований HTML-редактор, але можна користуватися і найпростішим Блокнотом.

Додайте в тег body атрибут bgcolor із зазначенням колірного відтінку, якщо фоном сторінки повинен бути колір, а не картинка. наприклад:

Тут вказано темно-оранжевий колір як фон. Чи не будь-яке текстове ("мнемонічне") Назву відтінку браузер в змозі розпізнати, тому краще використовувати шістнадцятковий код кольору. Наприклад, темно-помаранчевого кольору відповідає код FF8C00:

Використовуйте атрибут background замість bgcolor в тезі body, якщо фон повинен бути заданий зображенням, а не кольором. Наприклад, якщо файл з фоновим зображенням називається bgPic.jpg і лежить на сервері в папці images, то тег body може бути записаний так:

Помістіть в заголовну частину вихідного коду опис стилів, якщо хочете ставити фон сторінки з використанням мови CSS. Наприклад, опис стилів на мові CSS, що заміняє зазначений в тезі body темно-оранжевий колір як фон, може виглядати так:

А задати фонову картинку можна таким описом стилів:

Тут крім посилання на картинку вказано і фоновий колір (# FF8C00) - якщо на сторінці будуть місця, не закриті фоновим зображенням, то вони будуть пофарбовані в зазначений тут колірний відтінок. Параметр repeat-y задає повторення фонового зображення по вертикалі (вздовж осі Y). Якщо повторювати зображення потрібно по горизонталі, то слід використовувати значення repeat-x, а для заборони повторення малюнка - no-repeat. Помістити опис стилів можна перед тегом, що закриває заголовну частину HTML-коду.

Збережіть зроблені зміни в редакторі сторінок, або збережіть і завантажте скачаний файл назад на сервер, якщо редагування коду вироблялося в файлі на вашому комп`ютері.