Ver todas las Rutas
Aprende a Diseñar y Construir Sitios Web
¿Alguna vez te has preguntado a ti mismo, Tengo una gran idea para un sitio web, pero no tengo los conocimientos técnicos para hacerlo realidad? ¡Esta Pista de 16 horas llevará tu idea de sitio web de concepto a realidad!
Este curso cubre algunos de los conceptos básicos que necesitarás para poner tu sitio web en funcionamiento. Reúne inspiración de diseño, aprende a crear esquemas y maquetas de tus ideas de diseño, y domina los conceptos básicos de HTML y CSS.
Comenzarás con dos cursos de diseño conceptual para enseñarte ideas fundamentales: Fundamentos del Diseño Visual e Inspiración de Diseño de Recopilación.
A continuación, tomarás algunos cursos prácticos de UX (experiencia del usuario): Introducción a la Creación de Esquemas, Diseño de Diseños y Creación de Maquetas. ¡Cuando termines con estos, tu sitio web habrá comenzado a tomar forma visualmente! Los seguirás con una sesión de práctica sobre color y una sesión de práctica sobre diseño.
La siguiente parte de la Pista se enfoca en desarrollo web básico. Cubrirás HTML, CSS y cómo implementarlos en tu nuevo sitio. Finalmente, aprenderás cómo depurar tu CSS y terminarás.
¡Haz realidad tu sitio con esta Pista de diseño web, perfecta para principiantes!
¿Listo para comenzar a aprender?
Treehouse ofrece una prueba gratuita de 7 días para estudiantes nuevos. Obtén acceso a miles de horas de contenido. Aprende a programar, consigue el trabajo de tus sueños.
Comienza Tu Prueba Gratuita
-
Curso
- 1
- 2
Fundamentos del Diseño Visual
En este curso, construirás tu vocabulario de diseño y aprenderás cómo describir los bloques de construcción básicos de cualquier imagen visual. Comenzaremos aprendiendo sobre los elementos del diseño, como línea, forma y forma. Luego pasaremos a los principios del diseño, como equilibrio, armonía y movimiento. Al final, tendrás una mejor base para discutir diseño con otros miembros del equipo y podrás hacer observaciones objetivas sobre lo que a menudo es un tema subjetivo.
-
3 minTaller
Inspiración de Diseño de Recopilación
¡Recopilar inspiración de diseño es una forma divertida de obtener ideas nuevas! También te ayuda a mantenerte actualizado con las tendencias de diseño y a ser consciente de los patrones de diseño emergentes. El objetivo es recopilar diseños que inspiren tus propias ideas creativas.
Visto -
Curso
- 1
- 2
- 3
- 6
Introducción a los Wireframes
Los wireframes son una parte útil del proceso de diseño. A lo largo de un proyecto de sitio web o aplicación móvil, tendrás muchas ideas y la mejor manera de clasificar esas ideas es hacer una lluvia de ideas. Los wireframes son un artefacto visual de la lluvia de ideas, y el objetivo es hacerlos con un esfuerzo mínimo para fomentar la ideación. Ya seas diseñador o no, los wireframes son una habilidad importante para tener en tu caja de herramientas. Es beneficioso para gerentes de producto, especialistas en marketing o cualquier otra persona con ideas para un sitio web o aplicación móvil. Los wireframes son una herramienta valiosa para visualizar experiencias de usuario, iterar sobre ideas y compartir ideas con otros.
-
Curso
- 1
- 2
Diseño de Diseños
En este curso, aprenderás cómo aplicar principios de diseño a través de una serie de ejemplos. Cada ejemplo incluirá algún componente que se puede mejorar, y al hacer la mejora, desarrollarás fuertes sensibilidades estéticas sobre cosas como la jerarquía visual y tipográfica, el uso de cuadrículas y alineación en diseños, y cómo elegir colores.
-
37 minTaller
Creando Mockups
Aprende cómo se utilizan los mockups en el proceso de diseño y descubre técnicas para incorporarlos en tu flujo de trabajo. Practica transformar un conjunto de wireframes en representaciones realistas de la aplicación aplicando estilos de diseño visual y utilizando el UI Kit de Apple para Adobe XD.
Visto -
7 minPráctica
Antes y Después: Color
Practica diseño con color.
Visto -
5 minPráctica
Antes y Después: Diseño
Mejora el diseño de una aplicación móvil iOS existente.
Visto -
Curso
- 1
- 2
- 3
- 4
Conceptos Básicos de HTML
Aprende HTML (HyperText Markup Language), el lenguaje común de todos los sitios web. HTML describe la estructura básica y el contenido de una página web. Si quieres construir un sitio web o una aplicación web, necesitarás saber HTML.
-
22 minTaller
Introducción al Editor de Texto VS Code
Los editores de texto proporcionan herramientas importantes que ayudan a los desarrolladores a escribir código. Obtén una idea de los editores de texto y lo que hacen aprendiendo los conceptos básicos de Visual Studio Code, un popular editor de texto con muchas herramientas y atajos para ayudarte a acelerar el desarrollo y hacer que construir sitios web y aplicaciones sea más rápido y fácil.
Visto -
Curso
- 1
- 2
- 3
- 4
Conceptos Básicos de CSS
En este curso, vamos a aprender los conceptos básicos de CSS, una de las tecnologías principales para diseñar y construir sitios web y aplicaciones. No importa qué tipo de sitio web o aplicación web quieras construir, tendrás que usar CSS.
-
Curso
- 1
- 2
- 3
- 4
Diseño CSS
En este curso, aprenderemos técnicas para tener mejor control sobre nuestros diseños de layouts CSS. Cubriremos cómo el Modelo de Caja CSS impacta la presentación de cada elemento HTML, aprenderemos a controlar la posición de cada elemento en la pantalla, e incluso comenzaremos a ajustar nuestros diseños para diferentes tamaños de pantalla y entornos.
-
Curso
- 1
- 2
- 3
- 4
Mejora del Diseño con CSS
En este curso, vamos a aprender propiedades CSS para mejorar el diseño visual. Cubriremos varias propiedades para estilos de texto, incluyendo la carga de fuentes web desde recursos externos. Aprenderemos técnicas para convertir nuestras cajas CSS en más que solo rectángulos. Y finalmente, aprenderemos algunos efectos visuales realmente geniales usando filtros y degradados CSS.
-
35 minTaller
Depuración de CSS con Chrome DevTools
En este taller, exploraremos la herramienta más útil y eficiente para depurar CSS: Chrome Developer Tools.
Visto -
2 minInstrucción
Continúa Aprendiendo sobre Diseño Web
Ahora que has terminado la Pista Diseña y Construye un Sitio Web, es posible que desees continuar aprendiendo más sobre diseño web...(continúa leyendo)
Visto -
60 minExamen
Examen Final de la Pista Diseña y Construye un Sitio Web
Pon a prueba tus habilidades de Diseña y Construye un Sitio Web. Este examen final incluye una mezcla de tipos de preguntas para evaluar lo que has aprendido. Aprueba para ganar tu certificado.
-
Finalización de la Ruta
Esta ruta incluye:
- Fundamentos del Diseño Visual 35 min
- Inspiración de Diseño de Recopilación 3 min
- Introducción a los Wireframes 2 horas
- Diseño de Diseños 52 min
- Creando Mockups 37 min
- Antes y Después: Color 7 min
- Antes y Después: Diseño 5 min
- Conceptos Básicos de HTML 3 horas
- Introducción al Editor de Texto VS Code 22 min
- Conceptos Básicos de CSS 3 horas
- Diseño CSS 2 horas
- Mejora del Diseño con CSS 2 horas
- Depuración de CSS con Chrome DevTools 35 min
- Continúa Aprendiendo sobre Diseño Web 2 min
- Examen Final de la Pista Diseña y Construye un Sitio Web 60 min