ვებ – გვერდების კოდის ფონის დაყენება, გამოყენებული დიზაინის შესაბამისად, შეიძლება განისაზღვროს ან ფერის მითითებით, ან სურათის ფაილთან მიბმით მისი პოზიციონირების პარამეტრებით. ეს შეიძლება გაკეთდეს პირდაპირ HTML ტეგებში, წყაროს სათაურის ნაწილში ცალკე CSS ბლოკში, ან ცალკეულ ფაილში სტილის აღწერით.
ინსტრუქციები
Ნაბიჯი 1
გახსენით ბლოკის საწყისი კოდი, რომელიც თქვენს საიტზე გამოიყენება მისი გვერდების ფონის დასაყენებლად. ნებისმიერი კონტროლის სისტემის გამოყენებისას, ეს ბლოკი, როგორც წესი, გამოიყოფა ცალკე ფაილში. თავად კონტროლის სისტემას აქვს ინსტრუმენტები მისი რედაქტირებისთვის პირდაპირ ბრაუზერში. კონკრეტული სისტემის შესაბამისად, ამ პროცედურის ორგანიზება შესაძლებელია სხვადასხვა გზით - მაგალითად, გვერდის რედაქტორის საშუალებით. თუ არ იყენებთ მართვის სისტემებს, შესაბამისი ფაილი უნდა გადმოწეროთ თქვენს კომპიუტერში და გახსნათ ნებისმიერ რედაქტორში. უმჯობესია გამოიყენოთ სპეციალური HTML რედაქტორი, მაგრამ ასევე შეგიძლიათ გამოიყენოთ უმარტივესი ჩასაწერი წიგნი.
ნაბიჯი 2
სხეულის ნიშანს დაამატეთ bgcolor ატრიბუტი, რომელიც მიუთითებს ფერის ჩრდილში, თუ გვერდის ფონი უნდა იყოს ფერი და არა სურათი. Მაგალითად:
აქ არის მუქი ნარინჯისფერი ფერი. ჩრდილის ყველა ტექსტური ("mnemonic") სახელი არ შეიძლება ამოიცნოს ბრაუზერმა, ამიტომ უმჯობესია გამოიყენოთ თექვსმეტობითი ფერის კოდი. მაგალითად, კოდი FF8C00 შეესაბამება მუქი ნარინჯისფერ ფერს:
ნაბიჯი 3
გამოიყენეთ ფონური ატრიბუტი bgcolor- ის ნაცვლად სხეულის ტეგზე, თუ ფონს გამოსახავს გამოსახულება და არა ფერი. მაგალითად, თუ ფონური სურათის მქონე ფაილს ეწოდება bgPic
ნაბიჯი 4
განათავსეთ სტილის აღწერა თქვენი კოდის სათაურში, თუ გსურთ დააყენოთ გვერდის ფონი CSS– ის გამოყენებით. მაგალითად, CSS სტილის აღწერა, რომელიც ცვლის მუქი ნარინჯისფერ ფერს, რომელიც მითითებულია სხეულის ნიშანში, რადგან ფონი შეიძლება ასე გამოიყურებოდეს:
კორპუსი {background-color: DarkOrange;}
და თქვენ შეგიძლიათ დააყენოთ ფონის სურათი შემდეგი სტილის აღწერით:
body {background: # FF8C00 url (images / bgPic.gif) განმეორებით-y;}
აქ, სურათის ბმულის გარდა, მითითებულია ფონის ფერიც (# FF8C00) - თუ გვერდზე არის ადგილები, რომლებიც არ არის დაფარული ფონის სურათზე, ისინი მოხატულია აქ მითითებული ფერის ჩრდილში. განმეორებითი y პარამეტრი განსაზღვრავს ფონის სურათის გამეორებას ვერტიკალურად (Y ღერძის გასწვრივ). თუ სურათის ჰორიზონტალურად გამეორება გჭირდებათ, უნდა გამოიყენოთ განმეორებითი x მნიშვნელობა, ხოლო ნიმუშის გამეორების აკრძალვა - განმეორება. თქვენ შეგიძლიათ განათავსოთ სტილის აღწერები ტეგამდე, რომელიც ხურავს HTML კოდის სათაურის ნაწილს.
ნაბიჯი 5
შეინახეთ გვერდის რედაქტორში შეტანილი ცვლილებები, ან შეინახეთ და ატვირთეთ გადმოწერილი ფაილი სერვერზე, თუ კოდი თქვენს ფაილში შეიტანეს ფაილში.
