Першае , што большасць дызайнераў ўлічваць пры стварэнні іх вэб - старонкі з'яўляецца тое , што дазвол на дызайн для. Тое, што гэта сапраўды зводзіцца да таго, вырашыць, наколькі шырокі павінен быць ваш дызайн. Там няма такога паняцця, як больш стандартнай шырыні сайта.
Чаму разгледзіць рэзалюцыю
У 1995 годзе стандартныя 640х480 маніторы дазволам былі самымі вялікімі і даступнымі лепшыя маніторы. Гэта азначае, што вэб-дызайнеры сканцэнтраваны на стварэнні старонак, якія выглядалі добра ў вэб-браўзэрах разгорнутага на 12-цалевых да 14-цалевых манітора ў гэтай рэзалюцыі.
У гэтыя дні, дазвол 640х480 складае менш за 1 працэнт ад большасці вэб-трафіку. Людзі выкарыстоўваюць кампутары з значна больш высокім дазволам, уключаючы 1366x768, 1600x900 і 5120x2880. У многіх выпадках для праектавання экранных работ дазволу 1366x768.
Мы знаходзімся ў кропцы ў гісторыі вэб-дызайну, дзе мы не павінны турбавацца аб дазволе. Большасць людзей маюць вялікія шырокаэкранныя маніторы, і яны не максімізуе акно браўзэра. Так што, калі вы вырашылі стварыць старонку, якая мае шырыню не больш за 1366 пікселяў, ваша старонка будзе, верагодна, выглядаць добра ў большасці вокнаў браўзэра нават на вялікіх маніторах з больш высокім дазволам.
браўзэр Шырыня
Перад тым, як перайсці ад мыслення "добра, я зраблю свае старонкі 1366 пікселяў у шырыню," ёсць больш да гэтай гісторыі. Адзін з часта забываюць пытанне пры прыняцці рашэння шырыню вэб-старонкі, наколькі вялікая вашы кліенты трымаць свае браўзэры. У прыватнасці, яны максымізаваць свае браўзэры на памеры поўнаэкраннага або яны трымаць іх менш, чым увесь экран?
У адным неафіцыйным апытанні супрацоўнікаў, якія ўсё выкарыстоўваюцца ў кампанію стандартных дазволаў 1024x768 ноўтбук, два захавалі ўсе свае прыкладання максімізуе. Астатнія былі рознага памеру адкрытых вокнаў па розных прычынах. Гэта паказвае, што калі вы распрацоўваеце інтрасеткі гэтай кампаніі ў шырыні 1024 пікселяў, 85 працэнтаў карыстальнікаў будуць мець для пракруткі па гарызанталі, каб убачыць усю старонку.
Пасля таго, як вы тлумачыце для кліентаў, якія максімізуе ці не робяць, думаюць аб межах браўзэра. Кожны вэб-браўзэр мае паласу пракруткі і межы па баках, якія сціскацца даступным прасторай ад 800 да прыкладна 740 пікселяў ці менш на 800х600 дазволаў і каля 980 пікселяў на разгорнутым акне ў 1024x768 дазволу. Гэта называецца браўзэрам «хром» і гэта можа заняць ад даступнай прасторы для вашага дызайну старонкі.
Нерухомыя або Liquid Шырыня старонкі
Фактычная лікавая шырыня не адзінае, што вам трэба думаць пра тое, пры праектаванні шырыні вашага сайта. Акрамя таго, неабходна вырашыць , калі вы будзеце мець фіксаваную шырыню або вадкасці шырыню . Іншымі словамі, вы збіраецеся ўсталяваць шырыню на пэўны нумар (фіксаваны) або ў працэнтах (вадкасць)?
фіксаваная шырыня
З фіксаванай шырынёй старонкі гэтак жа, як яны гучаць. Шырыня фіксуецца на вызначаны лік і не змяняецца незалежна ад таго, наколькі вялікі або маленькі браўзэр. Гэта можа быць добра, калі вам трэба дызайн, каб выглядаць сапраўды гэтак жа, незалежна ад таго, наколькі шырока або вузка браўзэраў вашых чытачоў ёсць, але гэты метад не прымае пад увагу вашых чытачоў. Людзі з браўзэрамі вузейшымі, чым ваш дызайн будуць мець для пракруткі па гарызанталі, і людзям з шырокімі браўзэрамі будуць мець вялікую колькасць пустой прасторы на экране.
Для стварэння старонак фіксаванай шырыні, проста выкарыстоўваць пэўныя лікі кропак для шырыні вашых старонак падраздзяленняў.
вадкасць Шырыня
Вадкія старонкі шырыні (часам званыя гнуткія шырыні старонкі) змяняюцца па шырыні ў залежнасці ад таго, наколькі шырокі акна браўзэра. Гэта дазваляе ствараць старонкі, якія засяроджваюцца больш на вашых кліентаў. Праблема з вадкімі шырынёй старонак з'яўляецца тое, што яны могуць быць цяжка чытаць. Калі даўжыня сканавання радкі тэксту даўжэй , чым ад 10 да 12 слоў ці карацей , чым ад 4 да 5 слов, гэта можа быць цяжка чытаць. Гэта азначае, што чытачы з вялікімі ці маленькімі вокнамі браўзэра паўсталі праблемы.
Для стварэння гнуткіх старонак шырыні, проста выкарыстоўваць працэнты або СЭМ для шырыні вашых старонак падраздзяленняў. Вы павінны таксама азнаёміцца з CSS максімальнай шырынёй уласцівасцю. Гэта ўласцівасць дазваляе задаць шырыню ў працэнтах, а затым абмежаваць яго так, што ён не атрымлівае настолькі вялікі, што людзі не могуць чытаць.
І Пераможца: CSS Media Queries
Лепшае рашэнне ў гэтыя дні выкарыстоўваць CSS запыты сродкаў масавай інфармацыі і адаптыўны дызайн, каб стварыць старонку, якая адаптуецца да шырыні браўзэра прагляду. Абачлівы вэб-дызайн выкарыстоўвае тое ж самае ўтрыманне, каб стварыць вэб-старонку, якая працуе Ці яго прагляду ў Вас на 5120 пікселяў у шырыню і 320 пікселяў у шырыню. Рознага памерам старонка выглядае па-рознаму, але яны ўтрымліваюць аднолькавае змест. Пры запыце медыя ў CSS3, кожнае прыёмнае прылада адказвае на запыт з яго памерамі, і табліца стыляў рэгулюе да гэтага канкрэтнаму памеры.