Diseñador Web y Multimedia

DATOS ESPECÍFICOS DEL CURSO

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.

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

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.

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.

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

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.

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.

TRATAMIENTO INFORMATIZADO DE IMÁGENES.

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.

 Creación de imágenes:

• Herramientas de dibujo.

• Edición y tratamiento del color.

• Herramientas de selección.

• Efectos.

• Operaciones comunes.

 Capas:

• Concepto.

• Creación y edición de capas .

 Formato del texto:

• Herramientas de edición de textos.

• Efectos.

 Trazados vectoriales:

• Herramientas y opciones.

 Configuración de parámetros de imagen:

• Tono.

• Saturación.

• Brillo.

• Contraste.

 Formatos de imagen:

 Optimización de imágenes.

 Configuración de la impresión.

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.

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.

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

• Eventos.

 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.