Rešavanje problema u Web dizajnu

Koraci koje treba preduzeti kada imate problem dizajna

Ako ste ikada napravili web stranicu, verovatno ste otkrili da stvari ne ide uvek kako je planirano. Da budete web dizajner znaci da se trebate zadovoljiti sa otklanjanjem problema sa sajtovima koje gradite.

Ponekad shvatanje šta nije u redu s vašim Web dizajnom može biti vrlo frustrirajuće, ali ako ste sistematski u svojoj analizi, često možete pronaći razlog za problem i popraviti ga brže. Evo nekoliko saveta koje možete koristiti da bi se to desilo.

Potvrdite svoj HTML

Kada imam problem sa mojom Web stranicom, prva stvar koju uradim je validacija HTML-a. Postoji mnogo razloga za validaciju HTML-a, ali kada imate problem koji bi trebao biti prva stvar koju uradite. Već ima ljudi koji automatski potvrđuju svaku stranicu. Ali čak i ako ste u navici, dobra je ideja da proverite valjanost HTML-a kada imate problem. To će osigurati da to nije jednostavna greška, kao greškom o HTML elementu ili svojstvu, što uzrokuje vaš problem.

Potvrdite svoj CSS

Sledeće najverovatnije mesto gde ćete imati problema je sa vašim CSS-om . Validiranje vašeg CSS-a služi istoj funkciji kao i potvrđivanje vašeg HTML-a. Ako postoje greške, to će osigurati da je vaš CSS ispravan i da to nije uzrok vaših problema.

Potvrdite vaše JavaScript ili druge dinamičke elemente

Kao i kod HTML-a i CSS-a ako vaša stranica koristi JavaScript, PHP, JSP ili neke druge dinamičke elemente, morate se uveriti da su i oni važeći.

Test u više pretraživača

Možda je problem koji primetite rezultat Web pretraživača u kojem ga pregledujete. Ako se problem javlja u svakom pretraživaču koji možete testirati, to vam govori o tome šta treba da uradite da biste ga popravili. Na primjer, ako znate da se problem desio samo u određenom pretraživaču, možete kopirati dublje u zašto samo taj jedan pretraživač može izazvati problem dok su drugi dobro.

Pojednostavite stranicu

Ako potvrđivanje HTML-a i CSS-a ne pomogne, onda biste trebali sužiti stranicu kako biste pronašli problem. Najlakši način za to je da izbrišete ili "komentarišete" delove stranice sve dok sve što je ostalo nije dio sa problemom. Takođe bi trebali smanjiti CSS na sličan način.

Ideja o pojednostavljivanju nije da ćete ostaviti stranicu samo fiksnim elementom, već da ćete odrediti šta izaziva problem, a zatim ga popravite.

Izdužite, a zatim Dodajte nazad

Kada ste smanjili problematičnu oblast vaše stranice, počnite da odvojite elemente van dizajna dok se problem ne ugasi. Na primjer, ako ste sužili problem na određeni

i CSS koji ga stilizira, počnite uklanjanjem jedne linije CSS-a istovremeno.

Test nakon svakog uklanjanja. Ako ono što ste uklonili ispravlja ili potpuno uklanja problem, onda znate šta treba popraviti.

Jednom kada tačno znate šta uzrokuje problem počinje da ga vraćate nazad sa izmenjenim stavkama. Obavezno testirajte posle svake promene. Kada radite na web dizajnu, iznenađuje koliko često male stvari mogu napraviti razliku. Ali ako ne testirate kako se stranica bavi svačim promjenama, čak i naizgled manjim, ne možete odrediti gdje je problem.

Prvo je dizajniran za pretraživače koji su u skladu sa standardima

Najčešći problemi sa kojima se suočavaju veb dizajneri se vrti oko dobijanja stranica koje izgledaju isto u većini pretraživača. Iako smo razgovarali o tome da može biti veoma teško, ako ne i nemoguće, da veb stranice budu iste u svim pregledačima, i dalje je cilj većine dizajnera. Dakle, trebalo bi da počnete tako što ćete najpre dizajnirati najbolje pretraživače, što uključuje one koji su usklađeni sa standardima. Kada ih obavite, možete se igrati sa drugim pretraživačima kako bi ih radili, uključujući i starije pregledače koji mogu biti relevantni za publiku vašeg sajta.

Držite svoj kod jednostavan

Kada pronađete i popravite svoje probleme, morate ostati budni da ih kasnije ne bi opet isečili. Najjednostavniji način izbjegavanja problema jeste da vaš HTML i CSS budu što jednostavniji. Imajte na umu da ne kažem da bi trebalo izbjeći raditi nešto poput stvaranja zaobljenih uglova jednostavno zato što je HTML ili CSS komplikovano. Samo da bi trebalo izbjeći obavljati složene stvari kada se jednostavno rješenje predstavlja.

Uzmi neku pomoć

Vrijednost nekoga ko vam može pomoći u rješavanju problema sa lokacijom ne može se precijeniti. Ako ste neko vreme gledali na isti kod, postaje lako propustiti jednostavnu grešku. Dobijanje još jednog oka na tom kodu često je najbolja stvar koju možete učiniti za to.

Ispravio / la Jeremy Girard dana 2/3/17