Curso de Maquetación web de PSD a HTML para diseñadores gráficos
Conocer los lenguajes de maquetación HTML y CSS de forma básica, aplicando los diseños creados con Photoshop y convertirlos en una página web compatible con todos los navegadores y resoluciones. Identificación de estructuras y problemas, conocimiento de HTML y CSS, identificación correcta de bloques y líneas y utilización de recursos de Photoshop para exportación de elementos gráficos necesarios.
Información del curso
Tests de autoevaluación
Las unidades didácticas incluyen tests de autoevaluación finales para fijar los conocimientos adquiridos.
Diploma de superación
Los alumnos pueden descargar su diploma inmediatamente después de superar el curso.
Foros del curso
Los alumnos pueden utilizarlos para contactar con los tutores e intercambiar conocimientos con otros compañeros.
Curso de Maquetación web de PSD a HTML para diseñadores gráficos
Objetivos
Conocer los lenguajes de maquetación HTML y CSS de forma básica, aplicando los diseños creados con Photoshop y convertirlos en una página web compatible con todos los navegadores y resoluciones. Identificación de estructuras y problemas, conocimiento de HTML y CSS, identificación correcta de bloques y líneas y utilización de recursos de Photoshop para exportación de elementos gráficos necesarios.
Dirigido a
Diseñadores gráficos y profesionales que deseen conocer la maquetación web a fondo y que no conozcan previamente, o no tengan conocimientos básicos de los lenguajes HTML y CSS.
Contenidos del curso
· Qué es y para qué sirve · Estructura básica de un documento HTML · Marcado con etiquetas en bloque y en línea · Etiquetas para inclusión de recursos (imagen, vídeo, flash, etc) · Anidado de etiquetas y utilidades con divisores · Enlazado entre páginas · Las etiquetas DIV y SPAN · Elementos de un formulario (áreas de texto, selectores, checkboxes, botones) · Novedades en etiquetado con HTML5 (header, footer, article, section) · Multimedia con HTML5 (video, audio, acciones táctiles) · Introducción a Modernizr / Conditionizr
· Qué es y para qué sirve · Enlazado desde documentos HTML · Comandos básicos de diseño · Control de flujo con FLOAT · Control de flujo con DISPLAY · Compatibilidad con navegadores antiguos · Particularidades de Internet Explorer · Visibilidad y opacidad · Comandos avanzados (bordes redondeados, sombras, filtros ,etc) · Los píxeles y los EM. · Qué son los mediaqueries y cómo se aprovechan al máximo · Importancia y uso del POSITION. Explicación detallada de «static», «relative», «absolute» y «fixed». · El futuro POSITION: pinned elements y cómo conseguirlo a través de Javascript en la actualidad. · Tipografías con CSS. Cómo exportarlas a los diferentes formatos e incluirlas en las hojas de estilos.
· Identificación mediante Photoshop de elementos clave · Estructuración previa de las páginas del diseño · Análisis de compatibilidad con navegadores y resoluciones · Identificación previa de posibles problemas. · Exportación de recursos necesarios para la maquetación (imágenes, iconos, fondos o degradados).
· Utilización de IDEs y editores de texto · Preparación de documentos principales y hojas de estilo · Identificación de tamaños generales adaptables a resoluciones · Medición de elementos y textos · Utilización de Modernizr y Conditionizr
· Estructura de HTML · Aplicando estilos a las etiquetas HTML · Identificación de bloques, líneas y bloques en línea. · Aplicando mediaqueries para diferentes resoluciones · Identificación de problemas en diferentes navegadores y resoluciones · Optimización de código para ser amigable con motores de búsqueda
· Validación de código W3C · Comprobación de resultados “al píxel” en diferentes navegadores y resoluciones · Soluciones a problemas en diferentes navegadores y dispositivos con Conditionizr y Modernizr
Otros cursos que te pueden interesar
Programación de Microsoft SharePoint Server
Informática profesionales
Implementación de la factura electrónica
Informática profesionales
Firma electrónica, DNIe y factura electrónica
Informática profesionales