Решавање проблема у веб дизајну

Кораци које треба предузети када имате проблем дизајна

Ако сте икада направили веб страницу, вероватно сте открили да ствари не иде увек како је планирано. Да бисте постали веб дизајнер, морате се смирити са отклањањем проблема са сајтовима које градите.

Понекад схватање шта није у реду са вашим Веб дизајном може бити врло фрустрирајуће, али ако сте систематски у својој анализи, често можете пронаћи разлог за проблем и поправити га брже. Ево неколико савета које можете користити да би се то десило.

Потврдите свој ХТМЛ

Када имам проблем са мојом Веб страницом, прва ствар коју урадим је валидација ХТМЛ-а. Постоји много разлога за валидацију ХТМЛ-а, али када имате проблем који би требао бити прва ствар коју урадите. Већ има много људи који аутоматски потврђују сваку страницу. Али чак и ако сте у навици, добра је идеја да проверите ваљаност ХТМЛ-а када имате проблем. То ће осигурати да то није једноставна грешка, као грешком о ХТМЛ елементу или својству, што узрокује ваш проблем.

Потврдите ваш ЦСС

Следеће највероватније место где ћете имати проблема је са вашим ЦСС-ом . Провера вашег ЦСС-а служи истој функцији као потврђивање вашег ХТМЛ-а. Ако постоје грешке, то ће осигурати да је ваш ЦСС исправан и да то није узрок ваших проблема.

Потврдите ваше ЈаваСцрипт или друге динамичке елементе

Као и код ХТМЛ-а и ЦСС-а, ако ваша страница користи ЈаваСцрипт, ПХП, ЈСП или неке друге динамичке елементе, морате се уверити да су и они важећи.

Тест у више претраживача

Можда је проблем који приметите резултат Веб претраживача у којем га прегледујете. Ако се проблем јавља у сваком прегледачу који можете тестирати, то вам говори о томе шта треба да урадите да бисте га поправили. На пример, ако знате да се проблем дешава само у одређеном претраживачу, можете да копирате дубље у зашто само тај један претраживач може изазвати проблем док су други добро.

Поједноставите страницу

Ако валидација ХТМЛ-а и ЦСС-а не помогне, онда бисте требали сузити страницу како бисте пронашли проблем. Најлакши начин да то учините је да обришете или "коментаришете" делове странице све док све остало не буде део са проблемом. Такође треба да смањите ЦСС на сличан начин.

Идеја о поједностављивању није да ћете оставити страницу само фиксним елементом, већ да ћете одредити шта узрокује проблем, а затим га поправите.

Издужите, а затим Додајте Назад

Када сте смањили проблематичну област на вашој веб локацији, почните одузимати елементе ван дизајна док се проблем не угаси. На пример, ако сте сужили проблем на одређени <див> и ЦСС који га стилизира, почните уклањањем једне линије ЦСС-а истовремено.

Тест после сваког уклањања. Ако оно што сте уклонили исправља или потпуно уклања проблем, онда знате шта треба поправити.

Једном када знате тачно шта узрокује проблем почиње да га вратите назад са ставкама промењеним. Обавезно тестирајте после сваке промене. Када радите на веб дизајну, изненађује колико често мале ствари могу направити разлику. Међутим, ако не тестирате како се страница бави сваком промјеном, чак и наизглед мањим, можда нећете утврдити гдје је проблем.

Прво се бави дизајном за стандарде који су у складу са стандардима

Најчешћи проблеми са којима се суочавају веб дизајнери се врти око добијања страница које изгледају исто у већини претраживача. Иако смо разговарали о томе да може бити веома тешко, ако не и немогуће, да веб странице буду исте у свим претраживачима, и даље је циљ већине дизајнера. Дакле, требало би да почнете тако што ћете најпре дизајнирати најбоље претраживаче, што укључује оне који су усклађени са стандардима. Када их обавите, можете се играти са другим претраживачима како би их радили, укључујући и старије прегледаче који могу и даље бити релевантни за публику вашег сајта.

Држите свој код једноставан

Када пронађете и поправите своје проблеме, морате остати будни да их касније не би опет исечили. Најлакши начин да избегнете проблеме је да ваш ХТМЛ и ЦСС буду што једноставнији. Имајте на уму да не кажем да би требало избјећи радити нешто попут стварања заобљених углова једноставно зато што је ХТМЛ или ЦСС компликовано. Само да избегавате да радите сложене ствари када се једноставно решење представља.

Узми неку помоћ

Вриједност некога ко вам може помоћи у дебугу проблема на локацији не може се прецијенити. Ако сте неко време гледали на исти код, постаје лако пропустити једноставну грешку. Добијање још једног ока на том коду често је најбоља ствар коју можете учинити за то.

Исправио / ла Јереми Гирард дана 2/3/17