როგორ შევქმნათ ვებსაიტის შაბლონი

Სარჩევი:

როგორ შევქმნათ ვებსაიტის შაბლონი
როგორ შევქმნათ ვებსაიტის შაბლონი

ვიდეო: როგორ შევქმნათ ვებსაიტის შაბლონი

ვიდეო: როგორ შევქმნათ ვებსაიტის შაბლონი
ვიდეო: როგორ შევქმნათ საიტი. სრული გაკვეთილი 2024, ნოემბერი
Anonim

ვებსაიტის შექმნის უმარტივესი გზაა შაბლონის გამოყენება. ამასთან, რესურსის გამოსაყოფად, თქვენ უნდა შეცვალოთ სტანდარტული განლაგება. აქ თქვენ არ შეგიძლიათ გააკეთოთ html და css ელემენტარული ცოდნის გარეშე.

როგორ შევქმნათ ვებგვერდის შაბლონი
როგორ შევქმნათ ვებგვერდის შაბლონი

ინსტრუქციები

Ნაბიჯი 1

იპოვნეთ ვებგვერდის შაბლონი, რომელიც ყველაზე მეტად მოგეწონებათ ინტერნეტში. ყურადღება მიაქციეთ მის შესაძლებლობებს, მონიტორის ზომაზე ადაპტირების შესაძლებლობას, მენიუს თავისებურებებსა და სვეტების განლაგებას. ჩამოტვირთეთ თქვენთვის სასურველი ვერსია თქვენს კომპიუტერში, გახსენით არქივი. შეამოწმეთ მისი შესრულება ფაილების ატვირთვით საიტის ფესვზე. შესაძლოა, შაბლონი შეიცავს შეცდომებს და არ დაინსტალირდება სწორად, მომავალში მასთან მუშაობას აზრი აღარ ექნება.

ნაბიჯი 2

მაშინაც კი, თუ არ აპირებთ შაბლონის სრულად განახლებას, შეცვალეთ სურათების უმეტესობა და განსაკუთრებით ისინი, რომლებიც ლოგოს სახით არის განთავსებული. შეცვალეთ თითოეული სურათი ამ გზით:

- გახსენით გრაფიკული ფაილი Photoshop პროგრამაში;

- მენიუში "სურათი" - "სურათის ზომა" გადახედეთ მის პარამეტრებს;

- გახსენით ახალი ფურცელი ზუსტად იგივე ზომებით;

- სასურველი სურათის შექმნა პროგრამის საშუალებების გამოყენებით;

- გაასწორეთ ყველა ფენა და შეინახეთ (არა ვებსაიტისთვის) ახალი სურათი იმავე სახელწოდებით და იმავე საქაღალდეში, ორიგინალი ფორმატის დაყენებით.

ამრიგად, ერთი სურათის ნაცვლად, მეორე უნდა გამოჩნდეს.

ნაბიჯი 3

როგორც კი შეცვლით ყველა სურათს, შეიტანეთ საქაღალდე ფაილებთან ერთად (Joomla– ს შემთხვევაში) და ატვირთეთ საიტის ადმინისტრატორის პანელის საშუალებით, მენიუში „გაფართოებები“. შეამოწმეთ, სწორად ჩანს თუ არა თემა ახალი ილუსტრაციებით.

ნაბიჯი 4

დანარჩენი პარამეტრების შეცვლა სტილში. Css. უფრო მეტიც, ბევრად უფრო მოსახერხებელია ამის გაკეთება არა ადმინისტრატორის პანელის საშუალებით, არამედ კომპიუტერზე. გონივრულია გამოიყენოთ localhost (დენვერი), რაც შეიძლება მალე დაინახოს გარდაქმნების შედეგი. ეს თავიდან აიცილებს შედეგს ყოველ ჯერზე ატვირთვისთვის სერვერზე, შემდეგი შედეგების ნახვის მიზნით შედეგების სანახავად.

ნაბიჯი 5

ჩამოტვირთეთ უფასო FireBug მოდული Mozilla Firefox– ისთვის. ინსტალაციის შემდეგ, ბრაუზერის ზედა მარჯვენა კუთხეში გამოჩნდება ყვითელი შეცდომის ხატი. დააჭირეთ მას ან დააჭირეთ ღილაკს F12 და ეკრანის ქვედა ნაწილში, გვერდის კოდი გამოჩნდება ჩამონგრეულ ვერსიაში. მისი გახსნა შესაძლებელია მაუსის პლუს ნიშნების გადაფარვით. და თუ დააჭირეთ ელემენტის ხაზს, ის ეკრანის ზედა ნაწილში გამოიკვეთება. ფანჯრის მარჯვენა მხარეს, კოდთან ერთად, ნახავთ სტილებს, რომლებიც მიუთითებს ხაზებზე, რომლებიც პასუხისმგებელია გარეგნობაზე. და მაშინვე გაირკვევა, თუ სად უნდა შეცვალოთ სტილის ფაილი, რომ შეიცვალოს დიზაინი.

ნაბიჯი 6

ღია სტილი. Css ჩასაწერად ++. შეგიძლიათ გამოიყენოთ სხვა პროგრამები, რომლებიც შექმნილია კოდის რედაქტირებისთვის, მაგრამ ამ მიზნით არ შეგიძლიათ გამოიყენოთ სტანდარტული "ჩასაწერი წიგნი", წინააღმდეგ შემთხვევაში, დაშიფვრის გამო მოხდება შეცდომები. გამოიყენეთ FireBug, რომ იპოვოთ ის პარამეტრები, რომელთა შეცვლა გსურთ და ერთდროულად შეცვალოთ ისინი ჩასაწერი წიგნში.

ნაბიჯი 7

შეინახეთ საბოლოო css და ატვირთეთ ფაილი სერვერზე.

გირჩევთ: