საკუთარი ვებსაიტის შექმნისას, ბუნებრივია, გინდა, რომ ის მაქსიმალურად მიმზიდველად გამოჩნდეს, მიუხედავად მომხმარებლის ბრაუზერის ვერსიისა. კერძოდ, ისე, რომ ფონის სურათი გადაჭიმული იყოს და მორგებული იყოს კომპიუტერის მონიტორის რეზოლუციაზე.
Ეს აუცილებელია
html, css, java- სკრიპტთან მუშაობის უნარები
ინსტრუქციები
Ნაბიჯი 1
გახსენით თქვენი საიტის კოდი ნებისმიერ რედაქტორში, მაგალითად, ჩასაწერი წიგნის წიგნაკი ან ვებდიზაინის სპეციალური პროგრამა Dreamweaver. შემდეგი ხაზების ჩასმა კოდში, საიტის ფონის გასაშლელად. ფონის დამატება: url ("ჩადეთ სურათის ბმული").
ნაბიჯი 2
სურათის ჰორიზონტალურად გასადიდებლად გამოიყენეთ შემდეგი კოდი: ფონი: url ("სურათის ბმული ჩადეთ" განმეორებით-x), ვერტიკალურად - კოდის ბოლოს, x შეცვალეთ y- ით. თუ საიტი css ფაილშია მოთავსებული, ჩასვით კოდი მასში. ამ გზით თქვენ შეძლებთ თქვენს საიტზე რეზინის ფონის განთავსებას.
ნაბიჯი 3
გამოიყენეთ შემდეგი კოდის მაგალითი, რათა განათავსოთ ფონის სურათი გვერდზე და ავტომატურად გაჭიმოთ, რათა შეესაბამებოდეს მონიტორის რეზოლუციას, რომელზეც გვერდი იხილავს გვერდზე. მაგალითის კოდი: body {background: "ჩასვით ბმული ფონის სურათზე" () განმეორებით განმეორებითი ფიქსირებული მარცხენა ცენტრი; შემდეგ ფონის ზომა: […]
ნაბიჯი 4
ფონის სურათის გასაგრძელებლად, ჩადეთ სურათი ფონის სახით და დააყენეთ მისი სიგანე 100% -ზე. მაგალითად, გვერდის კოდში ჩადეთ შემდეგი ტექსტი: ფონის სურათი "alt =" შეიყვანეთ სურათის სახელი "/>. ამრიგად, ის გამოყენებული იქნება სურათის სიგანეზე მორგებისთვის, მაგრამ დარღვეულია მისი პროპორციები.
ნაბიჯი 5
ანალოგიურად, თქვენ შეგიძლიათ დააყენოთ გამოსახულების სიმაღლე, რომ გამოიყენოთ სიგრძე ატრიბუტის ნაცვლად. ან css- ისთვის გამოიყენეთ შემდეგი კოდის მაგალითი: საიტის ფონის სურათი) "> და მას შემდეგ დაამატეთ გამოსახულების 100% სიგანე, როგორც წინა მაგალითში. ასევე შეგიძლიათ გამოიყენოთ სკრიპტი მომხმარებლის ეკრანის გარჩევადობის გასარკვევად და ზომის შესწორებისთვის თქვენი მაგიდა ამისთვის.
