Riešenie problémov vo webovom dizajne

Kroky, ktoré treba vziať, keď máte problém s návrhom

Ak ste niekedy vytvorili webové stránky, pravdepodobne ste zistili, že veci nie vždy ide podľa plánu. Ak chcete byť webovým dizajnérom, musíte sa s komplikovanými problémami s webovými stránkami, ktoré vytvoríte, dostať pohodlne.

Niekedy sa zistiť, čo je v poriadku vo vašom webe, môže byť veľmi frustrujúce, ale ak ste systematicky informovaní o vašej analýze, často môžete nájsť príčinu problému a opraviť ho rýchlejšie. Tu je niekoľko tipov, ktoré môžete použiť na to, aby sa to stalo.

Overte svoj HTML

Keď mám problém s mojou webovou stránkou, prvá vec, ktorú urobím, je overiť kód HTML. Existuje mnoho dôvodov na validáciu kódu HTML, ale ak máte problém, ktorý by mal byť prvou vecou, ​​ktorú robíte. Existuje už veľa ľudí, ktorí automaticky overujú každú stránku. Ale aj keď máte zvyk, je dobré skontrolovať platnosť vášho HTML, keď máte problém. To zabezpečí, že to nie je jednoduchá chyba, ako napríklad chybný textový element alebo vlastnosť HTML, ktorá spôsobuje váš problém.

Overte svoju CSS

Ďalším pravdepodobným miestom, kde budete mať problémy, je váš CSS . Overenie vášho CSS má rovnakú funkciu ako validácia kódu HTML. Ak sa vyskytnú chyby, zabezpečí sa, že vaša CSS je správna a nie je príčinou vašich problémov.

Overte svoj JavaScript alebo iné dynamické prvky

Rovnako ako u HTML a CSS, ak vaša stránka používa JavaScript, PHP, JSP alebo niektoré ďalšie dynamické prvky, mali by ste sa uistiť, že sú tiež platné.

Testujte vo viacerých prehľadávačoch

Je pravdepodobné, že problém, ktorý uvidíte, je výsledkom prehliadania webového prehliadača. Ak sa vyskytne problém v každom prehliadači, ktorý môžete otestovať, čo vám povie o tom, čo musíte urobiť, aby ste to mohli vyriešiť. Ak napríklad viete, že sa problém vyskytuje iba v určitom prehliadači, môžete sa ponoriť hlbšie do toho, prečo práve ten istý prehliadač môže spôsobovať problém, zatiaľ čo iní sú v poriadku.

Zjednodušte stránku

Ak overovanie HTML a CSS nepomôže, mali by ste zúžiť stránku a nájsť problém. Najjednoduchší spôsob, ako to urobiť, je odstrániť alebo "komentovať" časti stránky, kým všetko zostane, je časť s problémom. Taktiež by ste mali CSS znížiť podobným spôsobom.

Myšlienka zjednodušenia nie je to, že opustíte stránku iba pevným prvkom, ale skôr, že určite, čo spôsobuje problém a potom ho opravíte.

Odčítajte a potom položku Pridať späť

Akonáhle ste zúžili problematickú oblasť vášho webu, začnite odčítať prvky z dizajnu, kým sa problém nezmizne. Napríklad, ak ste problém zúžili na určitý

a CSS, ktorý ho štýluje, začnite tým, že odstráňte jeden riadok CSS naraz.

Otestujte po každom odstránení. Ak to, čo ste odstránili, opravuje alebo úplne odstráni problém, potom viete, čo potrebujete opraviť.

Akonáhle presne viete, čo spôsobuje problém, začnite ho pridávať späť s zmenenými položkami. Uistite sa, že ste otestovali po každej zmene. Keď robíte webový dizajn, je prekvapujúce, ako často môžu malé veci robiť rozdiel. Ale ak nechcete testovať, ako sa stránka stará o každú zmenu, dokonca aj zdanlivo drobné, nemusíte určiť, kde je problém.

Návrh pre prehliadače kompatibilné s normami

Najčastejšie problémy, s ktorými sa web dizajnéri tvária, sa točí okolo toho, ako sa vo väčšine prehliadačov zobrazujú rovnaké stránky. Hoci sme diskutovali, že môže byť veľmi ťažké, ak nie nemožné, získať webové stránky, aby vyzerali rovnako vo všetkých prehliadačoch, stále je cieľom väčšiny návrhárov. Takže by ste mali začať tým, že najskôr navrhnete najlepšie prehliadače, ktoré obsahujú štandardy vyhovujúce normám. Po ich fungovaní môžete hrať s inými prehliadačmi, aby ste ich pracovali, vrátane starších prehliadačov, ktoré môžu byť pre publikum vašej lokality relevantné.

Udržujte svoj kód jednoduchý

Akonáhle ste našli a vyriešili svoje problémy, mali by ste zostať ostražití, aby ste im neskôr znova orezali. Najjednoduchší spôsob, ako sa vyhnúť problémom, je udržať HTML a CSS čo najjednoduchšie. Všimnite si, že nehovorím, že by ste sa mali vyhnúť tomu, že by ste robili niečo ako vytváranie zaoblených rohov jednoducho preto, že HTML alebo CSS sú komplikované. Iba to, že by ste sa mali vyhnúť zložitým veciam, keď sa ukáže jednoduchšie riešenie.

Získajte nejakú pomoc

Hodnota niekoho, kto vám môže pomôcť ladiť problém s webom, nemôže byť nadhodnotený. Ak ste sa na chvíľu pozerali na ten istý kód, ľahko sa stane jednoduchou chybou. Získanie inej sady očí na tento kód je často najlepšou vecou, ​​ktorú môžete urobiť.

Upravený Jeremy Girard dňa 2/3/17