- 1. Introducción
- 2. Wireframe
- 3. Mockup
- 4. Pixel Perfect
Curso de maquetación de páginas web: PSD a HTML5
4
En este curso de maquetación de 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.
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
- 1. Perfect pixel
- 1. Visual Studio Code
- 2. Instalación Mac
- 3. Instalación Windows
- 4. Manejo Básico
- 5. Configuración Inicial
- 6. Extensiones
- 7. Columnas
- 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
- 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
- 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
- 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
- 1. Utilidades
- 2. Conclusión y despedida
Autor
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.