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