Фонът в изходния код на уеб страниците, в зависимост от използвания дизайн, може да бъде зададен или чрез задаване на цвят, или чрез свързване към файл с изображение с добавяне на неговите параметри за позициониране. Това може да се направи директно в HTML тагове, в отделен CSS блок в заглавната част на източника или в отделен файл с описания на стилове.
Инструкции
Етап 1
Отворете изходния код на блока, който се използва на вашия сайт, за да зададете фона на неговите страници. Когато се използва която и да е система за управление, този блок по правило се разпределя в отделен файл. Самата контролна система разполага с инструменти за редактирането й директно в браузъра. В зависимост от конкретната система, тази процедура може да бъде организирана по различни начини - например чрез редактора на страници. Ако не използвате системи за управление, съответният файл трябва да бъде изтеглен на вашия компютър и отворен във всеки редактор. По-добре е да използвате специализиран HTML редактор, но можете да използвате и най-простия Notepad.
Стъпка 2
Добавете атрибут bgcolor към маркера на тялото, посочвайки цветовия нюанс, ако фонът на страницата трябва да е цветен, а не картина. Например:
Тук има тъмно оранжев цвят като фон. Не всяко текстово („мнемонично“) име на сянката може да бъде разпознато от браузъра, така че е по-добре да използвате шестнадесетичен цветен код. Например кодът FF8C00 съответства на тъмно оранжев цвят:
Стъпка 3
Използвайте атрибута background вместо bgcolor в маркера на тялото, ако фонът трябва да бъде зададен от изображение, а не от цвят. Например, ако файлът с фоново изображение се нарича bgPic
Стъпка 4
Поставете описание на стила в заглавката на изходния код, ако искате да зададете фона на страницата с помощта на CSS. Например описание на CSS стил, което замества тъмно оранжевия цвят, посочен в маркера на тялото като фон, може да изглежда така:
тяло {background-color: DarkOrange;}
И можете да зададете фоново изображение със следното описание на стила:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Тук в допълнение към връзката към картината е посочен и цветът на фона (# FF8C00) - ако на страницата има места, които не са покрити от фоновото изображение, те ще бъдат боядисани в цветовия нюанс, посочен тук. Параметърът repeat-y указва повторението на фоновото изображение вертикално (по оста Y). Ако трябва да повторите изображението хоризонтално, тогава трябва да използвате стойността repeat-x, а за да забраните повторението на шаблона - no-repeat. Можете да поставите описания на стилове преди маркера, който затваря заглавната част на HTML кода.
Стъпка 5
Запазете направените промени в редактора на страницата или запазете и качете изтегления файл обратно на сървъра, ако кодът е бил редактиран във файл на вашия компютър.
