ნებისმიერი საიტის დიზაინი დაფუძნებულია ფონის სურათებსა და ფერებზე, მაგალითად, სახლში საძირკველზე. თუ თქვენ გაქვთ სურვილი შეცვალოთ თქვენი ინტერნეტ რესურსის ტიპიური საფუძველი უფრო ინდივიდუალურით, მაშინ უნდა დაიწყოთ დიზაინის შემუშავება. და როდესაც ის მზად იქნება, წმინდა ტექნიკური ნაწილი დარჩება, ანუ გვერდების წყარო კოდში მითითებული საიტის ფონის ძველი დიზაინის ჩანაცვლება ახლით. ამის პრაქტიკაში განხორციელების რამდენიმე გზა არსებობს.
ინსტრუქციები
Ნაბიჯი 1
პირველ რიგში უნდა გაარკვიოთ, თუ რომელი გზით არის მითითებული ფონი საიტის ამჟამინდელ ვერსიაში. ამისათვის გახსენით გვერდის HTML კოდი. ამის გაკეთება შეგიძლიათ ტექსტის მარტივი რედაქტორის საშუალებით, წინასწარ გადმოწეროთ ფაილი სერვერიდან. ან შეგიძლიათ გამოიყენოთ შინაარსის მართვის სისტემის გვერდების რედაქტორი, თუ იყენებთ მას. გვერდის რედაქტორი არ საჭიროებს ფაილის ჩამოტვირთვას, მაგრამ შეცვლის მას პირდაპირ სერვერზე, ბრაუზერის ინტერფეისის გამოყენებით. თქვენს მიერ გახსნილი გვერდის HTML კოდი (HyperText Markup Language) შედგება ბრაუზერის ინსტრუქციის ხაზებისგან. ისინი აღწერს ვებ – გვერდის თითოეული ელემენტის ტიპებს, გარეგნობასა და ადგილმდებარეობას. ამ ინსტრუქციას ჩვეულებრივ უწოდებენ "თეგს". თეგების თანმიმდევრობა თავად გვერდის კოდში ასევე ემორჩილება HTML ენის წესებს - ისინი იყოფა ბლოკებად, რომელთაგან პირველი უნდა იყოს სათაურის ბლოკი, რომელიც იწყება თეგით და მთავრდება. მას უნდა მოჰყვეს ის ბლოკი, რომელიც ახლა უფრო მეტად გაინტერესებთ - დოკუმენტის ძირითადი ნაწილი. იგი შემოიფარგლება თეგებით და. ამ ბლოკის () გახსნის ნიშანში შეგიძლიათ განათავსოთ ინფორმაცია გვერდის ფონის შესახებ. თაგების ამგვარ ინფორმაციას "ატრიბუტებს" უწოდებენ. სხეულის ტეგის ატრიბუტი, რომელიც ადგენს ფონის ფერს, აღინიშნება როგორც bgcolor და კოდში შეიძლება ასე გამოიყურებოდეს: აქ ჩვენ დავაყენეთ ფონის ფერი ვერცხლისთვის. ბრაუზერს შეუძლია გარკვეული ფერების ამოცნობა მათი სახელების მიხედვით, მაგრამ იმისათვის, რომ არ ვცდეთ, უმჯობესია მიუთითოთ მათი თექვსმეტობითი კოდები. ვერცხლის ფერის თექვსმეტობითი გამოსახულებით ეს ვერსია ასე გამოიყურება: ამრიგად, გვერდის კოდში უნდა იპოვოთ თაგვი დაწყებული <body> და შეამოწმოთ, აქვს თუ არა მას ფონის ფერი. თუ ასეა, შეცვალეთ მასში ფერის მითითება თქვენი ახალი ვერსიით და შეინახეთ ცვლილებები გვერდზე.
ნაბიჯი 2
თქვენი საიტის ამჟამინდელი დიზაინის ფონზე შეიძლება განისაზღვროს არა ფერი, არამედ სურათი. სხეულის ტეგის შესაბამის ატრიბუტს უწოდებენ ფონს და ის შეიძლება ასე გამოიყურებოდეს კოდში: აქ, ფონზე არის bg.jpg
ნაბიჯი 3
შედარებით რთული დიზაინის გვერდების იერსახის აღწერისას გამოიყენეთ "კასკადური სტილის ფურცლები" - CSS (Cascading Style Sheets). CSS კოდის ბლოკები შეიძლება მოთავსდეს პირდაპირ გვერდის კოდში ან შეიცავდეს გარე ფაილში "css" გაფართოებით. თქვენ უნდა მოძებნოთ სტილის აღწერილობის ნიშანი, დაწყებული <style- ით, გვერდის კოდის სათაურის ნაწილში (და ტეგებს შორის). თუ იგი შეიცავს გარე ფაილის ბმულს, ის ასე გამოიყურება: @import "style.css"; აქ მოცემულია ბმული სტილის ფურცელზე, სახელად style.css. თქვენ უნდა გახსნათ მითითებული ფაილი რედაქტირებისთვის. თუ ბმული არ არის და <style tag- ის გახსნის შემდეგ არსებობს სტილის ინსტრუქციები, მათი რედაქტირება აქ გჭირდებათ. ორივე ვარიანტში, სტილის აღწერებს შორის, თქვენ უნდა მოძებნოთ დოკუმენტის (სხეულის) კორპუსთან დაკავშირებული. აღწერილობის ეს ბლოკი შეიძლება ასე გამოიყურებოდეს: body {
ფონის ფერი: ვერცხლისფერი;
ფერი შავი;
} აქ თქვენ უნდა შეცვალოთ ფონის ფერის პარამეტრის მნიშვნელობა თქვენი ახალი ფერის მნიშვნელობით და უკეთესი იგივე თექვსმეტობითი მნიშვნელობებით. ფონური სურათის ვარიანტი CSS ინსტრუქციაში ასე უნდა გამოიყურებოდეს: body {
ფონი: # C0C0C0 url (img / bg.jpg) განმეორებით-y;
ფერი შავი;
} აქ სურათზე მიბმული ბმული მსგავსია ზემოთ განხილულისა, ხოლო # C0C0C0 ბმულზე ადრე ნიშნავს, რომ გვერდის სივრცე, რომელიც არ არის დაკავებული ფონის სურათზე, ვერცხლის ფონს მიიღებს. "გამეორება-y" მიუთითებს იმაზე, რომ ფონის სურათი უნდა გამრავლდეს Y (ვერტიკალური) ღერძის გასწვრივ."გამეორება-y" შეიძლება შეიცვალოს "განმეორებით x" (ჰორიზონტალური რეპლიკაცია) ან "განმეორებითი განმეორება" (არ გაიმეორო). თუ საერთოდ არ მიუთითებთ განმეორებას, მაშინ ფონის სურათი დაიხრება გვერდის ფონის სივრცეში ყველა მიმართულებით.
