Resoldre problemes en el disseny web

Passos a fer quan tingueu un problema de disseny

Si alguna vegada vau crear un lloc web, probablement descobrís que les coses no sempre surten tal com estava previst. Per ser dissenyador web, cal que us feu còmode amb problemes depurats amb els llocs que construïu.

De vegades esbrinar què passa amb el vostre disseny web pot ser molt frustrant, però si sou sistemàtic sobre la vostra anàlisi, sovint podeu trobar la causa del problema i solucionar-lo més ràpidament. Aquests són alguns consells que podeu utilitzar per fer que això passi.

Valideu el vostre codi HTML

Quan tinc un problema amb la meva pàgina web, el primer que faig és validar l'HTML. Hi ha moltes raons per validar HTML, però quan tingueu un problema, hauria de ser el primer que fas. Ja hi ha moltes persones que validen totes les pàgines de forma automàtica. Però fins i tot si teniu l'hàbit, és una bona idea consultar la validesa del vostre HTML quan tingueu problemes. Això garantirà que no es tracta d'un error senzill, com un element o propietat HTML mal escrits que està causant el problema.

Valideu el vostre CSS

El següent lloc més probable on tindreu problemes és amb el vostre CSS . La validació de CSS serveix per a la mateixa funció que la validació del vostre codi HTML. Si hi ha errors, això us assegurarà que el vostre CSS sigui correcte i que no sigui la causa dels vostres problemes.

Valideu el JavaScript o altres elements dinàmics

Igual que amb HTML i CSS si la vostra pàgina utilitza JavaScript, PHP, JSP o alguns altres elements dinàmics, haureu d'assegurar-vos que també són vàlids.

Prova en diversos navegadors

Pot ser que el problema que estigui veient sigui el resultat del navegador web en què l'estigui veient. Si el problema es produeix en tots els navegadors que podeu provar, això us informarà sobre el que heu de fer per corregir-lo. Per exemple, si sabeu que el problema només passa en un determinat navegador, podeu aprofundir en què només un navegador pot estar causant un problema mentre que altres estan bé.

Simplifiqui la pàgina

Si la validació de l'HTML i CSS no ajuda, hauríeu d'ajustar la pàgina per trobar el problema. La forma més senzilla de fer-ho és eliminar o "comentar" les parts de la pàgina fins que quedi la part amb el problema. També hauria de reduir la CSS de manera similar.

La idea de simplificar no és que deixeu la pàgina només amb l'element fix, sinó que determinareu el que està causant el problema i, a continuació, el solucioneu.

Restar i, a continuació, afegir Tornar

Una vegada que hagueu reduït l'àrea problemàtica del vostre lloc, comença a restar elements fora del disseny fins que el problema es desapareix. Per exemple, si heu reduït el problema a un

específic i al CSS que l'estén, comença suprimint una línia de CSS a la vegada.

Prova després de cada eliminació. Si el que heu eliminat corregeix o elimina completament el problema, ja sabeu el que necessiteu reparar.

Un cop hàgiu sabut exactament el que està causant el problema, torneu a afegir-lo amb els elements canviats. Assegureu-vos de provar després de cada canvi. Quan fa el disseny web, sorprèn amb quina freqüència les coses petites poden marcar la diferència. Però si no proveu com la pàgina té cada canvi, fins i tot aparentment menors, és possible que no determineu on està el problema.

Disseny per als navegants que compleixen les normes primer

Els problemes més comuns que enfronten els dissenyadors web giren al voltant de que les pàgines siguin igual a la majoria de navegadors. Tot i que hem discutit que pot ser molt difícil, si no impossible, que les pàgines web tinguin el mateix aspecte en tots els navegadors, encara és un objectiu de la majoria dels dissenyadors. Per tant, primer haureu de dissenyar per als millors navegadors, que inclouen els que compleixen els estàndards. Una vegada que els feu funcionar, podeu jugar amb els altres navegadors per fer-los funcionar, inclosos els navegadors antics que encara poden ser rellevants per a l'audiència del vostre lloc.

Mantingueu el vostre codi senzill

Una vegada que hàgiu trobat i solucionat els vostres problemes, haureu de vigilar perquè no tornin a cultivar-se més tard. La manera més senzilla d'evitar problemes és mantenir el codi HTML i CSS tan senzill com sigui possible. Tingueu en compte que no estic dient que heu d'evitar fer alguna cosa semblant a crear cantonades arrodonides simplement perquè el codi HTML o CSS és complicat. Només que hauríeu d'evitar fer coses complexes quan es presentés una solució més senzilla.

Obtén ajuda

El valor d'algú que us pot ajudar a depurar el problema del lloc no es pot exagerar. Si heu estat mirant el mateix codi durant un temps, resulta fàcil esborrar un error fàcil. Obtenir un altre joc d'ulls sobre aquest codi sol ser el millor que podeu fer per això.

Editat per Jeremy Girard el 03/02/17