Ən çox dizaynerlərin veb səhifəsini qurarkən düşündükləri ilk şey, nə üçün həlledici qətnamədir . Bu, həqiqətən, sizin dizaynınızın nə qədər geniş olacağına dair qərar verməkdir. Standart veb genişliyi kimi artıq bir şey yoxdur.
Niyə qərar qəbul edir?
1995-ci ildə standart 640x480 çözünürlüklü monitörler, mövcud olan ən böyük və ən yaxşı monitor idi. Bu, veb-dizaynerlərin 12 düymlükdən 14 düymlük ekrana maksimum dərəcədə baxdıqları veb-brauzerlərdə yaxşı görünən səhifələr yaratmağı nəzərdə tutdu.
Bu günlərdə, 640x480 çözünürlük ən çox sayda veb-trafikin yüzdə 1-dən azını təşkil edir. İnsanlar 1366x768, 1600x900 və 5120x2880, o cümlədən daha yüksək qətnamə olan kompüterlərdən istifadə edirlər. Bir çox hallarda 1366x768 çözünürlük ekranı hazırlayır.
Biz qətiyyətlə çox narahat olmadığı veb dizayn tarixində bir nöqtəyə gəlirik. Çoxları böyük, geniş ekran monitorları var və onların brauzer pəncərəsini maksimum dərəcədə artırmırlar. Beləliklə, 1366 pikseldən çox olmayan bir səhifə hazırlamağa qərar verdiyiniz təqdirdə, səhifəniz daha çox brauzer pəncərələrində hətta daha yüksək qətnamə olan böyük monitorlarda da gözəl görünür.
Tarayıcı genişliyi
Düşünmədən əvvəl "tamam, səhifələrimi 1366 piksel genişləndirəcəyəm", bu hekayə daha çoxdur. Bir web səhifəsinin genişliyini həll edərkən müştərilərinizin brauzerlərini nə qədər böyük tutduqları bir məsələdir. Xüsusən, tam ekran ölçüsündə brauzerləri maksimum dərəcədə artırır və ya tam ekrandan daha kiçik saxlayırlarmı?
Bir şirkət standart 1024x768 çözünürlüklü laptop istifadə edən əməkdaşların bir qeyri-rəsmi sorğuda, ikisi də bütün tətbiqlərini maksimum dərəcədə saxladılar. Qalan müxtəlif səbəblərdən fərqli ölçülü pəncərələr açıldı. Bu, 1024 piksel genişlikdə bu şirkətin intranetini hazırlayırsınızsa, istifadəçilərin 85 faizi bütün səhifəni görmək üçün üfüqi gedin.
Maksimuma endirən və ya etməyən müştərilər üçün hesabdan sonra, brauzerinizin sərhədləri barədə düşünün. Hər bir veb brauzerin mövcud sahəsi 800 ilə 740 piksel arasında və ya daha az 800x600 çözünürlükte ve 1024x768 çözünürlükte maksimize edilmiş pencerelerde 980 piksel ətrafında küçültüleyecek olan kenarlara bir kaydırma çubuğu ve sınırları vardır. Bu brauzer "xrom" adlanır və səhifə dizaynınız üçün istifadə olunan yerdən uzaqlaşa bilər.
Sabit və ya maye genişlikli səhifələr
Faktiki sayısal genişlik, veb saytınızın genişliyini layihələndirərkən düşünmək lazım olan tək şey deyil. Sabit eni və ya maye genişliyinə sahib olmağınız barədə qərar verməlisiniz . Başqa sözlə, genişliyi müəyyən bir nömrə (sabit) və ya yüzdə (sıvı) müəyyən edəcəksiniz?
Sabit Genişlik
Sabit genişlik səhifələr tam olaraq səslənirlər. Genişlik xüsusi bir nömrə ilə müəyyən edilir və brauzerin nə qədər böyük və ya kiçik olmasından asılı olmayaraq dəyişmir. Sizin oxucunuzun brauzerlərinizin nə qədər geniş və ya dar olmasından asılı olmayaraq, sizin dizaynınıza ehtiyacınız varsa, bu yaxşı ola bilər, lakin bu metod sizin oxucularınızı nəzərə almır. Dizaynınızdan daha dar olan brauzerləri olan insanlar üfüqi gedin və geniş brauzerlər olan insanlar ekranda böyük miqdarda boş yerə sahib olacaqlar.
Sabit genişlikli səhifələr yaratmaq üçün, səhifənin bölmələrinin genişliklərinə xüsusi pixel nömrələrini istifadə edin.
Maye genişliyi
Maye genişlik pages (bəzən elastik genişlik pages adlanır) brauzer pəncərəsinin genişliyinə görə genişliklə dəyişir. Bu, müştərilərinizə daha çox diqqət göstərən səhifələr yaratmağa imkan verir. Likit genişlikli səhifələrlə problem oxumaq çətin ola bilər. Bir mətn xəttinin tarama uzunluğu 10-12 sözdən uzunsa və ya 4-5 sözündən azsa, oxumaq çətin ola bilər. Bu, böyük və ya kiçik brauzer pəncərələri olan oxucuların narahatlığına səbəb olur.
Çevik genişlikli səhifələr yaratmaq üçün, səhifə bölmələrinizin genişliklərinə görə faiz və ya ems istifadə edin. CSS-də maksimum genişlikli əmlakla tanış olmalısınız. Bu xüsusiyyət, genişlikləri yüzlərlə təyin etməyə imkan verir, lakin sonra onu oxumaq mümkün olmayacaq qədər genişləməyin.
Və qazanan: CSS Media Sorguları
Ən yaxşı həll bu gün CSS brauzerinin genişliyini tənzimləyən bir səhifə yaratmaq üçün CSS sorgularını və cavab dizaynını istifadə etməkdir. Həssas bir web dizaynı 5120 piksel genişlikdə və ya 320 piksel genişlikdə baxdığınız bir veb səhifəni yaratmaq üçün eyni məzmundan istifadə edir. Müxtəlif ölçülü səhifələr fərqli görünür, lakin eyni məzmunu ehtiva edir. CSS3-də media sorgusu ilə, hər qəbul edən qurğu sorguyu öz ölçüsü ilə cavablandırır və stil həmin ölçüyə düzəldilir.