Temario

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 demarcado generales

• Origen de los lenguajes demarcado generales: SGML y XML.

• Características generales delos 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.

3. Lenguajes de marcado para presentación de páginas web

• 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 demarcas 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.