Как да промените фона на сайта

Съдържание:

Как да промените фона на сайта
Как да промените фона на сайта

Видео: Как да промените фона на сайта

Видео: Как да промените фона на сайта
Видео: CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 2024, Може
Anonim

Ако фонът на страниците на вашия сайт се състои от една картина, която има ширината на сайта и се умножава вертикално, тогава можете да я промените само като редактирате тази снимка в графичен редактор. И ако фонът се формира в кода на страниците, те могат да бъдат променени, като се използват инструкциите по-долу.

Как да промените фона на сайта
Как да промените фона на сайта

Инструкции

Етап 1

За да промените фона, първо трябва да определите как е зададен в текущата версия на страниците на сайта. За да направите това, отворете изходния код на страницата на сървъра. Това може да се направи с обикновен текстов редактор, стандартен Notepad ще направи. И ако използвате някаква система за управление на съдържанието, тогава страницата може да се редактира директно в браузъра с помощта на вградения редактор на страницата. HTML кодът на страницата (HTML - HyperText Markup Language, "хипертекстов език за маркиране") се състои от редове с инструкции за браузъра, описващи видовете, външния вид и оформлението на всеки елемент от уеб страницата. Тези инструкции се наричат "тагове" и са групирани в блокове, единият от които започва с начален етикет и завършва с краен етикет. Според HTML стандартите, можете да зададете параметри на фона на страницата в отварящия маркер. Това става чрез поставяне на атрибута bgcolor в него: Тук цветът на фона на тази страница е настроен на зелен. Някои цветове според HTML стандартите имат свои собствени имена - например Chocolate или Gainsboro, но обикновено използват шестнадесетични цветови кодове: Ако цветът на фона е посочен по този начин, трябва да намерите маркера на тялото в кода на страницата и да замените атрибута bgcolor стойност с този, който искате.

Стъпка 2

Страниците с по-сложен дизайн често използват CSS (Cascading Style Sheets) за описание на външния вид. CSS е език, създаден специално за описание на появата на елементи в html документ. Блокове от CSS-код могат да бъдат включени в кода на страницата, да се съдържат в отделен файл с разширение "css" и да бъдат свързани към страницата със специална инструкция в изходния код на страницата. ако ще се отнася за външен файл, тогава трябва да отворите този файл за редактиране. Такава връзка може да изглежда така: @import "style.css"; И ако етикетът е последван веднага от инструкции, а не връзка към файла, тогава трябва да редактирате стиловете тук. И в двата случая трябва да потърсите частта от описанието на стила, която се отнася до тялото на документа - тяло. Но в CSS езика това вече няма да се нарича "таг", а "селектор" и може да изглежда примерно така:

тяло {

цвят на фона: зелен;

цвят: бял;

}

Трябва да замените стойността на параметъра background-color - той задава цвета на фона на страницата. И тук също е възможно да се посочат някои цветови нюанси по име, но е по-добре да се използват шестнадесетични стойности. Например шестнадесетичната стойност за сянката Chocolate = # D2691E. Възможно е да се посочи не само цветът, но и изображението за фона: body {

фон: Зелен url (img / bg.jpg) repeat-x;

цвят: бял;

} Тук url (img / bg.jpg) означава, че снимка с име bg.jpg

Препоръчано: