De PSD a HTML5 por Fabian Klinsmann

De PSD a HTML5

$29

En este curso aprenderás a maquetar un sitio web en HTML5 a partir de una plantilla en Photoshop.

Product Description

En este curso aprenderás a maquetar un sitio web en HTML5 a partir de una plantilla basica en Adobe Photoshop, todo 100% desde cero.

Podrás descargar la plantilla PSD para que puedas seguir sin problema la clase, a los largo de 5 proyectos aprenderás a maquetar este sitio de manera fácil y sencilla.

El curso se compone primero estudiando y estructurando la plantilla PSD de tal manera que primero veremos cómo esta compuesta la plantilla, luego crearemos secciones sobre como se va a maquetar y exportaremos las imágenes de la plantilla, una vez hecho todo este proceso pasaremos manos en el código.

Te recomiendo completamente este curso si quieres iniciarte en esto del desarrollo web.

Este curso fue creado por Klinsmann Fabian, desarrollador web y ninja Front-end. Klinsmann es licenciado en Marketing y Neuro Marketing Digitales, apasionado por las ultimas tecnologías, lleva mas de 3 años trabajando con HTML5, CSS3, jQuery, Responsive design y todo lo que tiene que ver en la web.

Curriculum

  • Introducción
  • 1.1 Presentación de la plantilla PSD
  • 1.2 Optimizar y Exportar imagenes
  • 1.3 Codeando HTML5
  • 1.4 Codeando CSS Parte 1
  • 1.5 Codeando CSS Parte 2
  • 2.1 Presentación de la plantilla PSD
  • 2.2 Codeando HTML5
  • 2.3 Codeando CSS
  • 3.1 Presentación de la plantilla
  • 3.2 Cortes/Slides de la plantilla
  • 3.3 Codeando HTML5 Parte 1
  • 3.4 Codeando HTML5 Parte 2
  • 3.5 Codeando CSS Parte 1
  • 3.6 Codeando CSS Parte 2
  • 3.7 Codeando CSS Parte 3
  • 4.1 Presentación de la plantilla
  • 4.2 Costes/Slides de la plantilla
  • 4.3 Codeando HTML5 Parte 1
  • 4.4 Codeando HTML5 Parte 2
  • 4.5 Codeando CSS Parte 1
  • 4.6 Codeando CSS Parte 2
  • 5.1 Presentación de la plantilla PSD
  • 5.2 Codeando HTML5 Parte 1
  • 5.3 Codeando HTML5 Parte 2
  • 5.4 Codeando CSS Parte 1
  • 5.5 Codeando CSS Parte 2
  • 6.1 Presentación de la plantilla PSD
  • 6.2 Cortes/Slides de la plantilla
  • 6.3 Estructura HTML2 Parte 1
  • 6.4 Estructura HTML2 Parte 2
  • 6.5 Estilos CSS Parte 1
  • 6.6 Estilos CSS Parte 2
  • 7.1 Presentación de la plantilla
  • 7.2 HTML5 Parte 1
  • 7.3 HTML5 Parte 2
  • 7.4 CSS Parte 1
  • 7.5 CSS Parte 2
  • 7.6 JS Carrousell y Lightbox
  • 8.1 Presentación de la plantilla
  • 8.2 Cortes/Slides
  • 8.3 HTML5
  • 8.4 CSS Parte 1
  • 8.5 CSS Parte 2
  • Clase de bonus

Course Requirements

Un editor de código. Te recomendamos el editor gratuito Sublime Text, pero incluso puedes usar notepad de Windows.

Photoshop en cualquiera de sus versiones para poder trabajar la plantilla PSD.

GET STARTED

Register | Lost your password?