Cómo empezar con HTML y CSS

Jul. 28, 2016

Después de nuestro taller más reciente, en Campus Party Mx, un par de diseñadores se nos acercó con una pregunta muy específica: cómo hacerle para aprender HTML y CSS.

La pregunta a veces me sorprende por que aunque CSS puede ser bastante confuso, hay miles de recursos en línea para aprenderlo, y el camino usualmente es simple cuando empiezas por HTML y poco a poco vas integrando todo.

El código como una herramienta más

Lo que pocas veces pensamos es que para quienes no están en la industria del software todo el asunto del código se ve como una barrera impenetrable. Es como dar un paso hacia un mundo en el que todo son letritas verdes pasando, como en The Matrix. Por lo menos así es la barrera que yo veo cuando pienso en aprender un lenguaje como Java, y me imagino que la situación es similar.

El consejo que les doy a los diseñadores que quieren aprender HTML y CSS es simple: no lo veas como algo distinto a lo que ya haces. Aprende a ver el código como una herramientas más para diseñar.

Ok, pero ¿cómo empiezo?

Este es un buen curso para empezar, y lo puedes terminar cómodamente en un fin de semana.

Una vez teniendo conocimientos básicos de cómo escribir HTML y CSS, un ejercicio útil es diseñar una página web sencilla en Photoshop, o en la herramienta en la que te sientas más cómodo, y luego escribir la estructura del HTML.

Cuando llegues al momento de escribir CSS, piensa que estás aprendiendo cómo hacer lo mismo que ya hiciste en Photoshop, pero en otra herramienta. Ya sabes cómo establecer tamaños, rellenar de color, crear degradados, etcétera, ahora solo debes aprender cómo se hace usando CSS, y lo mejor es que cada vez que aprendes algo, eso ya se queda contigo.

Práctica, práctica, práctica.

Como todo, esto se aprende practicando obsesivamente. Sigue haciéndolo, y cuando menos pienses vas a estar escribiendo código automáticamente.