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