Capacidades y criterios de evaluación
C1: Elaborar documentos utilizando lenguajes de marcas y estándares de desarrollo software.
- CE1.1 Determinar las diferentes partes de un documento creado con lenguaje de marcas utilizado para su implementación.
- CE1.2 Reconocer las diferentes técnicas de desarrollo de software existentes en el mercado para mejorar la integración en el sistema y elaboración de documentos según el diseño especificado.
- CE1.3 Utilizar marcas adecuadas para generar la documentación interna en el desarrollo según las especificaciones del diseño.
- CE1.4 En un supuesto práctico, en el que se pide realizar documentos con un lenguaje de marcas que permitan la interacción con el usuario contando con especificaciones dadas: – Escribir marcas que permitan el cambio de los atributos del texto utilizado. – Escribir marcas que permitan el cambio del color e imagen del fondo del documento. – Crear marcas referentes a tablas y listas. – Crear marcas referentes a enlaces a otros documentos. – Integrar marcas que permitan la inclusión de imágenes estáticas o dinámicas, sonidos y vídeos. – Integrar marcas referentes a marcos para relacionar diversos documentos. – Integrar marcas que permitan la ejecución de programas y controles de cliente. – Construir formularios para recoger y validar información del usuario. – Diseñar mapas interactivos para facilitar la accesibilidad del usuario. – Planificar efectos especiales para ser aplicados en los documentos a elaborar.
- CE1.5 Enunciar características generales referentes a «hojas de estilo» para ser aplicados en los documentos a elaborar según el diseño especificado.
- CE1.6 Usar marcas para proporcionar diferentes estilos a los documentos desarrollados según el diseño especificado.
- CE1.7 Construir documentos utilizando lenguajes de marcas para permitir al usuario el uso de dispositivos móviles y medios específicos de accesibilidad.
Contenidos
1. Diseño web
– Principios de diseño web.
– Diseño orientado al usuario.
– Diseño orientado a objetivos.
– Diseño orientado a la implementación.
– El proceso de diseño web.
– Estructura de un sitio web y navegabilidad.
– Estructura y composición de páginas.
– Compatibilidad con navegadores.
– Diferencias entre diseño orientado a presentación e impresión.
2. Lenguajes de marcado generales
– Origen de los lenguajes de marcado generales: SGML y XML.
– Características generales de los lenguajes de marcado.
– Estructura general de un documento con lenguaje de marcado.
– Metadatos e instrucciones de proceso.
– Codificación de caracteres. Caracteres especiales (escape).
– Etiquetas o marcas.
– Elementos.
– Atributos.
– Comentarios.
– Documentos válidos y bien formados. Esquemas.
– Historia de HTML y XHTML. Diferencias entre versiones.
– Estructura de un documento.
– Versiones.
– Elementos de la cabecera.
– Elementos del cuerpo del documento.
– Color.
– Codificación de colores.
– Colores tipo.
– Colores seguros.
– Texto.
– Encabezados. Jerarquía y estructura del contenido de un documento.
– Párrafos.
– Alineación, espaciado y sangrado de texto.
– Características de letra: tipos, tamaños y colores.
– Separadores de texto.
– Etiquetas específicas para el marcado de texto. Estilos lógicos.
– Enlaces de hipertexto.
– Estructura de un enlace: la dirección de internet o URL.
– Estilos de enlaces.
– Diferencias entre enlaces absolutos y relativos.
– Enlaces internos.
– Enlaces especiales: correo electrónico. Enlaces de descarga.
– Atributos específicos: título, destino, atajos de teclado, etc.
– Imágenes.
– Formatos de imágenes.
– Características de imágenes: tamaño, título, textos alternativos.
– Enlaces en imágenes.
– Imágenes de fondo.
– Listas.
– Características.
– Ordenación de listas.
– Anidamiento en listas.
– Otros tipos de listas: listas de definición.
– Tablas.
– Estructura básica.
– Formato de tablas: bordes, alineación, tamaño, etc.
– Formato de contenido de celdas.
– Agrupamiento de filas y columnas.
– Tablas anidadas.
– Buenas prácticas en el uso de tablas.
– Marcos (frames).
– Creación de marcos.
– Ventajas e inconvenientes en el uso de marcos.
– Soporte de navegadores.
– Formateado de marcos.
– Enlaces entre contenidos de marcos.
– Marcos anidados.
– Marcos incrustados (iFrames).
– Formularios.
– Descripción general y uso de formularios.
– Elementos de un formulario: texto, botones, etc.
– Procesamiento de formularios.
– Formateado de formularios: atajos de teclado, orden de edición, grupos, etiquetas, etc.
– Elementos específicos para tecnologías móviles.
– Selección del lenguaje de marcas para tecnologías móviles.
– Hojas de estilo en dispositivos móviles.
– Elementos en desuso (deprecated).
– Texto parpadeante.
– Marquesinas.
– Alineaciones.
– Otros elementos en desuso .
4. Hojas de Estilo web
– Tipos de hojas de estilo: estáticas y dinámicas.
– Elementos y estructura de una hoja de estilo.
– Creación de hojas de estilo.
– Aplicación de estilos.
– Herencia de estilos y aplicación en cascada.
– Formateado de páginas mediante estilos.
– Estructura de páginas mediante estilos.
– Diseño de estilos para diferentes dispositivos.
– Buenas prácticas en el uso de hojas de estilo.