ვებსაიტი, რომელსაც აქვს ფონი, გამოიყურება უფრო ლამაზი, ვიდრე მის გარეშე. ვებ-გვერდის ჩვენების სისწორე დამოკიდებულია ფონის დამატების კომპეტენტურ მოქმედებებზე.
ინსტრუქციები
Ნაბიჯი 1
Html დოკუმენტში ფონის შესაქმნელად მარტივი გზა არის ატრიბუტის მნიშვნელობის მინიჭება სხეულის ტეგზე. ფონის ატრიბუტის მოცემული მნიშვნელობა განსაზღვრავს ფონის სურათს გვერდზე. თუ დააყენებთ bgcolor ატრიბუტის მნიშვნელობას, მაშინ გვერდი მიიღებს ფონის ფერს. სხეულის ნიშნის bgcolor ატრიბუტის ფერი შეიძლება მიეთითოს თექვსმეტობით ან მხოლოდ ერთი სიტყვით.
ნაბიჯი 2
იგივე ეფექტის მიღწევა შეგიძლიათ კასკადური CSS სტილის ფურცლების გამოყენებით. Background-color ატრიბუტის მნიშვნელობა განისაზღვრება ფონის ფერს გვერდზე, ხოლო background-image ატრიბუტის მნიშვნელობა განსაზღვრავს გვერდის ფონის სურათის გზას. ამ ინსტრუქციის გაგზავნა შესაძლებელია სხეულის ამორჩევისთვის. ამის გაკეთება შეგიძლიათ სხვაგვარად: მიუთითეთ კლასი ან იდენტიფიკატორი html თეგის სხეულის ნიშანს და მიანიჭეთ ზემოთ მოცემული ატრიბუტები კლასს ან იდენტიფიკატორი css– ით. გასათვალისწინებელია მხოლოდ ის, რომ თუ ატრიბუტები მიეკუთვნება კლასს, მაშინ ყველა ობიექტს, რომელსაც მითითებული კლასი აქვს, html დოკუმენტში ექნება ფონის ფერი.
ნაბიჯი 3
ზემოთ მითითებული ინსტრუქციების ჩაწერა შესაძლებელია html დოკუმენტის ტექსტში. ამისათვის გახსენით სტილის ნიშანი მომსახურების განყოფილებაში სათაურის ნიშანს შორის (გახსნა და დახურვა). ნებისმიერი CSS დებულება შეიძლება დაიწეროს მოცემული ტეგის გახსნასა და დახურვას შორის. გასათვალისწინებელია მხოლოდ ის, რომ ამ შემთხვევაში, გვერდის წონა გაიზრდება, რაც შეიძლება უარყოფითად იმოქმედოს მისი საბოლოო მომხმარებლისთვის ჩატვირთვაზე. აქვე უნდა აღინიშნოს, რომ ფონის სურათის დაზუსტების შემთხვევაში, ის შეიძლება განმეორდეს ჰორიზონტალურად, ვერტიკალურად ან ერთდროულად ორი ღერძის გასწვრივ. ამისათვის პასუხისმგებელია CSS– ში background-განმეორებითი ატრიბუტი. ფონის სურათის მყარი დოკირება შესაძლებელია დოკუმენტში გადახვევის ზოლის არსებობის მიუხედავად. ამ ეფექტის მისაღწევად უნდა მიუთითოთ ფონის დანართი: ფიქსირებულია.
ნაბიჯი 4
Html დოკუმენტის ფონის გაკეთება შესაძლებელია პროგრამირების ენების გამოყენებით. შეგიძლიათ დაწეროთ html ინსტრუქციები JavaScript– ის გამოყენებით. დოკუმენტი. დაწერე ენის კონსტრუქცია ამისთვის შესაფერისია. თუ იგივე რამ გამოხატულია DOM– ის საშუალებით, document.body.style.backgroundColor =”წითელი” განცხადება გახდის გვერდის ფონს წითელს. ეს იგივეა, რაც შესაბამისი ატრიბუტის პირდაპირ CSS– ში დაწერა.
ნაბიჯი 5
წინა ინსტრუქციის ჩაწერა შესაძლებელია ვებ – გვერდის კოდში, სკრიპტის წყაროს შექმნის წყაროს და დახურვის სათაურს შორის. ამასთან, ყველა ეს ინსტრუქცია შეიძლება ჩაიწეროს ცალკე ფაილში js გაფართოებით, რომელიც, შემდგომში, შეიძლება მიერთდეს გვერდზე.
