Internet foydalanuvchilari turli xil ekran o'lchamlari bilan turli xil monitorlardan foydalanadilar. Shuning uchun veb-ishlab chiquvchilar uchun vazifalardan biri bu har qanday o'lchamdagi monitorlarda to'g'ri ko'rsatilishi uchun sayt yaratish va optimallashtirish zarurati.
Ko'rsatmalar
1-qadam
O'zingizning veb-saytingizni eng past o'lchamdagi - 800 * 600 piksel bilan loyihalashtiring va belgilangan tartibdan foydalaning. Ammo bu yondashuv bilan bitta kamchilik bor - keng ekranli monitorlarga ega foydalanuvchilar uchun saytingizni ko'rishda ekranda keng maydonlar paydo bo'ladi.
2-qadam
Suyuqlik tartibidan foydalaning. Bunday holda, sahifalar gorizontal ravishda o'sha monitorlarda kengaytiriladi, ularning o'lchamlari ishlab chiqishda ishlatilganidan yuqori. Ammo bu yondashuv juda ko'p matnli ma'lumotlarga va minimal miqdordagi grafikalarga ega saytlarni yaratishda yaxshi qo'llaniladi. Buning sababi shundaki, rasmlar yoki uchinchi tomon komponentlari kabi ba'zi bir elementlar turli xil monitorlarda o'lchamlarini o'zgartirganda buziladi.
3-qadam
Eng to'g'ri, lekin ayni paytda va amalga oshirish nuqtai nazaridan murakkabroq - bu moslashuvchan maketdan foydalanish. Bu kauchuk maketning yanada murakkab versiyasidir, bu dastur kodidan foydalanganda ustunlar sonini ma'lumot bilan o'zgartirishga imkon beradi.
4-qadam
Ammo saytni rivojlantirish uchun qanday tartib tanlansa, uning tartibini 1024 * 768 pikselli ekran o'lchamlari bilan bajaring. Bu eng keng tarqalgan qaror.
5-qadam
Shuningdek, saytni boshqa piksellar soniga ega monitorlarda to'g'ri ko'rsatish uchun ba'zi qoidalarga amal qiling. O'tkazishni oldini olish uchun sahifaning asosiy tarkibini bitta ekranda saqlashga harakat qiling. Matn ma'lumotlarini ekranning butun kengligi bo'ylab "tarqalmasligi" uchun tor ustunga joylashtiring. Hamma narsa mutanosib bo'lishi uchun sahifalarning umumiy dizaynini kuzatib boring.
6-qadam
Dizayningizni loyihalashda sahifaning kengligi va balandligi miqdorini emas, foizini hisoblang. Keyin sahifa an'anaviy monitorlarda ham, keng ekranli monitorlarda ham mutanosib ravishda o'zgartiriladi.
