Как изменить цвет фона?

Если возникает необходимость изменить дизайн сайта, то очень вероятно, что придется менять цвет фона страниц, ведь это фундамент, объединяющий все элементы оформления. Рассмотрим - как сделать это с минимальными усилиями.

Инструкция

Цвет фона страниц вашего сайта может быть установлен несколькими способами. Один из них задает значение цвета средствами HTML (HyperText Markup Language - «язык разметки гипертекста»). В html-коде каждой страницы есть блок, который начинается с тега и заканчивается - внутри него, собственно, и находится описание содержимого страницы. В открывающем теге этого блока есть возможность указать цвет фона страницы. Делается это размещением в нем атрибута bgcolor. Например, так:Здесь задан синий цвет для фона этой страницы. В языке HTML предусмотрено некоторое количество цветов, указываемых по названиям - можно, например, атрибуту bgcolor задать цвет DarkViolet или Gold. Но гораздо чаще используют шестнадцатеричные коды цветов. Тогда этот же тег будет записан так:То есть, чтобы изменить цвет фона страницы, заданный этим способом, вам надо открыть код страницы, найти в нем тег body и исправить значение атрибута bgcolor. Если вы имеете в своем распоряжении файл этой страницы, то сделать это можно обычным текстовым редактором - Блокнотом. Если же используете какую-либо систему управления сайтом, то можете это делать прямо в онлайн-редакторе страниц панели администрирования вашего сайта.

Однако управление цветом фона документов средствами HTML сейчас применяется не часто. Гораздо вероятнее, что на вашем сайте для этого используется CSS (Cascading Style Sheets - «каскадные таблицы стилей»). CSS - это язык, специально предназначенный для описания внешнего вида документа, в отличии от HTML, для которого это лишь одна из второстепенных задач. Блоки CSS могут быть включены полностью в код страницы, а могут содержаться в отдельном файле с расширением, например, styles.css. Во втором случае в коде страницы будет ссылка на внешний файл, которая может выглядеть так:

@import "styles.css"; А в первом случае между тегами и будет описание стиля документа. И в нем, вам тоже надо будет найти ту часть описания стилей, которая относится к основному телу документа – 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;

}

В последнем образце кроме цвета, задано отображать в фоне страницы и картинку image.jpg из папки img.

То есть, чтобы изменить цвет фона страницы, заданный с использованием CSS, вам надо:

А - открыть код страницы, найти в нем тег style и определить находится ли описание стилей страницы в отдельном файле или оно изложено прямо здесь. Если в отдельном файле – надо открыть его.

Б – в коде SCC нужно найти переключатель body, а в нем параметр background или background-color и поменять значение цвета на нужное вам.

Как и HTML-код, код CSS можно редактировать в обычном блокноте или онлайн-редакторе страниц панели администрирования сайта.

Оцените статью!