Интернет пайдаланушылары әртүрлі экрандық ажыратымдылыққа ие түрлі мониторларды пайдаланады. Сондықтан веб-әзірлеушілердің алдында тұрған міндеттердің бірі - кез-келген ажыратымдылықпен мониторларда дұрыс көрсетілуі үшін сайт құру және оңтайландыру.
Нұсқаулық
1-қадам
Веб-сайтыңызды ең төменгі қолданыстағы ажыратымдылықпен жасаңыз - 800 * 600 пиксель және бекітілген орналасуды қолданыңыз. Бірақ бұл тәсілмен бір кемшілік бар - кең экранды мониторлары бар пайдаланушылар үшін сіздің сайтыңызды қарау кезінде экранда кең өрістер пайда болады.
2-қадам
Сұйықтықтың орналасуын қолданыңыз. Бұл жағдайда парақтар көлденеңінен сол мониторларға созылады, олардың ажыратымдылығы өңдеу кезінде қолданылғаннан гөрі жоғары болады. Бірақ бұл тәсіл мәтіндік ақпараты көп және графиканың минималды мөлшері бар сайттар құрған кезде жақсы қолданылады. Себебі суреттер немесе үшінші тарап компоненттері сияқты кейбір элементтер әртүрлі мониторларда өлшемін өзгерту кезінде бұрмаланатын болады.
3-қадам
Ең дұрыс, бірақ сонымен бірге және іске асыру тұрғысынан күрделі - бұл адаптивті орналасуды қолдану. Бұл бағдарлама кодын пайдалану кезінде бағандар санын ақпаратпен өзгертуге мүмкіндік беретін резеңке макеттің күрделі нұсқасы.
4-қадам
Сайтты дамыту үшін қандай макет таңдалса да, оның орналасуын 1024 * 768 пиксель экранның ажыратымдылығымен жасаңыз. Бұл ең кең таралған шешім.
5-қадам
Сондай-ақ, басқа ажыратымдылықтағы мониторларда сайтты дұрыс көрсету үшін кейбір ережелерді орындаңыз. Жылжуды болдырмау үшін парақтың негізгі мазмұнын бір экранда ұстауға тырысыңыз. Мәтіндік ақпаратты экранның бүкіл еніне «жайылмайтындай» етіп тар бағанға орналастырыңыз. Барлығы пропорционалды болатындай етіп парақтардың жалпы дизайнын қадағалаңыз.
6-қадам
Сіздің дизайныңызды жасағанда, парақтың ені мен биіктігінің мөлшерін емес, пайызын есептеңіз. Содан кейін парақтың өлшемі әдеттегі мониторларда да, кең экранды мониторларда да пропорционалды түрде өзгертіледі.
