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

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS TÉCNICO PROFESIONAL EN DISEÑO WEB AVANZADO CON HTML5 Y CSS3

El término HTML hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. Así este curso dotará al alumnado para adquirir las habilidades necesarias que le permitan aplicar el lenguaje JavaScript en el diseño web, así como su estructura y funciones, así como conocer las novedades que aparecen con la versión Nivel 3 de las Hojas de estilo en cascada (CSS3).

CONTENIDO DEL CURSO GRATIS TÉCNICO PROFESIONAL EN DISEÑO WEB AVANZADO CON HTML5 Y CSS3

UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS

1. Introducción a las herramientas
2. Uso del editor de texto
3. Exploración de navegadores

UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A HTML

1. Conceptos básicos de HTML
2. Pasos para crear un documento HTML
3. Características esenciales de HTML

UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

1. Incorporación de textos en HTML
2. Cómo crear enlaces
3. Listas en HTML: Tipos y usos
4. Inserción de imágenes y objetos

UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Creación y uso de tablas
2. Diseño de formularios
3. Estructuras y layout en HTML

UNIDAD DIDÁCTICA 5. OTRAS ETIQUETAS IMPORTANTES

1. Exploración de etiquetas adicionales relevantes

UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. Definición de metainformación
2. Principios de accesibilidad en la web
3. Proceso de validación de documentos HTML

UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS

1. Conceptos fundamentales de CSS
2. Compatibilidad de CSS en navegadores
3. Normativas y especificaciones oficiales
4. Funcionamiento básico de CSS
5. Formas de incluir CSS en un sitio web
6. Estilos básicos en CSS
7. Uso de medios en CSS
8. Comentarios en CSS
9. Sintaxis de las definiciones CSS

UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

1. Uso de selectores CSS
2. Unidades de medida en CSS
3. Definición y uso de colores en CSS

UNIDAD DIDÁCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. Comprensión del modelo de cajas
2. Propiedades de las cajas en CSS
3. Margen, relleno y bordes en el modelo de cajas
4. Posicionamiento y visualización de elementos
5. Tipos de posicionamiento
6. Opciones de visualización

UNIDAD DIDÁCTICA 10. ESTRUCTURAR UNA PÁGINA "LAYOUT"

1. Introducción al concepto de layout
2. Métodos para centrar una página horizontalmente
3. Métodos para centrar una página verticalmente
4. Estructuración y layout de páginas web
5. Definición de alturas y anchos máximos y mínimos
6. Estilos avanzados en diseño de layout

UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS

1. Estilos de texto en CSS
2. Estilización de enlaces
3. Presentación de imágenes
4. Formateo de listas

UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND

1. Diseño de tablas en CSS
2. Creación y estilo de formularios

UNIDAD DIDÁCTICA 13. OTRAS UTILIDADES DE CSS

1. Creación de versiones para imprimir
2. Personalización del cursor
3. Hacks y filtros en CSS
4. Prioridades en las declaraciones CSS
5. Validación de estilos CSS
6. Recomendaciones generales para el uso de CSS
7. Recursos útiles sobre CSS

UNIDAD DIDÁCTICA 14. FIREBUG

1. Definición y función de Firebug
2. Proceso de instalación de Firebug
3. Uso práctico de Firebug

UNIDAD DIDÁCTICA 15. INTRODUCCIÓN A HTML5

1. Definición de HTML5
2. Principales mejoras de HTML5
3. Etiquetas obsoletas en HTML5
4. Etiquetas modificadas en HTML5
5. Listado de etiquetas HTML5
6. Atributos eliminados en HTML5
7. Otros cambios relevantes en HTML5
8. Estructura básica de HTML5
9. Nueva estructuración del body en HTML5
10. Nuevos elementos de estructuración en HTML5

UNIDAD DIDÁCTICA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

1. Introducción a atributos globales en HTML5
2. Nuevos atributos disponibles
3. Introducción a nuevos eventos en HTML5

UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elemento bdi
2. Elemento command
3. Elemento data
4. Elementos details
5. Elemento mark
6. Elemento meter
7. Elemento progress
8. Elemento ruby
9. Elemento time
10. Elemento wbr

UNIDAD DIDÁCTICA 18. MEJORAS EN LOS FORMULARIOS

1. Nuevos elementos para formularios en HTML5
2. Cambios en el atributo type (input)
3. Nuevos atributos para el formulario
4. Nuevos atributos para fieldset
5. Nuevos atributos para input
6. Nuevos atributos para textarea

UNIDAD DIDÁCTICA 19. OTRAS MEJORAS DE HTML5

1. Introducción a los elementos multimedia
2. Etiqueta source en HTML5
3. Etiqueta track en HTML5
4. Elemento vídeo en HTML5
5. Elemento audio en HTML5
6. Elemento embed en HTML5
7. Elemento canvas en HTML5
8. Introducción a MathML
9. Introducción a SVG
10. Introducción a la funcionalidad Drag and Drop
11. Validador de HTML5

UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3

1. Conceptos básicos de CSS3
2. Unidades, colores y fuentes en CSS3
3. Nuevos selectores y pseudo-clases en CSS3

UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES

1. Propiedades para la animación en CSS3
2. Nuevas propiedades para los fondos en CSS3
3. Nuevas propiedades para bordes en CSS3

UNIDAD DIDÁCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

1. Propiedades de las cajas en CSS3
2. Propiedades de las cajas flexibles en CSS3
3. Propiedades del color en CSS3
4. Propiedades para las fuentes en CSS3

UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS

1. Propiedades para los hiperenlaces en CSS3
2. Propiedades de las multi-columnas en CSS3

UNIDAD DIDÁCTICA 24. TEXTO Y TRANSFORMACIONES 2D/3D

1. Propiedades para el texto en CSS3
2. Propiedad de transformación 2D/3D en CSS3

UNIDAD DIDÁCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO

1. Propiedades para las transiciones en CSS3
2. Propiedades para la interfaz de usuario en CSS3
3. Validación de CSS3

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Manual teórico: Diseño Web Avanzado con HTML5 y CSS3. Vol 1
• Manual teórico: Diseño Web Avanzado con HTML5 y CSS3. Vol 2
• Cuaderno de ejercicios: Diseño Web Avanzado con HTML5 y CSS3
• CDROM: Diseño Web Avanzado con HTML5 y CSS3