Construcción de páginas web (MF0950_2)
Horas: 210 Formato: HTML
Objetivos
Objetivos Generales
- Realizar páginas web para presentar información utilizando
herramientas de edición web, siguiendo especificaciones de diseño
recibidas. - Crear páginas web y retocar las ya realizadas utilizando lenguajes de
marcas, de acuerdo a especificaciones de diseño recibidas. - Añadir funcionalidades a las páginas web creando interfaces
interactivos y otros elementos reutilizables, siguiendo las
especificaciones de diseño recibidas.
Objetivos Específicos
- Identificar los elementos proporcionados por los lenguajes de marcas
y confeccionar páginas web utilizando estos lenguajes teniendo en
cuenta sus especificaciones técnicas. - Identificar las características y funcionalidades de las herramientas de
edición web, y utilizarlas en la creación de páginas web teniendo en
cuenta sus entornos de desarrollo. - Describir las características de las hojas de estilo para dar formato a
las páginas web, y crear ficheros de estilo de acuerdo a un diseño
especificado. - Diseñar, ubicar y optimizar los contenidos de una página web, para
adecuarla al formato de la misma, facilitar su manejo a los usuarios y
optimizarla de acuerdo a un diseño especificado. - Confeccionar plantillas para las páginas web atendiendo a las
especificaciones de diseño recibidas. - Crear formularios e integrarlos en páginas web para incluir
interactividad en las mismas, siguiendo unas especificaciones
funcionales recibidas.
Descripción
UF1302 Creación de páginas web con el lenguaje demarcas
Unidad didáctica 1. Introducción a los lenguajes de marcas y navegadores.
Características de los lenguajes de marcas.
Estructura de un documento creado con lenguajes de marcas.
Diferencias de visualización.
Unidad didáctica 2. Marcas de formato, listas, enlaces, tablas y capas.
Marcas para dar formato al documento.
Listas.
Enlaces y direccionamientos.
Marcos.
Capas.
Tablas
Unidad didáctica 3. Imágenes y elementos multimedia.
Inserción de imágenes: Formatos y atributos.
Mapas de imágenes. Definición de mapa.
Inserción de elementos multimedia: audio, vídeo y programas.
Formatos de audio y vídeo.
Marquesinas.
Unidad didáctica 4. Técnicas de accesibilidad y usabilidad.
Accesibilidad web. Ventajas de la accesibilidad.
Usabilidad web. Importancia de la usabilidad.
Aplicaciones para verificar la accesibilidad de sitios web (estándares).
Diseños de sitios web usables.
Adaptación de sitios web usables.
Unidad didáctica 5. Herramientas de edición web
Funciones y características.
Adobe Dreamweaver.
Sublime text.
UF1303 Elaboración de hojas de estilo
Unidad didáctica 1. Hojas de estilo en la construcción de páginas web I.
Funciones y características.
Hojas de estilo y accesibilidad.
Tipos de estilo: Incrustados, enlazados, importados, en línea. Descripción de los tipos de estilo.
Selectores y reglas de estilo.
Unidad didáctica 2. Hojas de estilo en la construcción de páginas web II.
El modelo de caja.
Posicionamiento y visualización.
Unidad didáctica 3. Hojas de estilo en la construcción de páginas web III.
Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos).
Atributos para otros elementos HTML.
Creación de ficheros de estilo.
Unidad didáctica 4. Diseño, Ubicación y Optimización de los Contenidos de una Página Web I.
Creación de un documento funcional.
Diseño de los contenidos.
Tipos de página para la ubicación de contenidos.
Unidad didáctica 5. Diseño, Ubicación y Optimización de los Contenidos de una Página Web II.
Especificaciones de navegación.
Elementos utilizados para la navegación.
Elaboración de una guía de usuario.
UF1304 Elaboración de plantillas y formularios
Unidad didáctica 1. Formularios en la construcción de páginas Web I.
Características.
Elementos y atributos de formulario.
Unidad didáctica 2. Formularios en la construcción de páginas Web II.
Controles de formulario.
Unidad didáctica 3. Formularios en la construcción de páginas Web III.
Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios.
Unidad didáctica 4. Plantillas en la construcción de páginas web.
Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios.
Campos editables y no editables.
Aplicar plantillas a páginas web.