IFCT031PO Creación, programación y diseño de páginas web con HTML5 y CSS3

Objetivos

Diseñar, crear, programar páginas WEB CONHTML5 y CSS3.

Índice

Unidad 1. Fundamentos de JavaScript

Introducción y objetivos

Lección 1. Introducción

 1. La evolución de la Web

 2. Estándares web

 3. HTML5 y CSS3

 4. JavaScript

*Práctica

Lección 2. Introducción a JavaScript

 1. La etiqueta "< script >"

 2. Contenido alternativo

 3. Variables

 4. Tipos de datos

 5. Operadores

 6. Cuadros de diálogo

 7. Test

*Práctica

Lección 3. Fundamentos de programación

 1. Estructuras de decisión

 2. Expresiones lógicas

 3. Estructuras de repetición

 4. Definir funciones

 5. Llamar funciones

 6. Ámbito de las variables

 7. Test

*Práctica

Lección 4. Objetos y Arrays en JavaScript

 1. Introducción

 2. La jerarquía de objetos

 3. Propiedades y eventos

 4. Métodos

 5. Arrays

 6. Test

*Práctica

Lección 5. Los objetos location e history

 1. ¿Qué es una URL?

 2. El objeto location

 3. Actualizando la dirección

 4. El objeto history

 5. Test

*Práctica

Lección 7. El objeto form

 1. Formularios HTML

 2. El conjunto forms

 3. La propiedad elements

 4. Validar la información

 5. ¿Cuándo realizar la validación?

 6. Tipos de validación

 7. Test

*Práctica

Lección 8. Modelo de Objetos del Documento (DOM)

 1. El árbol del documento

 2. Tipos de nodos y de relaciones

 3. Obtener elementos

 4. Obtener y establecer atributos

 5. Test

*Práctica

Lección 9. Manipulación del DOM

 1. Recorrer el árbol del documento

 2. Modificar el valor de los nodos

 3. Crear, eliminar y reemplazar nodos

 4. El método innerHTML

 5. Modificar el formato dinámicamente

 6. Test

*Práctica

Lección 10. Buenas prácticas

 1. Separar estructura y comportamiento

 2. Añadir los manejadores de evento

 3. Detectar características de los navegadores

 4. Ejemplo: Una galería fotográfica

 5. Ejemplo: La estructura de la página

 6. Ejemplo: El código JavaScript

 7. Test

*Práctica

UNIDAD 2. HTML5 Y CSS3

Lección 1. Elementos estructurales de HTML5

 1. Doctype de HTML5

 2. Evitando elementos div

 3. Descripción de los elementos estructurales HTML5

 4. Aplicar los elementos estructurales HTML5

 5. Modificar la hoja de estilo en cascada

 6. Test

*Test de consolidación

*Práctica

Lección 2. Trabajando con esquemas HTML5

 1. Aplicar estilo a los elementos estructurales HTML5

 2. Otros elementos semánticos de HTML5

 3. Elementos article anidados

 4. El esquema del documento

 5. Test

*Test de consolidación

*Práctica

Lección 3. Formularios HTML5

 1. Introducción

 2. Nuevos controles de formulario

 3. Nuevos atributos

 4. Compatibilidad con navegadores antiguos

 5. Test

*Test de consolidación

*Práctica

Lección 4. Dibujar con el elemento canvas (Parte 1)

 1. Introducción

 2. Una interfaz de dibujo 2D

 3. Dibujar rectángulos

 4. Dibujar trazados

 5. Colores de trazo y de relleno

 6. Test

*Test de consolidación

*Práctica

Lección 5. Dibujar con el elemento canvas (Parte 2)

 1. Estilos de línea

 2. Gradientes

 3. Patrones

 4. Dibujar imágenes

 5. Dibujar texto

 6. Test

*Test de consolidación

*Practica

Lección 6. Vídeo y audio en HTML5

 1. Reproducción sin plugin

 2. La etiqueta <video>

 3. Formatos y códecs de vídeo

 4. Códecs de audio

 5. La etiqueta <audio>

 6. API multimedia

 7. Test

*Test de consolidación

*Práctica

Lección 7. Introducción a CSS3 (Parte 1)

 1. La evolución que representa CSS3

 2. Nuevos selectores CSS3

 3. Esquinas redondeadas y sombras

 4. Colores

 5. Gradientes de color

 6. Test

*Test de consolidación

*Práctica

Lección 8. Introducción a CSS3 (Parte 2)

 1. Incrustación de fuentes

 2. Dónde obtener fuentes

 3. Múltiples imágenes de fondo

 4. Transiciones

 5. Transformaciones

 6. Test

*Test de consolidación