Řešení problémů v návrhu webových stránek

Kroky, které můžete vzít, když máte problém s konstrukcí

Pokud jste někdy vytvořili webové stránky, pravděpodobně jste zjistili, že věci nejsou vždy podle plánu. Chcete-li být webovým designérem, musíte se s komplikovanými problémy s místy, které stavíte, spokojit.

Někdy zjistíte, co je špatně s vaším webovým designem, může být velmi frustrující, ale pokud jste systematicky o vaší analýze, můžete často najít příčinu problému a opravit jej rychleji. Zde je několik tipů, které můžete použít k tomu, aby se to stalo.

Ověřte svůj kód HTML

Když mám problém s mou webovou stránkou, první věc, kterou udělám, je ověření kódu HTML. Existuje mnoho důvodů k ověření HTML, ale pokud máte problém, který by měl být první věc, kterou uděláte. Již existuje mnoho lidí, kteří automaticky ověřují každou stránku. Ale i když jste ve zvyku, je dobré zkontrolovat platnost vašeho HTML, když máte problém. To zajistí, že se nejedná o jednoduchou chybu, jako je špatně napsaný element HTML nebo vlastnost, která způsobuje váš problém.

Ověřte svůj CSS

Další nejpravděpodobnější místo, kde budete mít problémy, je váš CSS . Ověření vašeho CSS slouží stejné funkci jako validace HTML. Pokud se vyskytnou chyby, zajistí to, že vaše CSS je správné a že to není příčinou vašich problémů.

Ověřte svůj JavaScript nebo jiné dynamické prvky

Stejně jako u HTML a CSS, pokud vaše stránka používá JavaScript, PHP, JSP nebo některé jiné dynamické prvky, měli byste se ujistit, že jsou platné.

Test v více prohlížečích

Může se stát, že problém, který vidíte, je výsledkem webového prohlížeče, který jej prohlížíte. Pokud se problém vyskytne v každém prohlížeči, který můžete vyzkoušet, to vám řekne něco o tom, co musíte udělat, abyste ho opravili. Pokud například víte, že se problém vyskytuje pouze v určitém prohlížeči, můžete hlouběji prozkoumat, proč právě jeden prohlížeč může způsobit problém, zatímco ostatní jsou v pořádku.

Zjednodušte stránku

Pokud ověření HTML a CSS nepomůže, měli byste zúžit stránku a najít problém. Nejjednodušší způsob, jak to udělat, je odstranit nebo "komentovat" části stránky, dokud vše, co zůstane, není částí s problémem. Také byste měli CSS snížit podobným způsobem.

Myšlenka zjednodušení není, že byste opustili stránku pouze s pevným prvkem, spíše byste zjistili, co způsobuje problém a pak jej opravit.

Odčtěte a poté Přidat zpět

Jakmile zúžíte problémovou oblast vašeho webu, začněte odebírat prvky z návrhu, dokud problém nevyjde. Například pokud jste problém zúžili na určitý

a CSS, který ho styluje, začněte odstraněním jednoho řádku CSS najednou.

Zkontrolujte po každém odstranění. Pokud to, co jste odstranili, opravuje nebo zcela odstraní problém, pak víte, co potřebujete opravit.

Jakmile přesně víte, co je příčinou problému, začněte jej přidávat zpět se změněnými položkami. Ujistěte se, že jste provedli test po každé změně. Když děláte webový design, je překvapivé, jak často malé věci mohou změnit. Pokud však netestujete, jaká stránka se stará o každou změnu, ať už je to zdánlivě drobná, nemusí rozhodnout, kde je problém.

Design pro prohlížeče kompatibilní s normami

Nejčastější problémy, s nimiž se weboví návrháři potýkají, se točí kolem toho, že se na většině prohlížečů objevují stejné stránky. Zatímco jsme diskutovali, že může být velmi obtížné, ne-li nemožné, aby webové stránky vypadaly stejně ve všech prohlížečích, stále je cílem většiny návrhářů. Takže byste měli začít nejprve navrhnout nejlepší prohlížeče, které zahrnují ty, které jsou standardy kompatibilní. Jakmile je budete pracovat, můžete si s ostatními prohlížeči hrát, abyste je mohli pracovat, včetně starších prohlížečů, které mohou být stále relevantní pro publikum vašeho webu.

Udržujte svůj kód jednoduchý

Jakmile zjistíte a vyřešíte své problémy, měli byste zůstat ostražití, abyste je později nemohli znovu oříznout. Nejjednodušší způsob, jak se vyhnout problémům, je udržet vaše HTML a CSS co nejjednodušší. Všimněte si, že neříkám, že byste neměli dělat něco jako vytváření zaoblených rohů prostě proto, že HTML nebo CSS jsou komplikované. Pouze to, že byste se neměli vyvarovat dělat složité věci, když se představuje jednodušší řešení.

Získejte nápovědu

Hodnota někoho, kdo vám může pomoci při ladění problému s webem, nemůže být nadhodnocen. Pokud se na nějaký čas podíváte na stejný kód, snadno se snadno chybí. Získání další sady očí na tento kód je často nejlepší věc, kterou můžete udělat pro to.

Upravil Jeremy Girard dne 2/3/17