Lépéseket, amikor a tervezési problémád van
Ha valaha építettél egy webhelyet, valószínűleg felfedeztétek, hogy a dolgok nem mindig megyek a terveknek megfelelően. Ahhoz, hogy egy webdesigner legyen, kényelmesebbnek kell lennie a telepített webhelyek hibaelhárítási problémáival.
Néha kitalálni, hogy mi a baj a webes megjelenítéssel, nagyon frusztráló lehet, de ha szisztematikusan elemzi az elemzést, gyakran megtalálja a probléma okait, és gyorsabban rögzíti. Íme néhány tipp, amellyel ez megtörténhet.
Érvényesítse HTML-jét
Ha problémám van a weblapommal kapcsolatban, az első dolog, amit érvénytelenítem a HTML-ben. Sok ok van a HTML validálásához, de ha problémád van, akkor az első dolog. Már sokan vannak, akik automatikusan hitelesítik az összes oldalt. De még akkor is, ha szokott, jó ötlet, ha problémád van, ellenőrizni a HTML-kód érvényességét. Ez biztosítja, hogy ez nem egyszerű hiba, mint például egy elavult HTML elem vagy tulajdonság, ami okozza a problémát.
- HTML Validator
Érvényesítse CSS-jét
A következő legvalószínűbb hely, ahol problémák merülnek fel a CSS-en . A CSS validálása ugyanazt a funkciót szolgálja, mint a HTML-hitelesítés. Ha vannak olyan hibák, amelyek biztosítják, hogy a CSS helyes, és ez nem az oka a problémáinak.
- CSS Validator
A JavaScript vagy más dinamikus elemek érvényesítése
Mint a HTML és a CSS esetében is, ha az oldal JavaScriptet, PHP-t, JSP-t vagy más dinamikus elemet használ, győződjön meg róla, hogy azok is érvényesek.
Többszörös böngészők tesztelése
Előfordulhat, hogy a megjelenő probléma annak az internetes böngészőnek a következménye, amelyet meglátogat. Ha a probléma minden olyan böngészőben megtörténik, amelyet tesztelhet, ez leírja, hogy mit kell tennie a javításhoz. Például, ha tudod, hogy a probléma csak egy bizonyos böngészőben történik, akkor mélyebben megragadhatja, miért csak egy böngésző okozhat problémát, mások pedig jól vannak.
Egyszerűsítse az oldalt
Ha a HTML és a CSS hitelesítése nem segít, akkor szűkítse le az oldalt, hogy megtalálja a problémát. A legegyszerűbb módja ennek az, hogy törölje vagy "kommentálhassa" az oldal egyes részeit, amíg a fennmaradó rész nem a probléma része. Szintén hasonló módon vágd le a CSS-et.
Az egyszerűsítés hátterében nem az, hogy az oldalt csak a rögzített elemekkel hagyja el, hanem azt, hogy meghatározza, mi okozza a problémát, majd javítsa ki.
Vonja ki, majd Add Vissza
Miután szűkítette a webhely problématerületét, kezdjen kivonni az elemeket a tervezésből, amíg a probléma el nem tűnik. Például, ha a problémát egy
Teszteljen minden eltávolítás után. Ha az eltávolított elemeket eltávolítja vagy teljesen eltávolítja a problémát, akkor tudja, hogy mit kell javítania.
Miután pontosan tudja, mi okozza a problémát, elkezdheti hozzáadni az elemeket a megváltozott elemekkel. Ügyeljen arra, hogy minden változás után teszteljen. Amikor web designt csinálsz, meglepő, hogy a kis dolgok milyen gyakran különböznek. De ha nem tesztelné, hogy az oldal hogyan néz ki minden változást, még a látszólag kisebbeket is, akkor nem tudja meghatározni, hol a probléma.
Tervezés a szabványoknak megfelelő böngészők számára
A webes tervezők leggyakoribb problémái a legtöbb böngészőben ugyanúgy keresnek oldalakat. Bár beszéltünk arról, hogy nagyon bonyolult lehet, ha nem lehetetlen, hogy a weblapok minden böngészőben megegyeznek, mégis a legtöbb tervező célja. Ezért először a legjobb böngészők tervezésével kell kezdenie, amely magában foglalja azokat is, amelyek megfelelnek a szabványoknak. Miután működtetik őket, a többi böngészővel játszhat, hogy működjenek, beleértve a régebbi böngészőket, amelyek még mindig relevánsak a webhely közönségéhez.
Tartsa egyszerűen a kódját
Miután megtalálta és megoldotta a problémáit, érdemes maradni, hogy később újra lehessen tartani őket. A problémák elkerülésének legegyszerűbb módja a HTML és a CSS lehető legegyszerűbb megtartása. Ne feledje, hogy nem azt mondom, hogy elkerülheted, hogy valami olyasmit csinálj, mint a lekerekített sarkok létrehozása egyszerűen azért, mert a HTML vagy a CSS bonyolult. Csak azt kell elkerülnie, hogy összetett dolgokat hajtson végre, amikor egyszerűbb megoldás jelenik meg.
Kérjen segítséget
Nem lehet túlértékelni valakinek az értékét, aki segíthet a webhelyhiba hibakeresésében. Ha ugyanazt a kódot nézi egy kicsit, könnyű lesz kihagyni egy egyszerű hibát. A kód megszerzése gyakran a legjobb dolog, amit tehetsz.
Szerkesztette Jeremy Girard, 2/3/17