Diseño Web

Contenidos formativos:

A) Prácticos:

__ Ante distintos supuestos de sitios Web:

• Clasificar los sitios Web en función de su estructura y su finalidad.
• Identificar los elementos de diseño y contenido.
• Analizar la estructura de los sitios Web.
• Analizar la accesibilidad a la información en cada uno de los sitos Web, identificando los elementos que confieren accesibilidad y los que la dificultan.
• Identificar los elementos de diseño orientados al comercio en Internet.
• Realizar un diseño corporativo definiendo su estructura y los elementos que la componen.
• Elegir el soporte más adecuado en base a los objetivos de un proyecto.

__ Diseñar e implementar la estructura de un sito Web realizando las siguientes prácticas:

• Definir una estructura del sitio Web que facilite el acceso a la información de los usuarios.
• Crear un documento HTML estableciendo el título y diferenciando las secciones principales.
• Modificar texto escribiendo frases con distintos tipos de fuentes, colores y tamaños.
• Mostrar listados con los elementos de lista de HTML, tanto listas numeradas como no numeradas.
• Establecer enlaces entre diferentes documentos HTML.
• Crear enlaces internos al documento.
• Insertar imágenes con diferentes formatos en los documentos HTML.
• Manipular los cambios de tamaño y alineación de imágenes conforme al texto.
• Implementar mapas a las imágenes para crear enlaces internos o externos.
• Establecer la estructura de un documento mediante tablas simples y anidadas.
• Separar el contenido del sitio Web mediante tablas.
• Confeccionar un formulario con todos sus elementos.
• Construir una página contenedora de marcos.
• Establecer menús de navegación entre unos marcos y otros.
• Formatear el texto de las páginas mediante la aplicación de hojas de estilo en cascada.
• Generar imágenes de sustitución para los menús de los marcos que se empleen como índices y dotarlas de efectos dinámicos.
• Implementar la estructura de un sitio Web utilizando un editor de páginas Web extendido y actual en el mercado.
• Validar formularios:
• Definiendo variables, referencias, vectores y matrices.
• Recogiendo los valores de los elementos del formulario (cajas, botones, etc) y almacenándolos en
• las variables.
• Comparar los valores almacenados en las variables con valores introducidos previamente por el
• alumno mediante estructuras de control.
• Crear funciones específicas con instrucciones de comparación.
• Comprobar el contenido de una caja de texto utilizando eventos y estructuras de control.
• Manipular los objetos del documento:
• Modificar el formato del texto del documento utilizando funciones.
• Crear sesiones utilizando cookies.
• Vincular un fichero .js o .vbs a varios documentos HTML incluidos en un sitio Web.
• Guardar un documento HTML optimizándolo en base al soporte específico de salida.

B) Conocimientos teóricos:

__ Introducción al diseño Web.

__ Tipos de sitios Web:

__ Páginas personales.

__ Páginas informativas de texto.

__ Páginas informativas de texto y animación.

__ Páginas orientadas al comercio electrónico.

__ Consideraciones sobre accesibilidad:

__ Conceptos básicos.

__ Destinatarios.

__ Estructuras de navegación.

__ Mapa del sitio Web.

__ Espacio disponible y distribución del contenido.

__ Diseño independiente de la resolución.

__ Consistencia en el diseño: plantillas.

__ Consistencia en el diseño: las hojas de estilo.

__ Elementos de diseño:

__ Color.

__ Fondo.

__ Imágenes.

__ Vínculos.

__ Contenido.

__ Logotipos.

HTML:

__ Características.

__ Estructura de un documento HTML.

• Etiquetas.

__ Propiedades y atributos.

__ Formato del texto.

• Fuentes.
• Bloques de texto.
• Listas.
• Tablas.

__ Hipervínculos.

• Hipertexto.
• Vínculos.
• URL.
• Tipos de enlaces.

__ Imágenes.

• Enlaces.
• Formatos gráficos.
• Mapas.
• Applets.
• Sonido.
• Vídeo.

__ Formularios.

• Elementos de un formulario.
• Cajas.
• Botones.
• Casillas de verificación.
• Listas desplegables.
• Etiquetas.
• Grupos de campos.
• Subir ficheros.

__ Marcos.

• Conceptos básicos.
• Propiedad y atributos.
• Menús de navegación.
• Enlaces.
• Nombres especiales.

__ Hojas de estilo.

__ Editor de páginas Web.

__ Características del entorno gráfico.

__ Menús.

__ Herramientas.

__ Introducción a los lenguajes de script:

__ Elementos básicos.

• Comentarios.
• Literales.
• Sentencias y bloques.
• Introducción y escritura de datos.

__ Tipos de datos.

• Variables.
• Arrays o matrices.
• Referencias o instancias.

__ Operadores.

__ Estructuras de control.

__ Funciones.

__ Objetos.

__ Objetos predefinidos.

__ Objetos del documento.

__ Eventos.

__ Cookies.

__ Ficheros .js y .vbs.

__ Validación de formularios.

__ Optimización de sitios Web.