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

Стъпки, които да предприемете, когато имате проблем с дизайна

Ако някога сте създали уебсайт, вероятно сте открили, че нещата не винаги вървят по план. Да бъдеш уеб дизайнер означава, че трябва да се чувстваш комфортно с отстранени от проблемите проблеми със създадените от вас сайтове.

Понякога можете да разберете какво не е наред с вашия уеб дизайн може да бъде много разочароващо, но ако сте систематични за вашия анализ, често можете да намерите причината за проблема и да го поправите по-бързо. Ето някои съвети, които можете да използвате, за да направите това.

Потвърдете Вашия HTML код

Когато имам проблем с моята уеб страница, първото нещо, което правя е валидиране на HTML. Има много причини да валидирате HTML, но когато имате проблем, който трябва да бъде първото, което правите. Вече има много хора, които автоматично потвърждават всяка страница. Но дори и ако имате навика, е добре да проверите валидността на вашия HTML, когато имате проблем. Това ще гарантира, че това не е проста грешка, като грешен HTML елемент или собственост, което причинява вашия проблем.

Потвърдете вашето CSS

Следващият най-вероятно място, където ще имате проблеми, е с вашия CSS . Валидирането на CSS ви служи със същата функция като валидирането на вашия HTML код. Ако има грешки, това ще гарантира, че вашият CSS е правилен и това не е причината за вашите проблеми.

Потвърдете JavaScript или други динамични елементи

Както при HTML и CSS, ако страницата ви използва JavaScript, PHP, JSP или други динамични елементи, трябва да сте сигурни, че те са валидни.

Тест в няколко браузъра

Възможно е проблемът, който виждате, да е резултат от уеб браузъра, в който го преглеждате. Ако проблемът възниква във всеки браузър, който можете да тествате, това ви разказва какво трябва да направите, за да го коригирате. Например, ако знаете, че проблемът се случва само в определен браузър, можете да се вмъкнете по-дълбоко в това, защо само един браузър може да причини проблем, докато други са добре.

Опростете страницата

Ако валидирането на HTML и CSS не помогне, трябва да стесните страницата, за да откриете проблема. Най-лесният начин да направите това е да изтриете или "коментирате" части от страницата, докато всичко останало е частта с проблема. Трябва също така да намалите CSS по подобен начин.

Идеята зад опростяването не е, че ще оставите страницата само с фиксирания елемент, а ще определите какво причинява проблема и след това го коригирайте.

Извадете и след това Добави обратно

След като сте ограничили проблемната област на сайта си, започнете да изваждате елементи от дизайна, докато проблемът не изчезне. Например, ако сте ограничили проблема до конкретен

и CSS, който го оформя, започнете с премахването на един ред CSS в даден момент.

Тествайте след всяко премахване. Ако това, което премахнахте, поправи или напълно премахне проблема, тогава знаете какво трябва да коригирате.

След като разберете точно какво причинява проблема, започнете да го добавяте обратно с променени елементи. Не забравяйте да проверите след всяка промяна. Когато правите уеб дизайн, е изненадващо колко често малките неща могат да имат значение. Но ако не тествате как страницата се грижи за всяка промяна, дори привидно малка, може да не определите къде е проблемът.

Проектиране на браузъри, отговарящи на стандартите, на първо място

Най-често срещаните проблеми, с които се сблъскват уеб дизайнерите, се отнасят до получаване на страници, които изглеждат еднакви в повечето браузъри. Докато сме обсъждали, че може да бъде много трудно, ако не и невъзможно, да получите уеб страници, които да изглеждат еднакви във всички браузъри, все още е цел на повечето дизайнери. Затова първо трябва да започнете проектирането на най-добрите браузъри, което включва тези, които отговарят на стандартите. След като ги работите, можете да играете с другите браузъри, за да ги накарате да работят, включително по-стари браузъри, които все още могат да бъдат подходящи за аудиторията на сайта Ви.

Дръжте кода си прост

След като откриете и коригирате проблемите си, трябва да останете бдителни, за да не ги накарате отново да се режат. Най-лесният начин да избегнете проблеми е да запазите HTML и CSS възможно най-прости. Имайте предвид, че не казвам, че трябва да избягвате да правите нещо като създаване на заоблени ъгли, просто защото HTML или CSS са сложни. Само че трябва да избягвате да правите сложни неща, когато се представи по-просто решение.

Получете известна помощ

Стойността на някой, който може да ви помогне да отстраните проблема със сайта, не може да бъде преувеличена. Ако сте гледали един и същи код за известно време, става лесно да пропуснете лесна грешка. Получаването на друг набор от очи върху този код често е най-доброто нещо, което можете да направите за него.

Редактиран от Jeremy Girard на 2/3/17