Aprende a maquetar paginas web: De PSD a HTML5

• A conocer el concepto de Wireframe y utilizarlo en un proyecto completo.

• A conocer el concepto de MockUp y utilizarlo en un proyecto completo.

• A diseñar un MockUp desde cero y convertirlo en un sitio web profesional.

• A configurar y utilizar Photoshop para la web.

• A utilizar uno de los mejores editores de código de la actualidad.

• A identificar y aplicar las propiedades de Flexbox.

• A desarrollar proyectos web con lo último del HTML5 y CSS3 partiendo de Photoshop.

• A aplicar algunos efectos interesantes con jQuery.

• A usar herramientas que utilizan los profesionales para perfeccionar la creación de páginas web en el mundo real.

• A montar a un servidor real nuestros sitios web terminados.

• A manejar proyectos web desde cero partiendo de un wireframe, pasando por un MockUp, generando el HTML y CSS necesarios y finalizar montando archivos a la web de una manera fácil y práctica.

• Diseñadores, publicistas, programadores, profesionales y emprendedores en general

• Cualquier persona con conocimientos básicos en HTML5 y CSS3, que desee desarrollar sitios web de manera profesional

• Es necesario tener conocimientos básicos en HTML5 y CSS3

• Manejo básico de un sistema operativo (Windows, Mac OS ó Linux)

En la actualidad el desarrollo de un sitio web, se ha vuelto un proceso un tanto largo y tedioso. No por el hecho del proceso en si, sino porque en las grandes y pequeñas agencias de desarrollo web, se han encargado de utilizar demasiados pasos entre la concepción de la idea y el producto final.

Todo lo anterior se puede resumir en el boceto inicial, maqueta o mockup inicial, mockup final, codificación, ajustes y finalización del proceso.

Es por eso, que en este curso, vamos a abordar el proceso en su totalidad, como se hace en la vida real, partiendo del boceto y culminando todo con el montaje del producto final a un servidor web. Usaremos lo mejor de Photoshop para ello, también utilizaremos  las propiedades idóneas del HTML5 y CSS3, generando código óptimo para la correcta construcción de nuestros sitios. De igual forma sacaremos provecho de herramientas de terceros para el proceso y dejaremos de lado todo lo que sea innecesario en el desarrollo, como lo hacen los profesionales de verdad