Curso de maquetación web de lo básico a lo avanzado

Aprende a maquetar sitios web de forma fácil con HTML5 y CSS3, convirtiendo tus diseños en realidad.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

Este curso te enseña a maquetar páginas web fácilmente usando HTML5 y CSS3. Aprenderás a transformar tus creaciones de diseño en código, utilizando recursos visuales y técnicas de maquetación para armar tu propio sitio web.

Key Points

  • Aprender a maquetar sitios web con HTML5 y CSS3.
  • Convertir diseños de Photoshop o Illustrator a un código web.
  • Utilizar ayudas visuales para facilitar la comprensión.
  • Elaborar wireframes con cajas principales e internas.
  • Material necesario para el curso disponible para descargar.

Learning Outcomes

  • Pasar de diseños visuales a código web con facilidad.
  • Crear wireframes efectivos para una mejor planificación.
  • Utilizar herramientas visuales para mejorar el aprendizaje.
  • Completar el curso en menos de una semana a tu propio ritmo.
  • Descargar todos los materiales que necesitas para seguir el curso.

About This Course

Aprende a maquetar sitios web de una manera fácil y efectiva en los lenguajes HTML5 y CSS3

¿DE QUÉ SE TRATA EL CURSO?

Cuando diseñas páginas web, debes crear tus diseños en programas gráficos como photoshop o illustrator. La pregunta es ¿Cómo pasar mis diseños a un lenguaje de marcado HTML y a hojas de estilo CSS?. Si te has hecho esta pregunta, en este curso aprenderás a pasar tus diseños hechos en photoshop a lenguajes de maquetación web HTML5 y CSS3 de una manera fácil y práctica.

¿CÓMO ES EL CURSO?

Utilizando el método de las ayudas visuales, la maquetación de cajas principales e internas para elaborar un correcto wireframe, y finalmente integrando los elementos gráficos realizaremos así la estructura del sitio web para internet en el lenguaje de marcado HTML5 y hojas de estilo CSS3.

En este curso podrás descargar una carpeta donde está todo el material necesario para la elaboración del mismo.

¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?

Depende de ti. Estimo que menos de una semana puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.

¿CUÁLES SON LOS REQUISITOS?

Descargar el material que se encuentra en los recursos de la clase 1.

¿A QUIÉN VA DIRIGIDO ESTE CURSO?

Diseñadores gráficos, visuales, artistas, desarrolladores

Empresas y emprendedores

Cualquier persona que quiera tener una página web

  • Aprenderás a pasar tus diseños hechos en programas de diseño como Photoshop o Illustrator a lenguajes de maquetación web HTML5 y CSS3 de una manera fácil y práctica.

  • Aprenderás a utilizar el método de las ayudas visuales.

  • Aprenderás la maquetación de cajas principales e internas para elaborar un correcto wireframe.

Instructor

Profile photo of Juan Fernando Urrego
Juan Fernando Urrego

Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual, programador y especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web y Diseño Interactivo. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.

Review
4.9 course rating
4K ratings
ui-avatar of Cesar Moncada
Cesar M.
5.0
7 months ago

Buena manera de explicar. paso a paso y calmado

  • Helpful
  • Not helpful
ui-avatar of Meena.S
Meena.s
3.5
10 months ago

GOOD

  • Helpful
  • Not helpful
ui-avatar of Omar Alvarez
Omar A.
4.5
11 months ago

Muy buen curso sobre todo para realizar una correcta maquetación

  • Helpful
  • Not helpful
ui-avatar of Iliana Irazabal
Iliana I.
4.5
11 months ago

Hasta ahora buena explicación, bien detallado y entendible

  • Helpful
  • Not helpful
ui-avatar of Lourdes Huilcatoma
Lourdes H.
4.0
11 months ago

Es difícil ver el código fuente en el móvil, las letras se ven muy pequeñas, recomiendo ver en una Pc.

La explicación es muy buena

  • Helpful
  • Not helpful
ui-avatar of Ever
Ever
5.0
1 year ago

Excelente, te ayuda a dimensionar como funcionas HTMLS y CSS de una forna bastante didactica

  • Helpful
  • Not helpful
ui-avatar of Derek Buzo
Derek B.
5.0
1 year ago

Videos cortos, directos y concisos. Se necesita un poco de conocimiento en photoshop para sacarle el máximo provecho. La explicación de posición relativa y posición absoluta es la mejor que he escuchado, por fin entendí ambos conceptos.

Lo único que podría mejorar es la calidad del audio. Le falta un poco de nitidez y como que se pasa la compuerta de ruido al grado que se escucha un poco cortado a veces, pero no es para nada un problema.

  • Helpful
  • Not helpful
ui-avatar of Vanesa Moreno
Vanesa M.
4.0
1 year ago

muy bueno

  • Helpful
  • Not helpful
ui-avatar of Margarita Triana
Margarita T.
5.0
1 year ago

Claro, consiso y estructurado. Muchas gracias

  • Helpful
  • Not helpful
ui-avatar of Carlos Ruben Capdevila
Carlos R. C.
4.0
1 year ago

La explicación es muy clara

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses