Прва ствар коју већина дизајнера узима у обзир приликом изградње своје веб странице је то за коју резолуцију треба дизајнирати. Оно што стварно значи је да одлучите колико би требало да буде ваш дизајн. Више не постоји таква ствар као стандардна ширина сајта.
Зашто размотрити резолуцију
1995. године, стандардни мониторји резолуције 640к480 су били највећи и најбољи монитори доступни. То је значило да су се веб дизајнери фокусирали на прављење страница које су изгледале добро у веб претраживачима максимизиране на монитору од 12 инча до 14 инча у тој резолуцији.
Ове дане, резолуција 640к480 чини мање од 1% већине промета на веб сајту. Људи користе рачунаре са много већим резолуцијама укључујући 1366к768, 1600к900 и 5120к2880. У многим случајевима, пројектовање за екран резолуције 1366к768 функционише.
Ми смо у историји веб дизајна где не морамо много бринути о резолуцији. Већина људи има велике мониторе широког екрана и не увећава прозор свог претраживача. Дакле, ако одлучите да дизајнирате страницу која није широка од 1366 пиксела, ваша страница ће вероватно изгледати у реду у већини прозора прегледача чак и на великим монитори са већим резолуцијама.
Ширина прегледача
Пре него што почнете да размишљате "океј, направићу своје странице широким 1366 пиксела", има још ове приче. Један често се занемарује када се одлучује о ширини веб странице колико су ваши клијенти задржали своје прегледаче. Конкретно, да ли максимизирају своје прегледаче у пуној величини или да ли их држе мање од целог екрана?
У једном неформалном истраживању сарадника који су сви користили стандардни лаптоп са 1024к768 резолуцијом компаније, два су чувала све своје апликације максимално. Остали су имали различите величине прозора који су отворени из различитих разлога. Ово илуструје да ако дизајнирате интранет ове компаније на ширини од 1024 пиксела, 85 одсто корисника би морало да се помера хоризонтално да види целу страницу.
Након што пријавите кориснике који максимизирају или не, размислите о границама прегледача. Сваки веб претраживач има траку за помицање и границе са стране који смањују расположиви простор од 800 до око 740 пиксела или мање на резолуцијама од 800к600 и око 980 пиксела на максимизираним прозорима на резолуцији 1024к768. Ово се зове претраживач "хром" и може се одузети од корисног простора за дизајн ваше странице.
Фиксне или Ликуид Видтх Пагес
Стварна нумеричка ширина није једина ствар о којој треба размишљати приликом дизајнирања ширине ваше веб странице. Такође морате да одлучите да ли ћете имати фиксну ширину или ширину течности . Другим речима, да ли ћете подесити ширину на одређени број (фиксни) или проценат (течност)?
Фиксна ширина
Странице са фиксном ширином су баш као што звуку. Ширина је фиксирана на одређеном броју и не мења се без обзира колико је велики или мали претраживач. Ово може бити добро ако вам треба дизајн да изгледа потпуно исто без обзира на то колико су широки или сужи ваши читачи читача, али овај метод не узима у обзир ваше читаоце. Људи са претраживачима који су ужи у односу на ваш дизајн морају се померати хоризонтално, а људи са широким претраживачима ће имати велике количине празног простора на екрану.
Да бисте створили странице фиксне ширине, једноставно користите специфичне бројеве пиксела за ширину разделака страница.
Ликуид Видтх
Странице ширине текућине (понекад зване флексибилне странице ширине) варирају у зависности од тога колико је прозор прегледача широк. Ово вам омогућава да дизајнирате странице које се више фокусирају на ваше купце. Проблем са страницама ширине текућине је то што је тешко читати. Ако је дужина скенирања линије текста дуже од 10 до 12 речи или краће од 4 до 5 речи, може бити тешко читати. То значи да читаоци са великим или малим прозорима прегледача имају проблема.
Да бисте креирали флексибилне странице ширине, једноставно користите проценте или емс за ширину страница ваших страница. Такође би требало да се упознате са својством ЦСС мак-ширине. Ова својина вам омогућава да поставите ширину у процентима, али онда ограничите тако да се не постаје тако велико да људи то не могу прочитати.
А побједник је: ЦСС Медиа Куериес
Најбоље рјешење ових дана је кориштење ЦСС медијских упита и одговарајући дизајн за креирање странице која се прилагођава ширини читача који га гледа. Одговарајући веб дизајн користи исти садржај како би креирао веб страницу која ради без обзира на то да ли је гледате на 5120 пиксела или широку 320 пиксела. Странице различитих величина изгледају другачије, али оне садрже исти садржај. Са медијским упитом у ЦСС3, сваки пријемни уређај одговара на упит с његовом величином, а стилски стил се прилагођава одређеној величини.