Crear formularios e integrarlos en páginas Web para incluir interactividad en las mismas, siguiendo unas especificaciones funcionales recibidas. Además, confeccionar plantillas para las páginas Web atendiendo también a los requisitos de diseño recibidos.

UA1 - Formularios en la construcción de páginas Web: Características y elementos del formulario
Introducción
Mapa conceptual
Características
La interactividad de las páginas Web
La variabilidad de los datos de la página Web
El envío de información a servidores
Elementos y atributos de formulario
Descripción y definición de los atributos del elemento
Descripción y definición de los tipos de campos
Tipo button
Tipo checkbox
Tipo color
Tipo date
Tipo datetime / datetime-local
Tipo e-mail
Tipo file
Tipo hidden
Tipo image
Tipo month
Tipo number
Hemos aprendido
UA2 - Formularios en la construcción de páginas Web: Elementos de formulario y maquetación
Introducción
Mapa conceptual
Descripción y definición de los elementos de un formulario
Tipo password
Tipo radio
Tipo range
Tipo reset
Tipo search
Tipo submit
Tipo tel
Tipo text
Tipo time
Tipo url
Tipo week
Utilización de campos y textos
Etiquetas de los formularios
Input
Textarea
Label
Tamaños, columnas y filas de los formularios
Maquetación con tablas
Maquetación con divs y CSS
Hemos aprendido
UA3 - Formularios en la construcción de páginas Web: Controles de formularios y accesibilidad
Introducción
Mapa conceptual
Controles de formulario
Descripción de los controles de los formularios
Utilización de botones de acción
Utilización de listas desplegables
Utilización de casillas de verificación
Utilización de campos de texto
Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios
Agrupación de datos
Adecuación del tamaño del formulario (división en distintas páginas)
Identificación de campos obligatorios
Ordenación lógica de la petición de datos
Información correcta al usuario
Utilización de páginas de error y de confirmación
Hemos aprendido
UA4 - Plantillas en la construcción de páginas Web: Funciones y características
Introducción
Mapa conceptual
Descripción de una plantilla Web
Elementos de una plantilla Web
Estructura y organización de los elementos de las plantillas
Introducción a Bootstrap
Descarga y configuración de Bootstrap
Cabeceras, enlaces y botones
Botones avanzados
Hemos aprendido
UA5- Plantillas en la construcción de páginas web: Elementos definidos con Twitter Bootstrap
Introducción
Mapa conceptual
Estructura y organización de los elementos de las plantillas
Diseño y sistema de rejilla
Creación de páginas
Creación de una página portafolio
Creación de una página de productos
Barras de navegación
Páginas adaptables
Listas desplegables
Fichas y píldoras
Hemos aprendido
UA6 - Plantillas en la construcción de páginas Web: Funcionalidad de Twitter Bootstrap y uso de plantillas
Introducción
Mapa conceptual
Funciones y características
Estructura y organización de los elementos de las plantillas
Tablas
Iconos (Glyphicons)
Implementación de un Carrusel
Tratamiento de textos
Tratamiento de imágenes y vídeo incrustado
Otras clases útiles
Migas de pan
Optimización y personalización
Otras posibilidades con Bootstrap
Recursos sobre Bootstrap
Especificar las zonas modificables de una plantilla y las partes fijas
Utilización de plantillas
Campos editables y no editables
Definir y crear los campos susceptibles de cambios en una plantilla
Definir y crear los campos no modificables en una plantilla
Aplicar plantillas a páginas Web
Las plantillas en la Web
Búsqueda de plantillas en la red
Adaptación de plantillas a páginas Web
Hemos aprendido