Rješavanje problema u web dizajnu

Koraci koje treba poduzeti kada imate problem s dizajnom

Ako ste ikad izgradili web stranicu, vjerojatno ste otkrili da stvari ne idu uvijek kako je planirano. Biti web dizajner znači da se trebate udobno riješiti problema s web lokacijama koje gradite.

Ponekad otkrivanje onoga što je pogrešno u vašem web dizajnu može biti vrlo frustrirajuće, ali ako sustavno rabite svoju analizu, često možete pronaći uzrok problema i brže ga riješiti. Evo nekoliko savjeta pomoću kojih možete to učiniti.

Provjerite svoj HTML

Kada imam problem s mojom web-stranicom, prva stvar koju moram učiniti jest provjeriti HTML. Postoji mnogo razloga za provjeru HTML-a, ali kada imate problem koji bi trebao biti prva stvar koju činite. Već postoje mnogi ljudi koji automatski potvrđuju svaku stranicu. No, čak i ako ste u navici, preporučujemo da provjerite valjanost HTML-a kada imate problem. To će osigurati da to nije jednostavna pogreška, kao što je pogrešno napisani HTML element ili entitet, što uzrokuje vaš problem.

Potvrdite svoj CSS

Sljedeće najvjerojatnije mjesto na kojem ćete imati problema je s vašim CSS-om . Provjera valjanosti vašeg CSS-a služi istoj funkciji kao i potvrđivanje HTML-a. Ako postoje pogreške, to će osigurati da vaš CSS bude točan i da to nije uzrok vaših problema.

Provjera valjanosti JavaScript ili drugih dinamičkih elemenata

Kao i kod HTML-a i CSS-a ako vaša stranica koristi JavaScript, PHP, JSP ili neke druge dinamičke elemente, trebali biste provjeriti jesu li i važeći.

Testiranje u više preglednika

Možda je problem koji vidite rezultat web preglednika koji ga pregledavate. Ako se problem pojavljuje u svakom pregledniku koji možete testirati, to vam govori nešto o tome što morate učiniti da biste je ispravili. Na primjer, ako znate da se problem pojavljuje samo u određenom pregledniku, možete dublje ukopati u zašto samo taj jedan preglednik možda uzrokuje problem dok su drugi u redu.

Pojednostavite stranicu

Ako provjeru HTML-a i CSS-a ne pomaže, trebali biste suziti stranicu da biste pronašli problem. Najjednostavniji način za to je brisanje ili "odjavljivanje" dijelova stranice dok sve što ostane nije dio s problemom. Također biste trebali smanjiti CSS na sličan način.

Ideja za pojednostavljenjem nije da ćete ostaviti stranicu samo s fiksnim elementom, nego da ćete odrediti što uzrokuje problem i popraviti ga.

Oduzmite, a potom Dodaj natrag

Nakon što ste suzili problematično područje vaše web lokacije, počnite oduzimati elemente izvan dizajna sve dok problem ne prođe. Na primjer, ako ste problem suzili na određeni

i CSS koji je stilizira, počnite uklanjati jednu liniju CSS-a odjednom.

Ispitajte nakon svakog uklanjanja. Ako je ono što ste uklonili ispravite ili u potpunosti uklonite problem, znate što trebate popraviti.

Jednom kad točno znate što uzrokuje problem, započnite dodavati ga s promijenjenim stavkama. Svakako provjerite nakon svake promjene. Kada radite web dizajn, iznenađuje koliko često male stvari mogu napraviti razliku. Ali ako ne testirate kako stranica izgleda nakon svake promjene, čak i naizgled manjih, ne možete odrediti gdje je problem.

Prvi dizajn za preglednike koji zadovoljavaju standarde

Najčešći problemi s kojima se web dizajneri suočavaju okreću se pri traženju stranica u većini preglednika. Dok smo razgovarali da može biti vrlo teško, ako ne i nemoguće, da web stranice izgledaju isto u svim preglednicima, to je i dalje cilj većine dizajnera. Stoga biste trebali početi najprije dizajnirati najbolje preglednike, što uključuje one koji su usklađeni s normama. Kada ih budete radili, možete igrati s ostalim preglednicima kako biste ih mogli rabiti, uključujući i starije preglednike koji bi mogli biti relevantni za publiku svoje web-lokacije.

Držite kod jednostavno

Nakon što pronađete i riješite probleme, trebali biste biti svjesni da ih kasnije ne budete preminuli. Najjednostavniji način izbjegavanja problema je zadržati svoj HTML i CSS što je moguće jednostavnije. Imajte na umu da ne kažem da biste trebali izbjegavati nešto poput izrade zaobljenih uglova jednostavno zato što je HTML ili CSS kompliciran. Samo da izbjegavate složene stvari kada se predstavite jednostavnijim rješenjima.

Dobijte pomoć

Ne može se precijeniti vrijednost nekoga tko vam može pomoći u ispravljanju problema s web lokacijom. Ako ste neko vrijeme gledali isti kod, postaje lako propustiti jednostavnu pogrešku. Dobivanje drugog skupa očima na taj kod često je najbolje što možete učiniti za nju.

Uredio Jeremy Girard na 2/3/17