საიტის სამუშაო ფონის შედარება შესაძლებელია თქვენი ოპერაციული სისტემის სამუშაო მაგიდის ფონით. ფონი (ფონი), შეგიძლიათ შექმნათ რამდენიმე ვარიაციით, რომელთა განხილვაც მოხდება ქვემოთ.
აუცილებელია
Style.css ფაილის რედაქტირება
ინსტრუქციები
Ნაბიჯი 1
მონოქრომული ფონი. უმარტივესი სახის ფონი, დიდი პლუსია გვერდის მინიმალური დატვირთვა ასეთი სურათის გამოყენებით. თუ სტილის ფაილი (style.css) არ შეიცავს ბრძანებებს, რომლებიც განსაზღვრავს ფონის ფერს, ბრაუზერი სტანდარტულად გვთავაზობს თეთრს. გამოიყენეთ ფონის ფერის ბრძანება ფერის შესაცვლელად. ამ ბრძანების გამოყენების მაგალითი: background-color: # 3366CC.
ნაბიჯი 2
კონკრეტული ფერის ასარჩევად შეგიძლიათ გამოიყენოთ სპეციალური პროგრამა, მაგალითად, გრაფიკული რედაქტორი Adobe Photoshop. თუ მასთან არასდროს უმუშავიათ, გირჩევთ გამოიყენოთ ვებ – სერვისები. ნათელი მაგალითია საძიებო სისტემა "Yandex", გადადით შემდეგ ბმულზე https://yandex.ru და შეიყვანეთ ფრაზა "ლურჯი ფერი". თქვენს წინაშე გამოჩნდება ფერების ცხრილი, რომელშიც შეგიძლიათ აირჩიოთ რომელიმე თქვენთვის სასურველი, დააკოპიროთ კოდი და ჩასვათ საიტის კოდში.
ნაბიჯი 3
ფონის ტექსტურა. ფონის ფერის გარდა, თქვენს საიტის ნებისმიერ გვერდს შეგიძლიათ დაამატოთ სურათი ან ციკლურად გამეორებადი შაბლონი (ტექსტურა). ამისათვის, ფონის ფერის შეყვანის შემდეგ, დაწერეთ background-image ბრძანება, მაგალითად, background-image: url (img / uzor.png). ფაილის გზა უნდა იყოს მითითებული ფრჩხილებში. აღსანიშნავია, რომ ტექსტურის რეზოლუცია შეიძლება დაიწყოს ყველაზე მცირე ზომისგან (16x16) და დასრულდეს სრული ზომის სურათებით საიტის გვერდების ზომისთვის (800x600 და მეტი).
ნაბიჯი 4
ფონი გრადიენტის გამოყენებით. ამ შემთხვევაში, თქვენ იყენებთ ფონის ფერს, რომელიც დაყენებულია ფონის ფერის ბრძანებით, მაგრამ ქმნის გრადიენტს. გრადიენტი შეიძლება იყოს ჰორიზონტალური (x) და ვერტიკალური (y). ყველაზე ხშირად, ჰორიზონტალური პოზიცია გამოიყენება როგორც ფონის გრადიენტი, ამიტომ გრადიენტთან წრფე ასე გამოიყურება: background-განმეორება: განმეორება-x.
