Веб-бет орналасуы екі түрлі жолмен жасалуы мүмкін:
- Бекітілген ен орналасулары - Бүкіл беттің ені нақты сандық мәнмен орнатылатын орналасулар.
- Сұйық орналасулар - бұл барлық беттердің ені көрерменнің браузері қаншалықты кең болғанына қарай икемді болатын орналасулар.
Орналасу әдістерін пайдаланудың жақсы себептері бар, бірақ әрбір әдіс бойынша салыстырмалы артықшылықтар мен кемшіліктерді түсінместен, веб-бетте қолданылатын дұрыс шешім қабылдай алмайсыз.
Бекітілген ен орналасулары
Тіркелген орналасулар - веб-дизайнер анықтаған нақты өлшемнен басталатын орналасулар. Олар браузер терезесінің өлшемін қарамастан, бұл ені қалады. Бекітілген ен орналасулары дизайнерде беттің көп жағдайда қалай көрінетініне тікелей бақылау жасауға мүмкіндік береді. Олар көбінесе дизайнерлерге баспа фоны бар, өйткені олар дизайнерге макетке бірнеше рет түзетуге мүмкіндік береді және браузерлер мен компьютерлерде дәйекті болып қалады.
Сұйық орналасулар
Сұйықтық орналасу - ағымдағы браузер терезесінің өлшемдеріне негізделген орналасулар. Терезенің өлшемімен икемделеді, тіпті егер ағымдағы көрермен сайтты қараған кезде олардың браузер өлшемін өзгертсе. Сұйық ені орналасулары кез келген веб-браузер терезесі немесе экран ажыратымдылығы қамтамасыз ететін кеңістікті өте тиімді пайдалануға мүмкіндік береді. Олар беттерді қарап жатқанына қарамастан мөлшері мен салыстырмалы бет салмағына сәйкес келмейтіндіктен, мүмкіндігінше кішкене кеңістікке жету үшін көп ақпараты бар дизайнерлерден артықшылық береді.
Stake-те қандай?
Веб- дизайныңыз үшін таңдаған әдіс сіздің дизайныңызға қарағанда көп әсер етеді. Сіз таңдайтын болсаңыз, оқырмандарыңыздың мәтінді сканерлеуге, іздегендеріңізді табуыңызға немесе кейде тіпті сайтыңызды пайдалануға мүмкіндігіңіз әсер етеді. Сондай-ақ, макет стилі брендинг, жылжымайтын мүлік қол жетімділігі және сіздің сайтыңыздың эстетикасы арқылы сіздің веб-сайтыңызды сатуға күш-жігеріңізді әсер етеді.
Бекітілген ен орналасуларының артықшылықтары
- Бекітілген ен орналасуы дизайнерге кімге қарайтынына қарамастан бірдей көрінетін беттерді жасауға мүмкіндік береді.
- Суреттер сияқты бекітілген ен элементтері кішігірім мониторларда мәтінді асыра алмайды, себебі бүкіл беттің ені сол элементтерді қамтиды.
- Веб-шолғыш қаншалықты кең болса да, сканерлеу ұзындығына мәтіннің үлкен сегменттері әсер етпейді.
Сұйық орналасулардың артықшылықтары
- Сұйықтық ені орналасуы кеңейтіледі және қол жетімді кеңістікті толтыру үшін келісім жасайды.
- Барлық қолжетімді жылжымайтын мүлік пайдаланылады, ол дизайнерге үлкен мониторларда көбірек мазмұнды көрсетуге мүмкіндік береді, бірақ әлі де кішігірім дисплейлерде сақталады.
- Сұйық орналасулар салыстырмалы ені бойынша үйлесімділікті қамтамасыз етеді, бұл беттің үлкенірек өлшемі сияқты тұтынушы белгілеген шектеулерге серпінді түрде жауап беруге мүмкіндік береді.
Тұрақты ен орналасуларына кемшіліктер
- Тіркелген ен орналасулары кіші браузер терезелерінде көлденең жылжуды тудыруы мүмкін. Көптеген адамдар көлденең айналдыруды ұнатпайды.
- Олар сондай-ақ кең мониторларда үлкен көлемді бос кеңістіктерге әкелуі мүмкін, нәтижесінде пайдаланылмаған кеңістіктің көп болуына және басқаша қажет болуы мүмкін қарағанда тікірек айналдыруға әкеледі.
- Тіркелген ен орналасулары клиенттің өзгертулерін қаріп өлшемдеріне өте жақсы қарамайды. Шрифт мөлшерін кішкене арттыру үшін олар жақсы болуы мүмкін, бірақ үлкенірек артуы үшін макет бұзылуы мүмкін.
Сұйық орналасулардың кемшіліктері
- Сұйық құрылымдар беттің әр түрлі элементтерінің енін өте аз дәл бақылауға мүмкіндік береді.
- Олар ыңғайлы сканерлеу үшін тым кең болып табылатын мәтіннің бағанына әкелуі мүмкін немесе сөздерді нақты көрсету үшін кішігірім браузерлерде кішкентай.
- Сұйық орналасуларда, мысалы, кескін сияқты тіркелген ен элементі сұйықтық бағанға орналастырылған кезде қиындықтар болуы мүмкін. Егер бағана сурет үшін жеткілікті бос орын болмаса, кейбір браузерлер дизайнердің нұсқауларын ескермей, баған енін көбейтеді, ал басқа шолғыштар дұрыс пайыздарға қол жеткізу үшін мәтін және суреттердегі қабаттасуларды тудырады.
Қорытынды
Көптеген сайттарда мүмкіндігінше кішкене кеңістікте жеткілікті ақпарат беру қажет, олар сұйық құрылыммен жақсы жұмыс істейді. Бұл кішігірім дисплейлерді қысқартпай, үлкен мониторлар қамтамасыз ететін барлық жылжымайтын мүлікті пайдалану мүмкіндігін береді.
Беттердің әр жағдайда қалай көрінетініне нақты бақылауды қажет ететін сайттар бекітілген ен орналасуын дұрыс пайдалану керек. Бұл сіздің веб-сайтыңыздың брендингі оның қандай мөлшерде бақылануына қарамастан, дәйекті және түсінікті екендігі туралы көп сенімділік береді.
Орналасуды қалау
Көп адамдар аралас көзқарасқа ие болады. Олар мәтіннің үлкен блоктары үшін сұйық макеттерді пайдалануды ұнатпайды, себебі олар мәтінді кішігірім мониторда оқуға болмайды немесе үлкен бөліктерде жарамсыз етеді. Осылайша, олар беттердің негізгі бағандарын бекітілген енін жасауға бейім, алайда олардың үстіне, төменгі колонтитулдарына және бағандарға көбірек браузерлердің мүмкіндіктерін жоғалтпастан қалған жылжымайтын мүлікті иелену үшін икемді етіп жасаңыз.
Кейбір сайттар браузердің терезе өлшемін анықтау үшін сценарийлерді пайдаланады және дисплей элементтерін сәйкесінше өзгертеді. Мысалы, мұндай торапты өте кең терезеде ашсаңыз, сол жақта сілтемелердің қосымша бағанын алуға болады, кіші мониторлар бар клиенттер көре алмайды. Сондай-ақ, жарнама айналасында мәтінді орау браузер терезесінің қаншалықты кең екеніне байланысты. Егер ол жеткілікті кең болса, сайт айналасында мәтінді орап алады, әйтпесе ол мақаланың мәтінін жарнаманың төменгі жағында көрсетеді. Көптеген сайттар осы күрделіліктің деңгейіне мұқтаж болмаса да, экранның кішірек экрандарға әсерін тигізбестен үлкенірек экрандардың артықшылығын пайдаланудың жолын көрсетеді.