პრინციპი "მისალმება სამოსით" მართალია არა მხოლოდ ხალხისთვის, არამედ საიტებისთვისაც. საიტის კაბა მისი დიზაინია. და ეს დიზაინი განსაზღვრავს შთაბეჭდილებას, რომელიც მნახველს აქვს რესურსის დათვალიერების პირველ რამდენიმე წამში. ეს შთაბეჭდილება განსაკუთრებით მნიშვნელოვანია, რადგან ის განსაზღვრავს მის მომავალ ქცევას. დიზაინის პირველი ელემენტი, რომელსაც ხედავს ყველა მომხმარებელი, რომელიც ეწვევა საიტს, არის მისი "სათაური". ქუდი არის ვებ რესურსის სახე. ამიტომ, ყველა ახალბედა ვებდიზაინერს სურს, უპირველეს ყოვლისა, ისწავლოს საიტების სათაურების გაკეთება.
აუცილებელია
- - ინტერნეტზე წვდომა;
- - თანამედროვე ბრაუზერი;
- - რასტრული გრაფიკის რედაქტორი (GIMP, Photoshop);
- - სურვილისამებრ: ვექტორული გრაფიკის რედაქტორი (CorelDraw);
- - სურვილისამებრ: 3D მოდელირების გარემო (ბლენდერი, 3DStudio);
- - სურვილისამებრ: ფურცელი, ფანქარი ან კალამი.
ინსტრუქციები
Ნაბიჯი 1
შეიმუშავეთ საიტის მომავალი სათაურის კონცეფცია. იდეალურ შემთხვევაში, კონცეფცია უნდა ემყარებოდეს თავდაპირველ იდეას. როდესაც იდეები არ არსებობს, შთაგონების მოპოვება შესაძლებელია არსებული კარგი გადაწყვეტილებების ანალიზით. ასახეთ შემოქმედებითი კვლევის შედეგი ესკიზის სახით ფურცელზე. ესკიზი უნდა ასახავდეს საიტის მომავალი სათაურის სტრუქტურას "რეზინის" ადგილების და სურათებით სავსე ადგილების მითითებით. ამ ეტაპზე კარგი იდეაა დაფიქრდეთ სათაურის დიზაინის სავარაუდო ფერის სქემაზე.
ნაბიჯი 2
აირჩიეთ სათაურის ზომა. სინამდვილეში, ღირს მკაფიოდ განვსაზღვროთ მისი მხოლოდ ერთი პარამეტრი - სიმაღლე. როგორც წესი, საიტის სათაურების სიმაღლე ფიქსირდება და ეს არ არის დამოკიდებული ლოგიკურ გარჩევაზე, რომელიც გავლენას ახდენს შრიფტების ჩვენების პარამეტრებზე. სხვა სიტყვებით რომ ვთქვათ, თქვენ უნდა აირჩიოთ სათაურის სიმაღლის მნიშვნელობა პიქსელებში. ამ შემთხვევაში აზრი აქვს გაითვალისწინოთ სათაურში ბანერების ან კონტექსტუალური რეკლამების ბლოკების განთავსების შესაძლებლობა. სიგანესთან დაკავშირებით უნდა განსაზღვროთ მინიმალური მნიშვნელობა, გამოყოთ მინიმუმ ერთი "რეზინის" არე, რომელიც საშუალებას აძლევს სათაურს მოერგოს სხვადასხვა ზომის ვებ – გვერდი.
ნაბიჯი 3
გრაფიკული რედაქტორის ჰედერის შაბლონის შექმნა. ახალ დოკუმენტში დაამატეთ გამჭვირვალე ფენა, რომელსაც გადაიტანთ ესკიზს შერჩეული გეომეტრიული პარამეტრების შესაბამისად. ფენის სიმაღლე უნდა ემთხვეოდეს სათაურის სიმაღლეს. სიგანე შეიძლება მივიღოთ როგორც თვითნებური, მაგრამ უფრო მცირე, ვიდრე მინიმალური ზომა, ტოვებს ადგილს ჰორიზონტალური "რეზინის" არეებისთვის. "შაბლონში დანიშნეთ ფიქსირებული და ცვლადი ზომის ზონები, ზონები, რომლებიც უნდა შეივსოს სტატიკური სურათებით, ფონის სურათებით.
ნაბიჯი 4
მოძებნეთ ან შექმენით სტატიკური სურათები თქვენს სათაურის შაბლონში განთავსებისთვის. ლოგო და რამდენიმე უნიკალური ელემენტი შეიძლება შეიქმნას ვექტორული რედაქტორის ან 3D მოდელირების გარემოში. საკმაოდ მარტივია თემატური სურათების პოვნა ინტერნეტში უფასო ფოტობანკებზე.
ნაბიჯი 5
ჩასვით ფონის, ლოგოსა და სტატიკური სურათები საიტის სათაურის შაბლონში გრაფიკული რედაქტორი. დაამატეთ ფონი და თითოეული სურათი ცალკე გამჭვირვალე ფენაში. დაალაგეთ ფენები საუკეთესო გზით. სურათების ფენებად გადაადგილებით მიაღწიეთ მათ სრულყოფილ განლაგებას, რომელიც შეესაბამება ადრე შექმნილ შაბლონს.
ნაბიჯი 6
შეინახეთ სათაურის სურათი. შეინახეთ სამუშაო პროექტი გრაფიკული რედაქტორის მშობლიურ ფორმატში. შემდეგ შეინახეთ გაბრტყელებული სათაურის სურათი უდანაკარგო ფორმატში (მაგალითად, PNG).
ნაბიჯი 7
საჭიროების შემთხვევაში შექმენით HTML სათაურის შაბლონი. გახსენით გაბრტყელებული სურათი რედაქტორში. ამოჭერით სურათები, რომლებიც შეესაბამება ფიქსირებული ზომის უბნებს. "რეზინის" არეების შესაბამისი ადგილებიდან ამოჭრა სურათები 1 პიქსელის სიგანეზე. შეინახეთ ყველა სურათი დისკზე. HTML სათაურის განლაგება შენახული სურათების გამოყენებით.