Як встановити фон на сайт
Відео: Вивчення CSS / CSS3 | # 6 - Як вказати задній фон картинкою CSS
Дизайн будь-якого сайту базується на фонових малюнках і колірних гамах, як будинок на фундаменті. Якщо у вас є бажання замінити типовий фундамент свого інтернет-ресурсу на щось більш індивідуальне, то почати слід з розробки дизайну. А коли він готовий - залишиться чисто технічна частина, тобто заміна заданого в вихідному коді сторінок старого оформлення фону сайту на нове. Реалізувати це на практиці можна декількома способами.

Спочатку слід з`ясувати, яким із способів заданий фон в чинній версії сайту. Для цього відкрийте HTML-код сторінки. Можна зробити це простим текстовим редактором, скачавши попередньо файл з сервера. А можна скористатися редактором сторінок системи управління сайтом, якщо ви таку використовуєте. Редактор сторінок не вимагає скачування файлу, а змінює його прямо на сервері, використовуючи браузер в якості інтерфейса.HTML-код (HyperText Markup Language - «мова розмітки гіпертексту») сторінки, відкритої вами, складається з рядків-інструкцій для браузера. У них описані типи, оформлення зовнішнього вигляду і розташування кожного з елементів веб-сторінки. Ці інструкції прийнято називати «тегами». Порядок проходження самих тегів в коді сторінки теж підпорядковується правилам мови HTML - вони розбиті на блоки, першим з яких обов`язково повинен бути заголовки блок, що починається з тега і завершується
. За ним повинен слідувати блок, який вас зараз цікавить більше - тіло документа. Він обмежений тегами і . У відкриває тег цього блоку () Можна поміщати інформацію про фон сторінки. Таку інформацію всередині тегів називають «атрибутами». Атрибут тега body, який задає колір фону позначається як bgcolor і в коді може виглядати так:Тут заданий сріблястий колір фону для сторінки. Деякі з квітів браузер може впізнавати за назвами, але щоб не помилитися, краще вказувати їх шістнадцяткові коди. Виглядати цей варіант з сріблястим кольором в шістнадцятковому вираженні буде так:Отже, вам потрібно в коді сторінки знайти тег, що починається з
2
Фон в поточному оформленні вашого сайту може бути заданий не кольором, а картинкою. Відповідний атрибут тега body називається background, і виглядати в коді може так:Тут в якості фону задана картинка bg.jpg з папки img вашого сервера. Якщо такий атрибут присутній, замініть ім`я файлу картинки на ім`я нової картинки, не забувши завантажити її на сервер.Еслі ви хочете замінити картинку на колір, замініть атрибут background атрибутом bgcolor, який ми описали вище.
3
При описі зовнішнього вигляду сторінок з відносно складним дизайном використовують «каскадні таблиці стилів» - CSS (Cascading Style Sheets). Блоки коду CSS можуть бути включені безпосередньо в код сторінки або міститися в зовнішньому файлі з розширенням "css". Вам треба в головній частині коду сторінки (між тегами і
) Пошукати тег опису стилю, що починається з Тут наведено посилання на файл стилів з ім`ям style.css. Зазначений файл вам потрібно відкрити для редагування. А якщо посилання немає, а після відкриваючого тега
Корисна порада
З`ясувати значення шістнадцятирічного коду потрібного вам відтінку кольору можна за допомогою програм ColorImpact і Ruler або скориставшись онлайн конвертерами квітів.
Поділися в соціальних мережах:
Схожі
Як змінити посилання
Як змінити колір фону
Як змінити фон сайту
Як встановити інформер на свій сайт
Як встановити на сайті лічильник відвідувань
Як зробити, щоб сторінка відкрилася в новому вікні
Як поставити банер
Як зробити напис посиланням
Як викласти файл на свій сайт
Як перенести сайт на wordpress
Як помістити посилання
Як подивитися індексацію сайту
Як редагувати html код
Як зробити картинку фоном для сайту
Як створювати сайт в блокноті
Як зробити курсор для сайту
Як розмістити посилання на файл
Як вставити флеш-банер
Як помістити форму
Як розмістити флеш на своєму сайті
Як вставити флеш на сторінку
Як створювати сайт в блокноті
Як встановити на сайті лічильник відвідувань
Як змінити посилання
Як зробити курсор для сайту
Як вставити фрейм