გასულ საუკუნეში, ვებ – გვერდების განლაგება რამდენიმე პროფესიონალის სამფლობელო იყო. ტექნოლოგიურმა მიღწევებმა მნიშვნელოვნად გაამარტივა ეს ამოცანა. ახლა ინტერნეტის ნებისმიერ მომხმარებელს შეუძლია შეადგინოს ვებსაიტი.
Ეს აუცილებელია
- - პროგრამული პაკეტი ვებ – გვერდების განლაგებისათვის;
- - რასტრული გრაფიკული რედაქტორი დიზაინის ელემენტების შესაქმნელად.
ინსტრუქციები
Ნაბიჯი 1
შეადგინეთ იმ ელემენტების ჩამონათვალი, რომლებიც საიტზე განთავსდება. ეს შეიძლება იყოს ისეთი კომპონენტები, როგორიცაა სანავიგაციო მენიუ, ძიების ფორმა, სარეკლამო ან საინფორმაციო ბანერი, მეგობრების სია. პროექტის სახელი, როგორც წესი, მითითებულია გვერდის ზედა ნაწილში, შეიძლება იქ იყოს ჰორიზონტალური სანავიგაციო მენიუ. ცენტრალური ნაწილი ენიჭება საიტის მთავარ შინაარსს. გვერდის ბოლოში, როგორც წესი, განთავსებულია დასწრების მრიცხველები, საკონტაქტო ინფორმაცია უკუკავშირისთვის.
ნაბიჯი 2
შექმენით ვებგვერდის განლაგება გრაფიკულ რედაქტორში. აქ მთავარი ამოცანაა ელემენტების გარეგნობის, მათი ფარდობითი მდგომარეობის დადგენა. არ გამოიყენოთ ძალიან ნათელი ფერები. ნეიტრალური ფერის პალიტრა საუკეთესოდ აღიქმება. გამოიყენეთ თანმიმდევრული სტილი ბლოკებისთვის. შეეცადეთ მაქსიმალურად მოსახერხებელი იყოს დიზაინი. მოერიდეთ ელემენტებს, რომელთა განხორციელება რთულია HTML და CSS– ში.
ნაბიჯი 3
შეინახეთ გვერდის განლაგება bitmap ფორმატში, ხარისხის დაკარგვის გარეშე. განსაზღვრეთ სტილის ელემენტები, რომლებიც უნდა იქნას გამოყენებული HTML– ის გამოყენებით. ეს შეიძლება იყოს მენიუები, ბმულები, ცხრილები, ძიების ფორმები. ამოიღეთ დანარჩენი ელემენტები განლაგებიდან და შეინახეთ ისინი ცალკეულ ფაილებში. შექმენით ორი ტექსტური დოკუმენტი თქვენს მყარ დისკზე. შეცვალეთ რომელიმე მათგანის გაფართოება.htm– ით. იგი შეიცავს კოდს, რომელიც პასუხისმგებელია ელემენტების ფარდობით პოზიციაზე. მეორე ფაილი შეიცავს სტილის ფურცლებს.
ნაბიჯი 4
გახსენით პირველი ფაილი HTML რედაქტორში. განათავსეთ გვერდის დიზაინის ელემენტები, რომლებიც ადრე შენახულია bitmap ფაილებში. შექმენით ტექსტური ბმულები, ცხრილები და სხვა ელემენტები, რომელთა გაწევა HTML- ით არის საჭირო. ელემენტების ატრიბუტები, როგორიცაა ფერი, შრიფტის ზომა, საზღვრების არსებობა, წერენ CSS ფაილში. თუ გვერდის ელემენტების გაცოცხლება გჭირდებათ, გამოიყენეთ JavaScript.
