დამწყებთათვის ვებ – გვერდის შექმნის უმარტივესი გზაა სტანდარტული შაბლონის გამოყენება. რესურსის უნიკალურობის მიღწევა შესაძლებელია სტანდარტული დიზაინის მრავალი კოსმეტიკური და ორგანიზაციული ცვლილების გზით.
აუცილებელია
- - საიტის შაბლონი;
- - Photoshop პროგრამა;
- - FireBug ბრაუზერის გაფართოება;
- - ჩასაწერი ++ რედაქტორი.
ინსტრუქციები
Ნაბიჯი 1
ინტერნეტში იპოვნეთ ვებსაიტის შაბლონი თქვენთვის შესაფერისი. შეისწავლეთ შემოთავაზებული შაბლონები, ყურადღება მიაქციეთ მათ ადაპტაციას მონიტორის ზომაზე, სვეტების და მენიუების განლაგების სპეციფიკაზე. ჩამოტვირთეთ არჩეული ვარიანტი. შეამოწმეთ მისი მოქმედება, ფაილების ატვირთვით, საიტის ფესვზე. თუ შაბლონი შეიცავს შეცდომებს, რომლებიც გამოჩნდება ნაწარმოებში, უმჯობესია იპოვოთ სხვა ვარიანტი.
ნაბიჯი 2
შეცვალეთ სურათების უმეტესობა შაბლონში. შეცვალეთ თითოეული სურათი შემდეგნაირად. დაიწყეთ Photoshop და გახსენით მასში შაბლონის გრაფიკული ფაილი. სურათის პარამეტრების სანახავად იხილეთ "მენიუში" "ზომა" სვეტში. გახსენით ახალი ფურცელი იგივე ზომებით და შექმენით მასზე თქვენთვის საჭირო სურათი. შეინახეთ შედეგი შაბლონის საქაღალდეში, შესაცვლელი გრაფიკული ფაილის სახელწოდებით. ამიტომ, აუცილებელია ყველა არსებითი სურათის ჩანაცვლება.
ნაბიჯი 3
შეცვალეთ დანარჩენი პარამეტრები კასკადური ცხრილების გამოყენებით style.css, ოფიციალური პროგრამირების ენა, რომელიც აღწერს დოკუმენტის გარეგნობას. უფრო მოსახერხებელია ასეთი ცვლილებების შეტანა ადმინისტრატორის პანელის საშუალებით და უკეთესია, რომ შედეგები ნახოთ ადგილობრივ ჰოსტინგზე, რათა არ მოხდეს სერვერზე ყოველი განახლების ატვირთვა.
ნაბიჯი 4
ჩამოტვირთეთ და დააინსტალირეთ FireBug უფასო გაფართოება თქვენი ბრაუზერისთვის. ყვითელი შეცდომით ხატი უნდა გამოჩნდეს ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში. დააჭირეთ ხატულას და დააჭირეთ F12- ს. ჩამოშლილი გვერდის კოდი გამოჩნდება ეკრანის ქვედა ნაწილში. მისი გაფართოება შესაძლებელია პლუს ნიშნების გადაფარვით. ელემენტის მწკრივზე დაწკაპუნებით ხედავთ, როგორ არის მონიშნული ის ეკრანის ზედა ნაწილში. ფანჯარაში, კოდთან ერთად, მარჯვენა ნაწილში მოცემულია სტილები, რომლებიც მიუთითებს გვერდების გამოჩენაზე პასუხისმგებელ სტრიქონებზე.
ნაბიჯი 5
გახსენით შაბლონი Notepad ++ რედაქტორში. გამოიყენეთ FireBug, რომ იპოვოთ შესაცვლელი პარამეტრები და შეცვალოთ ისინი Notepad ++ - ში.
ნაბიჯი 6
შეინახეთ შედეგი და ატვირთეთ შექმნილი საიტი სერვერზე.