IFCM036PO Html 5 y css 3

Curso e-learning IFCM036PO Html 5 y css 3 de la familia profesional Informática y comunicaciones

Este contenido en formato SCORM ofrece una formación completa en tecnologías web como HTML5, CSS3 y JavaScript con un enfoque práctico y actualizado. Con el objetivo de capacitar al alumnado en las últimas tecnologías para la creación de páginas web dinámicas y multimedia, proporcionando las habilidades necesarias para destacar en el desarrollo de sitios web modernos.

Este contenido incluye una variedad de recursos didácticos como exámenes parciales, exámenes finales, proyecto final y gamificación, entre otros. Es compatible con la mayoría de las plataformas de teleformación, lo que lo convierte en una excelente opción para potenciar el aprendizaje en el ámbito de la informática y comunicaciones.

Categoría: Informática y comunicaciones Etiqueta: Cursos

No ofrecemos cursos a particulares. Nuestros contenidos e-learning solo se ponen a disposición de centros y organizaciones que imparten formación.

Objetivos

Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML5 y CSS3 para la simplificación de la construcción de páginas web, en especial en las nuevas capacidades que aportan sobre contenidos dinámicos y multimedia.

Índice

UD1. HTML5 Y CSS3

1.0.-Introduccion y objetivos

1.1-Elementos estructurales de HTML5

1.1.1- Doctype de HTML5

1.1.2- Evitando elementos div

1.1.3- Descripción de los elementos estructurales HTML5

1.1.4-Aplicar los elementos estructurales HTML5

1.1.5-Modificar la hoja de estilo en cascada

1.1.6-Test

Práctica

1.2.- Trabajando con esquemas HTML5

1.2.1- Aplicar estilo a los elementos estructurales HTML5

1.2.2- Otros elementos semánticos de HTML5

1.2.3- Elementos article anidados

1.2.4- El esquema del documento

1.2.5-Test

Práctica

1.3- Formularios HTML5

1.3.1- Introducción

1.3.2- Nuevos controles de formulario

1.3.3- Nuevos tributos

1.3.4-Compatibilidad con navegadores antiguos

1.3.5- Test

Práctica

1.4-Dibujar con el elemento canvas (parte 1)

1.4.1- Introducción

1.4.2-Una interfaz de dibujos 2D

1.4.3-Dibujar rectángulos

1.4.4-Dibujar trazados

1.4.5-Colores de trazo y de relleno

(1.4.6- Test)

Práctica

1.5- Dibujar con el elemento canvas (parte 2)

1.5.1-Estilos de línea

1.5.2- Gradientes

1.5.3- Patrones

1.5.4-Dibujar imágenes

1.5.5-Dibujar texto

1.5.6-Test

Práctica

1.6- Video y audio en HTML5

1.6.1-Reproducción sin plugin

1.6.2-La etiqueta “video”

1.6.3-Formatos y códecs de vídeo

1.6.4-Códecs de audio

1.6.5-La etiqueta “audio”

1.6.6-API multimedia

1.6.7-Test

Práctica

1.7-Introducción a CSS3 (parte 1)

1.7.1-La evolución que representa CSS3

1.7.2- Nuevos selectores CSS3

1.7.3-Esquinas redondeadas y sombras

1.7.4- Colores

1.7.5-Gradientes de color

1.7.6-Test

Práctica

1.8-Introducción a CSS3 (parte 2)

1.8.1- Incrustación de fuentes

1.8.2-Dónde obtener fuentes

1.8.3-Múltiples imágenes de fondo

1.8.4-Transiciones

1.8.5-Transformaciones

1.8.6- Test

Práctica Final

UD2. FUNDAMENTOS DE “JAVASCRIPT”

2.1-Introducción

2.1.1-La evolución de la Web

2.1.2-Estándares web

2.1.3-HTML5 y CSS3

2.1.4-“JavaScript”

Práctica

2.2-Introducción a “JavaScript”

2.2.1-La etiqueta “< script >”

2.2.2-Contenido alternativo

2.2.3-Variables

2.2.4-Tipos de datos

2.2.5-Operadores

2.2.6-Cuadros de diálogo

2.2.7-Test

Práctica

2.3-Fundamentos de programación

2.3.1-Estructuras de decisión

2.3.2-Expresiones lógicas

2.3.3-Estructuras de repetición

2.3.4-Definir funciones

2.3.5-Llamar funciones

2.3.6-Ámbitos de las variables

2.3.7-Test

Práctica

2.4-Objetivos y Arrays en “JavaScript”

2.4.1-Introducción

2.4.2-La jerarquía de objetos

2.4.3-Propiedades y eventos

2.4.4-Métodos

2.4.5-Arrays

2.4.6-Test

Práctica

2.5-Los objetivos location e history

2.5.1- ¿Qué es una URL?

2.5.2-El objeto location

2.5.3-Actualizando la dirección

2.5.4-El objeto history

2.5.5-Test

Práctica

2.6-El objeto document

2.6.1-Introducción

2.6.2-La propiedad title

2.6.3-El método write

2.6.4-El conjunto images

2.6.5-Test

Práctica

2.7-El objetivo form

2.7.1-Formularios HTML

2.7.2-El conjunto forms

2.7.3-La propiedad elements

2.7.4-Validar la información

2.7.5- ¿Cuándo realizar la validación?

2.7.6-Tipos de validación

2.7.7-Test

Práctica

2.8-Modelo de Objetos del Documento(DOM)

2.8.1-El árbol del documento

2.8.2-Tipos de nodos y de relaciones

2.8.3-Obtener elementos

2.8.4-Obtener y establecer atributos

2.8.5-Test

Práctica

2.9-Manipulación del DOM

2.9.1-Recorrer el árbol del documento

2.9.2-Modificar el valor de los nodos

2.9.3-Crear, eliminar y reemplazar nodos

2.9.4-El método innerHTML

2.9.5-Modificar el formato dinámicamente

2.9.6-Test

Práctica

2.10-Buenas prácticas

2.10.1-Separar estructuras y comportamiento

2.10.2-Añadir los manejadores de evento

2.10.3-Detectar características de los navegadores

2.10.4-Ejemplo: Una galería fotográfica

2.10.5-Ejemplo: La estructura de la página

2.10.6-ejemplo: El código “JavaScript”

2.10.7-Test

Práctica final

Contenido SCORM para el Curso IFCM036PO: 5 y css 3

Optimiza la formación de tus empleados en el ámbito de la programación web moderna con el curso IFCM036PO 5 y css 3. Este contenido especializado, enmarcado en la categoría de Especialidades formativas > Informática y comunicaciones, está diseñado para facilitar a los centros de formación la impartición de conocimientos clave sobre 5 y CSS3, resaltando las ventajas que ofrecen en la construcción de sitios web dinámicos y multimedia.

Contenidos clave

Descubre cómo aplicar los elementos estructurales de HTML5 y CSS3 para simplificar la construcción de páginas web.
Aprende a trabajar con esquemas HTML5 y a aplicar estilos a elementos estructurales.
Explora las nuevas capacidades de formularios en HTML5 y cómo mejorar la experiencia de usuario.
Domina la creación de gráficos con el elemento canvas y la incorporación de video y audio en HTML5.
Sumérgete en los fundamentos de JavaScript, desde variables y operadores hasta la manipulación del DOM.