Pasos a tomar cando teña un problema de deseño
Se algunha vez construíches un sitio web, probabelmente descubriu que as cousas non sempre funcionan segundo o planeado. Para ser un deseñador web significa que debes estar cómodo cos problemas depurados cos sitios que compilas.
Ás veces, descubrir o que está mal co seu deseño web pode ser moi frustrante, pero se é sistemático sobre a súa análise, moitas veces pode atopar a causa do problema e solucionalo máis rápido. Aquí tes algúns consellos que podes usar para que isto suceda.
Validar o teu HTML
Cando teño un problema coa miña páxina web, o primeiro que fago é validar o HTML. Hai moitas razóns para validar HTML, pero cando tes un problema que debería ser o primeiro que fas. Xa hai moitas persoas que validan todas as páxinas automaticamente. Pero aínda que teña o costume, é unha boa idea verificar a validez do teu HTML cando teñas un problema. Isto asegurarase de que non sexa un erro simple, como un elemento ou propiedade HTML incorrecto, que está causando o problema.
- Validador de HTML
Validar o seu CSS
O próximo lugar máis probable onde terá problemas é co seu CSS . A validación do CSS serve coa mesma función que validar o seu HTML. Se hai erros, isto asegurarase de que o seu CSS sexa correcto e que non sexa a causa dos seus problemas.
- Validador CSS
Valide o JavaScript ou outros elementos dinámicos
Do mesmo xeito que con HTML e CSS se a túa páxina usa JavaScript, PHP, JSP ou outros elementos dinámicos, debes asegurarte de que son válidos tamén.
Probar en varios navegadores
Pode ser que o problema que estás a ver é o resultado do navegador web no que estás a ver. Se o problema ocorre en cada navegador que podes probar, que che di algo sobre o que tes que facer para solucionalo. Por exemplo, se sabe que o problema só ocorre nun determinado navegador, pode investigar máis por que só un navegador podería causar un problema mentres que outros están ben.
Simplifique a páxina
Se a validación do HTML e CSS non axuda, entón debería limitar a páxina para atopar o problema. A forma máis sinxela de facelo é borrar ou "comentar" partes da páxina ata que todo o que queda sexa a porción co problema. Tamén debería cortar o CSS de xeito similar.
A idea de simplificar non é que deixe a páxina só co elemento fixo, senón que determinará o que está causando o problema e logo resolve-lo.
Restar e, a continuación, Engadir Volver
Unha vez que reduciu a área problemática do seu sitio, comece a restar elementos fóra do deseño ata que o problema desapareza. Por exemplo, se reduciu o problema a un
Proba despois de cada eliminación. Se o que elimine correccións ou elimina por completo o problema, entón vostede sabe o que necesita para corrixir.
Unha vez que saiba exactamente o que está causando o problema, empeza a engadir de novo cos elementos modificados. Asegúrese de probar despois de cada cambio. Cando estás facendo o deseño web, é sorprendente cantas veces as pequenas cousas poden marcar a diferenza. Pero se non proba como a páxina ten cada cambio, mesmo aparentemente pequenos, non pode determinar onde está o problema.
Deseño para os navegadores que cumpren os estándares primeiro
Os problemas máis comúns que enfrontan os deseñadores web xira en torno a obter páxinas que buscan o mesmo na maioría dos navegadores. Mentres comentamos que pode ser moi difícil, se non imposible, que as páxinas web sexan o mesmo en todos os navegadores, aínda é un obxectivo da maioría dos diseñadores. Entón, ten que comezar por deseñar para os mellores navegadores en primeiro lugar, que inclúe aqueles que son compatibles cos estándares. Unha vez que os teñas traballando, podes xogar cos outros navegadores para que funcionen, incluídos navegadores máis antigos que aínda poden ser relevantes para a audiencia do teu sitio.
Manteña o seu código sinxelo
Unha vez que atopou e solucionou os seus problemas, debes estar atento para que non se recupere máis tarde. A forma máis sinxela de evitar problemas é manter o teu HTML e CSS o máis sinxelo posible. Teña en conta que non estou dicindo que debería evitar facer algo así como crear esquinas redondeadas simplemente porque o HTML ou CSS é complicado. Só que debes evitar facer cousas complexas cando se presenta unha solución máis sinxela.
Obter algunha axuda
O valor de alguén que pode axudar a depurar o problema do sitio non se pode esaxerar. Se estivo mirando para o mesmo código por moito tempo, é fácil perderse un erro fácil. Obtendo outro conxunto de ollos sobre ese código adoita ser o mellor que podes facer por iso.
Editado por Jeremy Girard o 03/02/17