Aprender a diseñar paginas web

Inicio » Aprender a diseñar paginas web

Aprender diseño web

El diseño web es bastante complejo y desalentador, pero con el desarrollo de Internet y la tecnología, el diseño web desborda más que nunca hoy en día. Por lo tanto, convertirse en un diseñador web se ha convertido en la principal tendencia entre los jóvenes diseñadores. Hoy, te guiaré sobre cómo aprender diseño web en casa brevemente.

Muchos jóvenes diseñadores a menudo malinterpretan el concepto de diseño web, el diseño web es sobre el diseño, no sobre la codificación y el desarrollo front-end. Por supuesto, sería estupendo que conocieras algún lenguaje de codificación (HTML, CSS, Java), pero no puedes adentrarte en el desarrollo front-end, ese no es el núcleo del diseño web. El diseño web consiste en resolver los problemas de comunicación entre los usuarios y la información de la página web.

Tutorial de diseño web

Para empezar, la mayoría de las páginas web de Internet están escritas, al menos en parte, en HTML. Para ver el HTML que crea esta página necesitas “Ver la fuente” en el navegador que estés utilizando. Intenta ir a Cmd/Ctrl-U (para Firefox), ve a Cmd/Ctrl-Alt/Opt-U (para Chrome), y si estás usando Internet Explorer, realmente necesitas preguntarte si el diseño web es la carrera correcta para ti.

Otra cosa que puedes notar de la fuente HTML es que todas las páginas HTML tienen una estructura similar. Todas empiezan con una declaración <!DOCTYPE> que dice en qué versión de HTML se encuentra, seguida de una declaración <HTML>, seguida del <head> del documento que es un contenedor de varios elementos incluyendo enlaces a scripts, hojas de estilo, la meta información, etc. Después del <head> viene el <body> donde se marcan los elementos de la página web.

Ejercicio: Selecciona todo el código fuente de esta página en un documento de NotePad (PC) o TextEdit (Mac) y guárdalo en tu ordenador como “test.html” o algo así. Abre este archivo en un navegador y debería tener el mismo aspecto que la versión online. Ahora apague su conexión a Internet y vea el aspecto de la página de prueba. Es bastante diferente, ¿no? Intenta averiguar por qué.

Diseño de páginas web

Para empezar, la mayoría de las páginas web de Internet están escritas, al menos en parte, en HTML. Para ver el HTML que crea esta página necesitas “Ver la fuente” en el navegador que estés utilizando. Intenta ir a Cmd/Ctrl-U (para Firefox), ve a Cmd/Ctrl-Alt/Opt-U (para Chrome), y si estás usando Internet Explorer, realmente necesitas preguntarte si el diseño web es la carrera correcta para ti.

Otra cosa que puedes notar en la fuente HTML es que todas las páginas HTML tienen una estructura similar. Todas empiezan con una declaración <!DOCTYPE> que dice en qué versión de HTML se encuentra, seguida de una declaración <HTML>, seguida del <head> del documento que es un contenedor de varios elementos incluyendo enlaces a scripts, hojas de estilo, la meta información, etc. Después del <head> viene el <body> donde se marcan los elementos de la página web.

Ejercicio: Selecciona todo el código fuente de esta página en un documento de NotePad (PC) o TextEdit (Mac) y guárdalo en tu ordenador como “test.html” o algo así. Abre este archivo en un navegador y debería tener el mismo aspecto que la versión online. Ahora apague su conexión a Internet y vea el aspecto de la página de prueba. Es bastante diferente, ¿no? Intenta averiguar por qué.

Fundamentos del diseño web

Los Tracks de Treehouse son currículos guiados que cubren todos los Cursos y Talleres relevantes necesarios para dominar un tema. La biblioteca de aprendizaje de Treehouse incluye docenas de Tracks sobre una variedad de temas, incluyendo diseño web, programación y más. Con Compass, también podrá hacer pruebas de temas que ya conoce y crear un plan de estudios personalizado para sus objetivos de aprendizaje.

¡Este Track de 40 horas te equipará completamente en los fundamentos del diseño web! Aprenderás a diseñar y construir hermosos sitios web a través de los principios básicos del diseño como la marca, la teoría del color y la tipografía. También aprenderás HTML y CSS, que son los lenguajes de código comunes sobre los que se construyen todos los sitios web modernos. Desde la codificación hasta el trabajo en el navegador y la animación, tu carrera de diseño web comienza aquí.

Empezaremos con una base en HTML y CSS, cubierta en los primeros cursos del Track. A continuación, te adentrarás en temas más intermedios como los selectores CSS y los formularios y tablas HTML. El curso de Tipografía para Diseñadores te dará las habilidades que necesitas para elegir una hermosa tipografía para tu sitio.

Ir arriba