Rezolvarea problemelor în Web Design

Pași de luat în considerare când aveți o problemă de proiectare

Dacă ați construit vreodată un site web, probabil că ați descoperit că lucrurile nu merg întotdeauna așa cum ați planificat. Pentru a fi un designer web înseamnă că trebuie să te conforți cu probleme depanate cu site-urile pe care le construiești.

Uneori, imaginarea a ceea ce este în neregulă cu designul dvs. Web poate fi foarte frustrant, dar dacă sunteți sistematic cu privire la analiza dvs., puteți găsi adesea cauza problemei și reparați-o mai repede. Iată câteva sfaturi pe care le puteți utiliza pentru a face acest lucru.

Validați codul HTML

Când am o problemă cu pagina mea Web, primul lucru pe care îl fac este validarea codului HTML. Există multe motive pentru validarea codului HTML, dar când aveți o problemă care ar trebui să fie primul lucru pe care îl faceți. Există deja mulți oameni care validează automat fiecare pagină. Dar chiar dacă sunteți în obișnuință, este o idee bună să verificați validitatea codului HTML atunci când aveți o problemă. Acest lucru vă va asigura că nu este o eroare simplă, ca un element HTML sau o proprietate greșită, care cauzează problema dvs.

Validați-vă CSS-ul

Următorul cel mai probabil loc unde veți avea probleme este cu CSS . Validarea CSS-ului dvs. are aceeasi functie ca validarea HTML. Dacă există erori, acest lucru vă va asigura că CSS este corect și că nu este cauza problemelor dvs.

Validați JavaScript sau alte elemente dinamice

La fel ca în cazul HTML și CSS dacă pagina dvs. utilizează JavaScript, PHP, JSP sau alte elemente dinamice, trebuie să vă asigurați că acestea sunt valide.

Testați în mai multe browsere

Probabil că problema pe care o vedeți este rezultatul browserului Web pe care îl vizualizați. Dacă problema apare în fiecare browser pe care îl puteți testa, care vă spune ceva despre ceea ce trebuie să faceți pentru ao remedia. De exemplu, dacă știți că problema se întâmplă numai într-un anumit browser, puteți să explorați mai adânc motivele pentru care acel browser poate cauza o problemă, în timp ce altele sunt bine.

Simplificați pagina

Dacă validarea HTML și CSS nu ajută, atunci ar trebui să restrângeți pagina pentru a găsi problema. Cea mai ușoară modalitate de a face acest lucru este de a șterge sau de a "comenta" porțiuni ale paginii până când tot ce este lăsat este partea cu problema. De asemenea, trebuie să tăiați CSS în mod similar.

Ideea din spatele simplificării nu este că veți părăsi pagina numai cu elementul fix, ci mai degrabă că veți determina ce cauzează problema și apoi o remediați.

Extrageți și apoi adăugați Back

Odată ce ați restrâns zona de problemă a site-ului dvs., începeți să scăpați elementele din proiect până când problema dispare. De exemplu, dacă ați redus problema la un anumit

și CSS-ul care îl modelează, începeți prin a elimina o linie de CSS la un moment dat.

Testați după fiecare eliminare. Dacă ceea ce ați eliminat remediază sau elimină complet problema, atunci știți ce trebuie să remediați.

Odată ce știți exact ce cauzează problema, începeți să o adăugați înapoi cu elemente modificate. Asigurați-vă că ați testat după fiecare schimbare. Când faceți Web design, este surprinzător cât de des lucrurile mici pot face diferența. Dar dacă nu testați modul în care pagina se ocupă de fiecare schimbare, chiar aparent minoră, este posibil să nu determinați unde este problema.

Design pentru browsere compatibile cu standardele

Cele mai frecvente probleme cu care se confruntă designerii Web se învârt în jurul faptului că paginile se uită la fel în majoritatea browserelor. În timp ce am discutat că poate fi foarte dificil, dacă nu imposibil, ca paginile Web să pară la fel în toate browserele, acesta este încă un scop al majorității designerilor. Deci, ar trebui să începeți prin a proiecta mai întâi cele mai bune browsere, care include și cele care respectă standardele. Odată ce le-ați lucrat, puteți să jucați cu celelalte browsere pentru a le face să funcționeze, inclusiv cu browsere mai vechi, care ar putea fi relevante pentru publicul site-ului dvs.

Păstrați-vă codul simplu

Odată ce ați găsit și rezolvat problemele dvs., ar trebui să rămâneți vigilenți pentru ai împiedica să recolteze din nou mai târziu. Cea mai ușoară modalitate de a evita problemele este să vă păstrați HTML și CSS cât mai simple posibil. Rețineți că nu spun că ar trebui să evitați să faceți ceva de genul colțurilor rotunjite, pur și simplu pentru că HTML sau CSS este complicat. Doar că trebuie să eviți să faci lucruri complexe atunci când se prezintă o soluție mai simplă.

Obțineți ajutor

Valoarea persoanei care vă poate ajuta să depanați problema site-ului nu poate fi supraevaluată. Dacă te uiți la același cod pentru o vreme, devine ușor să pierzi o greșeală ușoară. Obținerea unui alt set de ochi pe acest cod este adesea cel mai bun lucru pe care îl puteți face pentru el.

Editat de Jeremy Girard pe 2/3/17