Садржај
Мобилни телефони, таблични рачунари и рачунарски монитори имају различите употребе, кориснике и димензије које остављају питање о томе која је најбоља величина распореда за одређену локацију одређена потребама примарних корисника тог сајта. Ако је сајт намијењен за гледање од стране стандардних корисника на широком екрану са резолуцијом од 1680к1040 пиксела, величина странице мора бити направљена тако да стане на главни екран прегледача. Ако је сајт намењен за употребу на мобилним уређајима, требало би га направити за много мањи екран.
Статички изглед ВС течности
Прво разматрање је да ли локација захтева димензију дефинисану у пикселима. Користећи проценте, можете креирати "флуидни" распоред, који динамички мења величину подручја, у зависности од величине прозора претраживача. Када се користи у комбинацији са текстом, изглед течности може бити најбољи избор при креирању сајта за стандардну резолуцију екрана, као и за мобилне прегледнике. Флуидни распореди се постижу коришћењем "видтх = 100%" у ЦСС декларацији садржаја, уместо "видтх = 960к", на пример.
Филтрирање стандардних величина екрана
Да бисте креирали "фиксне" или флуидне изгледе, ширина див-ова, омотача или табела са главним садржајем требало би да стане у прозор корисника претраживача, узимајући у обзир и траку за померање и траку са алаткама. Такође треба да размислите о томе да радите за већину. Више од 80% претраживача данас користи резолуцију екрана од преко 1024к768 пиксела. То значи да то можете да урадите за 1680к1024 пиксела, али је добра идеја да се пројектујете до средине. Ширина од 960 или 980 пиксела су две поуздане мере које се користе за удобно приказивање садржаја у претраживачу који користи свако ко користи резолуцију 1024к768 или већу. Систем се добро уклапа и на мобилне уређаје који могу приказивати читаве локације. Ако је сувише збијено, 1080 је следећа најбоља ширина. Запамтите висину стандардног претраживача у било којој резолуцији да бисте држали најважније информације изнад "фолд" -а или тачке, где је померање потребно.
Мобиле Сцреенс
Ако желите да ваш сајт изгледа добро на различитим мобилним уређајима, морат ћете то учинити посебно за уређај или створити посебан стил који користе мобилни претраживачи за приказивање "мобилне" верзије веб-локације. Резолуција 240к320 је тренутни стандард за већину паметних телефона и интернет уређаја, као што је иПхоне. Добра идеја је да користите "течне" проценте или распореде, јер многи уређаји подржавају и портретне и пејзажне режиме. ако креирате Веб локацију која је постављена на ширину од 320 пиксела, може се појавити одсечена за корисника тако што ћете јој приступити у портретном режиму.
Златна решетка
Можда је најбољи систем за одређивање димензија распореда преко мреже. Решетке израчунавају савршено уравнотежене регионе унутар задате ширине да би се обезбедио осећај како да се скале елементи унутар главног распореда или области садржаја. Ови елементи укључују промотивне кутије, шипке, огласни простор или параграфе. На пример, распоред који користи укупну ширину од 1080 пиксела и подељен коришћењем златне мреже би оставио лево поље за постове на блогу ширине 739 пиксела и десну траку ширине 780 пиксела. од 10 пиксела. Крајњи резултат је савршено усклађен и уравнотежен распоред. Можете експериментисати са неколико различитих мрежа тако што ћете посетити систем генератора мрежа (види Ресоурцес).