Objetivos
Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML 5 y CSS 3 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
1. HTML5 y CSS3
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 Mofificar la hoja de estilo en cascada
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.3. Formularios HTML5
1.3.1 Introducción
1.3.2 Nuevos controles de formulario
1.3.3 Nuevos atributos
1.3.4 Compatibilidad con navegadores antiguos
1.3.5. Pseudoclases CSS3 relacionadas con los formularios HTML5
1.4. Dibujar con el elemento canvas (Parte 1)
1.4.1 Introducción
1.4.2 Una interfaz de dibujo 2D
1.4.3 Dibujar rectángulos
1.4.4 Dibujar trazados
1.4.5 Colores de trazo y de relleno
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.6. Vídeo y audio en HTML5
1.6.1. Introducción
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.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.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.9. Introducción a CSS3 (Parte 3)
1.9.1. Establecer el tamaño de la imagen de fondo con background-size
1.9.2. La propiedad box-sizing
1.9.3. Columnas
1.9.4. Reset y Normalize
1.9.5. PostCSS, Autoprefixer, cssnext y CodePen
2. 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
2.1.5. Editor de código
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.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 Ámbito de las variables
2.3.7. Funciones en el interior de funciones y funciones anónimas
2.4. Objetos 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.5. Los objetos 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.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.7. El objeto 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.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.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.10. Buenas prácticas
2.10.1 Separar estructura 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 JavaScript1.7.5 Gradientes de color
Contenido SCORM para el Curso IFCM036PO: HTML 5 y CSS 3
Optimiza la formación de tus empleados en el ámbito de la programación web moderna con el curso IFCM036PO HTML 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 HTML 5 y CSS 3, 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.
