ინტერნეტში დიდი რაოდენობით ვებ – გვერდის შაბლონებია, მაგრამ მათ აქვთ ერთი ნაკლი - ისინი უნიკალური არ არის. თუ საიტის მფლობელს არ სურს, რომ მისი საიტის დიზაინი სხვაგან განმეორდეს, მას შეუძლია შეუკვეთოს შაბლონი პროფესიონალ დიზაინერს ან თავად შეეცადოს შექმნას იგი.
Ეს აუცილებელია
პროგრამა Adobe Photoshop
ინსტრუქციები
Ნაბიჯი 1
თქვენი საკუთარი შაბლონის შექმნა არც ისე რთული ამოცანაა, როგორც ერთი შეხედვით შეიძლება მოგეჩვენოთ. სამუშაოდ, გჭირდებათ Adobe Photoshop - რა თქმა უნდა, თქვენ უნდა გქონდეთ მასთან მუშაობის მინიმალური საბაზისო ცოდნა. სანამ პროგრამას დაიწყებთ და შექმნის დაწყებამდე, წინასწარ უნდა იფიქროთ სამომავლო დიზაინზე. ამის ყველაზე მოსახერხებელი გზაა პირველი გაეცნოთ მინიმუმ ასი მზა შაბლონს, შეაფასოთ მათი უპირატესობები და უარყოფითი მხარეები. ყურადღება მიაქციეთ დიზაინის გარკვეული ელემენტების წარმატებულ გადაწყვეტილებებს. ეს არ ნიშნავს, რომ თქვენ დააკოპირებთ მათ, მაგრამ საკმაოდ გონივრული უნდა იყოს ლამაზი და მოსახერხებელი გადაწყვეტილებების მიღება.
ნაბიჯი 2
სხვისი შაბლონების ანალიზისა და საკუთარი შემოქმედების საფუძველზე, უნდა მიიღოთ იდეა, თუ როგორ გამოიყურება თქვენი საიტი. მომავალი დიზაინის უხეში ესკიზების გაკეთება უმჯობესია ჩვეულებრივი A4 ფურცლებზე ფერადი ფანქრებით. Photoshop– ით მუშაობა მხოლოდ მას შემდეგ უნდა დაიწყოთ, რაც გააზრებული გაქვთ, თუ კონკრეტულად რას დახატავთ.
ნაბიჯი 3
დაიწყეთ Photoshop, შექმენით ახალი 1200x1600 პროექტი, დააყენეთ გამჭვირვალე ფონი. ჩართეთ Ruler ინსტრუმენტი, თუ ის ჯერ არ არის ჩართული, ამისათვის დააჭირეთ კლავიშების კომბინაციას Ctrl + R. გატეხვის ჩართვა: ხედი - გადაკვეთა.
ნაბიჯი 4
ახლა ჩვენ უნდა გავყოთ შაბლონი სახელმძღვანელოებით, რომლებიც აჩვენებს მისი ელემენტების საზღვრებს - გვერდებს, სვეტებს და ა.შ. მაგალითად, გსურთ შაბლონის გაყოფა ისე, რომ მარცხნივ ვიწრო სვეტი იყოს, შაბლონის მარჯვნივ - ფართო სვეტი, და ზედა ნაწილში სათაურისთვის ადგილი იყოს. ეს ნიშნავს, რომ გჭირდებათ სამი ვერტიკალური ხაზი (შაბლონის მარცხენა საზღვარი, მარჯვენა და მათ შორის ხაზი) და ჰორიზონტალური, რომელიც აჩვენებს სათაურის ქვედა საზღვარს. ვერტიკალური ხაზის დასაყენებლად კურსორი გადაადგილეთ მარცხენა მხარეს მარცხენა მხარეს, დააჭირეთ V- ს და ღილაკის დაჭერისას, გადაიტანეთ ხაზი სასურველ ადგილას. იგივე გააკეთე დანარჩენი ორი ვერტიკალური ხაზით. ჰორიზონტალური აშენებულია იმავე გზით, მხოლოდ ზედა მმართველი გამოიყენება.
ნაბიჯი 5
იპოვნეთ თქვენი შაბლონის ფონი, ის უნდა იყოს პატარა, განმეორებითი ნიმუში. გახსენით იგი Photoshop- ში, აირჩიეთ, დააკოპირეთ. შემდეგ ჩასვით შაბლონში იმდენჯერ, რამდენჯერაც გჭირდებათ, რომ შეავსოთ იგი ფონით. ჩასმა შესრულებულია ასე: "რედაქტირება" - "ჩასმა" და შემდეგ გადაიტანეთ ფონის არე სასურველი ადგილისკენ. სურათის ჩასმა კიდევ უფრო სწრაფია Ctrl + V ბრძანების გამოყენებით. ისევე დაამატეთ ფონი საიტის სათაურისთვის. ფონის შესაქმნელად შეგიძლიათ გამოიყენოთ სხვადასხვა გრადიენტური შევსება.
ნაბიჯი 6
ფანქრის ხელსაწყოს გამოყენებით დახაზეთ შაბლონის საზღვრები, ფოკუსირება უკვე დახატულ ხაზებზე (ანუ მათ თავზე). თქვენ მიიღეთ უმარტივესი შაბლონის საფუძველი, ახლა თქვენ უნდა შეავსოთ იგი საჭირო დეტალებით - ნავიგაციის ღილაკები, მენიუს ხაზები, დეკორატიული სხვადასხვა ელემენტები და ა.შ. დამატებითი ინფორმაციისთვის, თუ როგორ შეგიძლიათ შექმნათ ღილაკები და სხვა ელემენტები, წაიკითხეთ შესაბამისი სტატიები Adobe Photoshop- თან მუშაობის შესახებ.
ნაბიჯი 7
შაბლონი შეიქმნა, ახლა თქვენ უნდა გაჭრათ ის ნაჭრებად, რათა html გვერდზე შეიტანოთ. გამოიყენეთ ნაჭერი ინსტრუმენტი ჭრისთვის. მის საპოვნელად დააწკაპუნეთ თაგუნას მარჯვენა ღილაკით ინსტრუმენტზე ჩარჩო და გახსენით მენიუდან აირჩიეთ Cutout. ახლა თქვენ შეგიძლიათ განათავსოთ შაბლონი, როგორც გსურთ, შემდეგ შეინახოთ: "ფაილი" - "შენახვა ვებსაიტისთვის". გახსნილ ფანჯარაში აირჩიეთ ფაილის ტიპი: HTML & images, მიუთითეთ ფაილის სახელი: index.htm და შეინახეთ იგი. თქვენ გექნებათ index.htm ფაილი და სურათების საქაღალდე დაჭრილი სურათებით.
