Як змінити колір тла

Як змінити колір тла

Якщо виникає необхідність змінити дизайн сайту, то дуже ймовірно, що доведеться змінювати колір фону сторінок, адже це фундамент, що об 'єднує всі елементи оформлення. Розглянемо - як зробити це з мінімальними зусиллями.

Інструкція

1. Колір тла сторінок вашого сайта може бути встановлений у декілька способів. Один з них визначає значення кольору засобами HTML (HyperText Markup Language - "мова розмітки гіпертексту"). У html-коді кожної сторінки є блок, який починається з тегу < body > і закінчується </body > - у ньому, власне, є опис вмісту сторінки. У вікні відкриття цього блоку < body > можна вказати колір тла сторінки. Робиться це розміщенням в ньому атрибута bgcolor. Наприклад, так:< body bgcolor = "Blue" > Тут встановлено синій колір тла цієї сторінки. У HTML-мові передбачено деяку кількість кольорів, що вказуються за назвами - можна, наприклад, атрибуту bgcolor встановити колір DarkViolet або Gold. Але набагато частіше використовують шістнадцяткові коди кольорів. Тоді цей же тег буде записаний так:< body bgcolor = "" # 0000FF "" > To є, щоб змінити колір тла сторінки, заданий цим способом, вам треба відкрити код сторінки, знайти в ньому тег body і виправити значення атрибута bgcolor. Якщо ви маєте у своєму розпорядженні файл цієї сторінки, то зробити це можна звичайним текстовим редактором - Блокнотом. Якщо ж використовуєте якусь систему керування сайтом, то можете це робити прямо в онлайн-редакторі сторінок панелі адміністрування вашого сайту.


2. Однак керування кольором тла документів засобами HTML зараз застосовується не часто. Набагато ймовірніше, що на вашому сайті для цього використовується CSS (Cascading Style Sheets - "каскадні таблиці стилів"). CSS - це мова, спеціально призначена для опису вигляду документа, на відміну від HTML, для якої це лише одне з другорядних завдань. Блоки CSS можуть бути повністю включені в код сторінки, а можуть міститися в окремому файлі з розширенням, наприклад, styles.css. У другому випадку в коді сторінки буде посилання на зовнішній файл, яке може виглядати так:<style type=""text/css"" media=""all"">@import ""styles.css""; </style > A у першому випадку між тегами < style type = "" text/css "" media = "" all "" > "і </style > буде описано стиль документа. І в ньому, вам теж треба буде знайти ту частину опису стилів, яка відноситься до основного тіла документа - body. Але в CSS це буде називатися не "тегом" а "селектором", і виглядати повинно, наприклад, так:body { background-color: Blue; text-align: center; color: White;} Тут нас цікавить параметр background-color - він визначає колір тла сторінки. У наведеному зразку вказано синій колір тла. І в SCC для визначення кольору дійсні ті ж правила, що в HTML - є деяка кількість іменованих відтінків кольорів (наприклад, FloralWhite), але краще користуватися шістнадцятковими значеннями. Наприклад, FloralWhite в шістнадцятковому написанні буде виглядати як # FFFAF0.Іногда колір фону задається в перемикачі background:body { background: Blue; text-align: center; color: White;} Або так:body { background: Blue url(img/image.jpg) no-repeat; text-align: center; color: White;} B останньому зразку крім кольору, вказано відображати в тлі сторінки і картинку image.jpg з теки img. Тобто, щоб змінити колір тла сторінки, заданий за допомогою CSS, вам треба:А - відкрити код сторінки, знайти в ньому тег style і визначити чи знаходиться опис стилів сторінки в окремому файлі або він викладений прямо тут. Якщо в окремому файлі - треба відкрити його. Б - в коді SCC потрібно знайти перемикач body, а в ньому параметр background або background-color і поміняти значення кольору на потрібне вам. Як і HTML-код, код CSS можна редагувати в звичайному блокноті або онлайн-редакторі сторінок панелі адміністрування сайту.