Diseño Web y Multimedia

LA ESTRUCTURA DEL INTERFAZ Y LOS ELEMENTOS DE DISEÑO WEB Y MULTIMEDIA.

A) Prácticas:

• 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  que confieren accesibilidad y los que la dificultan.
• Analizar la accesibilidad a la información en cada uno de los sitos Web, identificando los elementos 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.

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.
• Elementos de diseño:

·         Color.

• Fondo.
• Imágenes.
• Vínculos.
• Contenido.
• Logotipos.

C) Contenidos relacionados con la profesionalidad:

• Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologías.
• Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
• Adquirir habilidades para poner en práctica una comunicación efectiva.
• Fomentar la experimentación y la adaptación al cambio.

DISEÑO E IMPLEMENTACIÓN DE LA ESTRUCTURA DE UN SITIO WEB.

A) Prácticas:

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

• HTML:

• Características.
• Estructura de un documento HTML.
• Etiquetas.
• Propiedades y atributos.
• Formato del texto.
• Fuentes.
• Bloques de texto.
• Listas.
• Tablas.
• 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
• Hipervínculos.

A) Prácticas:

Ante una imagen ya creada que hará las veces de modelo, se proporcionará a los alumnos los elementos o fracciones de imágenes necesarias para reproducirla, realizando las siguientes prácticas:

• Seleccionar un área determinada.  
• Aumenta y reducir el tamaño de la imagen.  
• Dibujar elementos de la imagen utilizando las herramientas adecuadas.
• Dibujar elementos de la imagen mediante trazados vectoriales.
• Modificar el color de la imagen.
• Añadir texto aplicando el formato oportuno.  
• Copiar y pegar los elementos.
• Crear efectos.
• Trabajar con capas.
• Ajustar los parámetros de configuración de la imagen (tono, saturación, etc.).
• Optimizar la imagen creada en base a distintos soportes de salida.
• Guardar la imagen con el formato adecuado.
• Configurar las opciones de impresión.

B) Conocimientos teóricos:

• Introducción y conceptos básicos.
• El entorno gráfico:
• Menús.
• Herramientas.  
• Área de trabajo.
• Resolución.
• Tamaño de impresión.
• Tamaño de pantalla.

PROGRAMACIÓN DE DISEÑOS INTERACTIVOS Y ANIMACIONES MULTIMEDIA.

A) Prácticas:

• Instalar y configurar la aplicación.
• Personalizar el entorno gráfico.
• Dibujar elementos del diseño.
• Configurar el color de diferentes elementos.
• Seleccionar objetos utilizando las herramientas de la aplicación.
• Transformar y agrupar objetos atendiendo a los criterios establecidos por el profesor.
• Editar capas.
• Trabajar con texto.
• Insertar y editar símbolos, instancias y componentes.
• Añadir elementos externos a la animación (sonido, imagen y vídeo).
• Crear interpolaciones de diferentes tipos (forma, movimiento…).
• Combinar animaciones entre símbolos.
• Crear una sucesión de imágenes.
• Programar acciones y eventos de los objetos de la animación.
• Publicar la animación en diferentes formatos y optimizarla en base los posibles soportes salida.
• Exportar la animación utilizando diferentes métodos.

B) Conocimientos teóricos:

Introducción:

• El entorno grafico.
• Menús.
• Barra de herramientas.
• Propiedades.
• Herramientas de dibujo.
• Tratamiento del color.

Objetos:

• Insertar objetos.
• Seleccionar objetos.
• Transformaciones básicas.
• Agrupación de objetos.
• Herramientas de transformación.

Capas:

• Tipos de capas.
• Edición de capas.
• Trabajo con Texto:
• Opciones de configuración.
• Convertir texto.

Símbolos e Instancias:

•  Conceptos básicos.
• Tipos de símbolos.
• Símbolo gráfico.
• Símbolo botón.
• Zona activa.
• Símbolo clip de película.
• Instancias.
• Características de la Instancia.
• Efectos.
• Intercambio de símbolos.
• Cambio de comportamientos en Instancias.
• Bibliotecas.
• Componentes.
• Inserción de componentes.
• Modificación de las propiedades de un componente.
• Edición de un componente.

Elementos Externos:

• Sonido.
• Formatos de sonido digital.
• Propiedades.
• Efectos especiales.
• Añadir sonido a un diseño o a una animación.
• Añadir sonido a un botón.
• Compresión de sonidos para la exportación.
• Imagen.
• Vídeo.
• Animación multimedia:
• Conceptos básicos de la animación.
• Animación con interpolaciones.
• Tipos de interpolación.
• Opciones de configuración.
• Combinación de animaciones entre símbolos.
• Animación dentro de símbolos.
• Sucesión de imágenes.
• Interactividad.

Lenguaje de script en la aplicación:

• Aplicación del código.
• Acciones.
• Publicación:
• Formatos de publicación.
• Métodos de exportación.
• Optimización de animaciones.

C) Contenidos relacionados con la profesionalidad:

• Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologías.
• Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
• Adquirir habilidades para poner en práctica una comunicación efectiva.
• Fomentar la experimentación y la adaptación al cambio.Eventos. Alineamiento de objetos.
• Comprobar el contenido de una caja de texto utilizando eventos y estructuras

TRATAMIENTO INFORMATIZADO DE IMÁGENES.

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