Vacío
Curso maquetación para páginas web: De PSD a HTML5

Curso maquetación para páginas web: De PSD a HTML5

5

En este curso de maquetación para páginas web aprenderás a utilizar las propiedades idóneas de PSD a HTML5, para una correcta construcción de sitios, 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.

Lecciones
1
4 Lecciones
  • 1. Introducción
  • 2. Wireframe
  • 3. Mockup
  • 4. Pixel Perfect
2
8 Lecciones
  • 1. Photoshop
  • 2. Configuración Photoshop para trabajo Web
  • 3. Recursos de imagen
  • 4. Nombres de capa
  • 5. Formatos de archivo
  • 6. Formato GIF
  • 7. Formato JPG
  • 8. Formato PNG
3
1 Lecciones
  • 1. Perfect pixel
4
7 Lecciones
  • 1. Visual Studio Code
  • 2. Instalación Mac
  • 3. Instalación Windows
  • 4. Manejo Básico
  • 5. Configuración Inicial
  • 6. Extensiones
  • 7. Columnas
5
16 Lecciones
  • 1. Carpeta proyecto
  • 2. Html y CSS
  • 3. Flexbox
  • 4. Display
  • 5. Flex direction
  • 6. Flex wrap
  • 7. Flex flow
  • 8. Justify content
  • 9. Align items
  • 10. Align content
  • 11. Align self
  • 12. Order
  • 13. Flex grow
  • 14. Flex shrink
  • 15. Flex basis
  • 16. Flex
6
17 Lecciones
  • 1. Análisis documentos
  • 2. Html base
  • 3. Header
  • 4. Main
  • 5. Footer
  • 6. CSS Base
  • 7. CSS Header
  • 8. CSS Navbar
  • 9. CSS Textos
  • 10. Detalles - Perfect Pixel
  • 11. Section - Parte 1
  • 12. Section - Parte 2
  • 13. Section - Parte 3
  • 14. Suscripción
  • 15. Footer
  • 16. Meta Tags
  • 17. Validación del Código
7
16 Lecciones
  • 1. Html base
  • 2. Header
  • 3. Main
  • 4. Mapa
  • 5. Footer
  • 6. CSS Base
  • 7. CSS Contenedor
  • 8. CSS Header - Parte 1
  • 9. CSS Header - Parte 2
  • 10. CSS Main - Parte 1
  • 11. CSS Main - Parte 2
  • 12. CSS Main - Parte 3
  • 13. CSS Mapa
  • 14. CSS Footer
  • 15. Meta Tags
  • 16. Validación del Código
8
20 Lecciones
  • 1. Análisis archivos
  • 2. Rejilla
  • 3. Mockup Home
  • 4. Mockup Servicios
  • 5. Mockup Galería
  • 6. Mockup Contacto
  • 7. Mockup Footer
  • 8. Detalles Mockup
  • 9. Html base
  • 10. CSS Base
  • 11. CSS Header
  • 12. CSS Home
  • 13. CSS Servicios - Parte 1
  • 14. CSS Servicios - Parte 2
  • 15. CSS Galería
  • 16. CSS Contacto - Parte 1
  • 17. CSS Contacto - Parte 2
  • 18. CSS Footer
  • 19. Ajustes Finales
  • 20. FTP
9
2 Lecciones
  • 1. Utilidades
  • 2. Conclusión y despedida
Autor
Daniel Gerardo  López Figueroa
instructor

Soy Programador y desarrollador de Software, también Diseñador Gráfico, docente en diversas instituciones de temas relacionados con el desarrollo web y el diseño gráfico desde el año 2002. Tengo más de 18 años de experiencia en el desarrollo de sitios web y más de 23 años de experiencia en la producción de material gráfico. Desde entonces he estado vinculado a empresas de varios sectores de la industria y la educación. Apasionado por los lenguajes de programación web, me especializo en lenguajes como HTML5, CSS3, JavaScript, PHP, SQL, XML y algunos de sus complementos como Less, Sass, jQuery, Bootstrap, Laravel, Symfony y Ajax entre otros. En la actualidad me desempeño como instructor del Servicio Nacional de Aprendizaje SENA (Institución de educación superior del gobierno Colombiano) en el área de Producción de Multimedia y como consultor experto en diseño y desarrollo web.

¡Aprende, certifica tus conocimientos y aumenta tus ingresos!