Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3

Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3

Categorías: ,

Modalidad:  Online

Duración:    90 horas

 

Objetivos:

El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico. Es por esto que hoy muchas empresas o instituciones mayoritariamente utilizan como medio de comunicación su sitio web dejando un poco más de lado publicaciones escritas, folletos, catálogos impresos u otros medios relacionados con el diseño gráfico tradicional. Al finalizar el curso el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web necesarias para desarrollarse profesionalmente con éxito en este ámbito.

 

Contenidos:

TEMA 1. HERRAMIENTAS NECESARIAS

Introducción

Editor de texto

Navegadores

 

TEMA 2. INTRODUCCIÓN HTML

Introducción HTML

¿Cómo creamos documento HTML?

Características básicas

 

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

Textos en HTML

Enlaces

Listas en HTML

Imágenes y objetos

 

TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

Tablas

Formularios

Estructuras y layout

 

TEMA 5. OTRAS ETIQUETAS IMPORTANTES

Otras etiquetas importantes

 

TEMA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

¿Qué es la Metainformación?

Accesibilidad

Validación

 

TEMA 7. INTRODUCCIÓN CSS

Introducción CSS

Soporte de CSS en navegadores

Especificación oficial

Funcionamiento básico de CSS

¿Cómo incluir CSS en la Web?

Estilo básico

Medios CSS

Comentarios

Sintaxis de la definición

 

TEMA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

Selectores CSS

Unidades de medida

Colores

 

TEMA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

Modelo de cajas

Propiedades de las cajas

Margen, relleno, bordes y modelo de cajas

Posicionamiento y visualización

Posicionamiento

Visualización

 

TEMA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT”

Introducción a layout

¿Cómo centrar una página horizontalmente?

¿Cómo centrar una página verticalmente?

Estructura y layout

Altura/anchuras máximas y mínimas

Estilos avanzados

 

TEMA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS

Textos en CSS

Enlaces

Imágenes

Listas

 

TEMA 12. TABLAS, FORMULARIOS Y SHORTHAND

Tablas

Formulario

 

TEMA 13. OTRAS UTILIDADES DE CSS

Versión para imprimir

Personalizar el cursor

Hacks y filtros

Prioridad en las declaraciones

Validar CSS

Recomendaciones Generales

Recursos útiles

 

TEMA 14. FIREBUG

¿Qué es Firebug?

¿Como se instala?

¿Como usamos Firebug?

 

TEMA 15. INTRODUCCIÓN HTML5

¿Qué es HTML5?

¿Cuáles son las mejoras?

Etiquetas Obsoletas

Etiquetas modificadas

Lista de etiquetas HTML5

Atributos eliminados

Otros cambios

Estructura HTML5

Nueva estructuración del body

Otros elementos nuevos de estructuración

 

TEMA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

Introducción a atributos globales

Nuevos atributos

Introducción a los nuevos eventos.

 

TEMA 17. NUEVOS ELEMENTOS SEMÁNTICOS

Elemento bdi

Elemento command

Elemento data

Elementos details

Elemento mark

Elemento meter

Elemento progress

Elemento ruby

Elemento time

Elemento wbr

 

TEMA 18. MEJORAS EN LOS FORMULARIOS

Nuevos elementos para los Formularios

Cambios en el atributo type (input)

Nuevos atributos para form

Nuevos atributos para fieldset

Nuevos atributos para input

Nuevos atributos para textarea

 

TEMA 19. OTRAS MEJORAS DE HTML5

Introducción a los elementos multimedia

Etiqueta source

Etiqueta track

Elemento video

Elemento audio

Elemento embed

Elemento canvas

Introducción a MathML

Introducción a SVG

Introducción a Drag and Drop

Validador HTML5

 

TEMA 20. INTRODUCCIÓN A CSS3

Introducción

Unidades, colores y fuentes

Nuevos Selectores y pseudo-clases

 

TEMA 21. ANIMACIONES, FONDOS Y BORDES

Propiedades para la animación

Nuevas propiedades para los fondos

Nuevas propiedades para Bordes

 

TEMA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

Propiedades de las cajas

Propiedades de las cajas flexibles

Propiedades del color

Propiedades para las Fuentes

 

TEMA 23. ENLACES Y MULTI-COLUMNAS

Propiedades para los hiperenlaces

Propiedades de las multi-columnas

 

TEMA 24. TEXTO Y 2D/3D TRANSFORMACIONES

Propiedades para texto

Propiedad 2D/3D Transform

 

TEMA 25. TRANSICIONES E INTERFAZ DE USUARIO

Propiedades para las transiciones

Propiedades para la interfaz de usuario

Validación CSS3

 

Descarga el programa de este curso

Me interesa este curso

Escribe el curso que necesitas

Acceso a plataforma de formación

Si no tienes acceso envíanos un correo a contacto@snlgroup.com o llámanos al

93 159 28 26

Descarga el programa de este curso

Me interesa este curso

Cursos por categorías

Enviar mensaje

Y en breve tendrás noticias nuestras

 

Cumplimiento normativa RGPD

11 + 9 =

Información de contacto

Seguimos creciendo

 

Actualmente nos encontramos en Barcelona, Madrid, Mataró y Sabadell. SNL Group tiene previsto abrir oficinas en varias localidades de la geografía española y así dar más y mejor cobertura a nuestros clientes.

93 159 28 26

Calle Galileo, 232, 08028 Barcelona