MINISTERIO

DE TRABAJO
Y ASUNTOS SOCIALES

PROGRAMA DE CURSO
DE FORMACIN PROFESIONAL
OCUPACIONAL
Diseador Web y multimedia

DATOS GENERALES DEL CURSO

1.

Familia Profesional:

INFORMTICA Y COMUNICACIONES

rea Profesional:

ESPECIALIDADES SIN AREA DEFINIDA (SERVICIOS A LAS

EMPRESAS)

2.

Denominacin del curso:

DISEADOR WEB Y MULTIMEDIA

3.

Cdigo:

IFCX0304

4.

Curso:

OCUPACIN

5.

Objetivo general:

El alumno ser capaz de disear y mantener sitios Web con herramientas de ltima generacin, as
como, crear, programar, gestionar aplicaciones multimedia y productos interactivos.
6.
6.1.

Requisitos del profesorado:

Nivel acadmico:

Titulacin universitaria de Grado Medio en Informtica, Ciclo superior de Informtica o, en su defecto,

capacitacin profesional equivalente en la especializacin relacionada con el curso.
6.2. Experiencia profesional:
Deber tener al menos tres aos de experiencia en la ocupacin.
6.3.

Nivel pedaggico:

Ser necesario tener formacin metodolgica y/o experiencia docente.

7.
7.1.

7.2.

7.3.

Requisitos de acceso del alumno:

Nivel acadmico o de conocimientos generales:
Ciclo formativo de grado medio o FP-I, preferentemente en la rama de Informtica.
E.S.O., o equivalente.
Nivel profesional o tcnico:
Preferiblemente conocimientos bsicos de Informtica.
No se requiere experiencia profesional.
Condiciones fsicas:

Ninguna en especial, salvo aquellas que impidan el normal desarrollo del curso.
8.

Nmero de alumnos:

15 Alumnos.
9.

Relacin secuencial de mdulos formativos:

La estructura del interfaz y los elementos de diseo Web y multimedia.

Diseo e implementacin de la estructura de un sitio Web.

Tratamiento informatizado de imgenes.
Programacin de diseos interactivos y animaciones multimedia.

10. Duracin:
Prcticas............................................................................................. 245
Conocimientos tericos........................................................................85
Evaluaciones........................................................................................ 20
Total..................................................................................................... 350 horas
11. Instalaciones:
11.1. Aula de clases tericas:
Superficie: el aula deber tener un mnimo de 45 m 2 para grupos de 15 alumnos (3 m 2 por alumno).
Mobiliario: El aula estar equipada con mobiliario docente para 15 plazas, adems de los elementos
auxiliares.
11.2.
Instalaciones para prcticas:
Superficie: para el desarrollo de las prcticas descritas se usar indistintamente el aula de clases
tericas.
Iluminacin: uniforme, de 250 a 300 lux aproximadamente.
Condiciones ambientales: temperatura climatizada (20-22 C).
Ventilacin: natural o controlada asegurando un mnimo de cuatro-seis renovaciones/ hora.
Mobiliario: estarn equipadas con mobiliario para 15 plazas, adems de los elementos auxiliares.
11.3. Otras instalaciones:
Un espacio mnimo de 50 m 2 para despachos de direccin, sala de profesores y actividades de
coordinacin.
Una secretara.
Aseos y servicios higinico-sanitarios en nmero adecuado a la capacidad del centro.
Los centros debern reunir las condiciones higinicas, acsticas, de habitabilidad y de seguridad
exigibles por la legislacin vigente, y disponer de licencia municipal de apertura como centro de
formacin.
12. Equipo y material:
12.1. Equipo:
16 PCs con sus respectivos monitores, ratones y altavoces (15 para los alumnos, 1 para el profesor
y 1 que har las veces de servidor, aunque puede ser el mismo equipo del profesor) compatibles
con los sistemas operativos profesionales ms extendidos en el mercado. La configuracin mnima
de los equipos ser:

Microprocesadores Intel Pentium III 400 MHz o superior o bien AMD Athlon 400 MHz o superior.
Para el servidor Pentium III 400 MHz o superior.

Memoria RAM 256 Mb o superior. Para el servidor 256 Mb o superior.

Discos duros de 10 Gb o superior. Para el servidor 40 Gb o superior.

Tarjeta de sonido.

Tarjeta de Red LAN (10/100) Ethernet.

Cable estructurado de par trenzado con conectores RJ-45.

Sistemas operativos profesionales actualizados.
Software de aplicaciones informticas y ofimticas actualizado y comn en el mercado, software de
diseo de sitios Web (editores Web), software para la transferencia de ficheros (FTP). Software

adicional de caractersticas suficientes para el adecuado desarrollo de los correspondientes

contenidos del curso.
Acceso a Internet de Banda Ancha.
Switch o concentrador de cableado, con bocas suficientes para conectar a todos los equipos
disponibles en el aula.
Escner para digitalizar imgenes y poder tratarlas con la aplicacin de retoque fotogrfico.
12.2. Herramientas y utillaje:
Soportes de almacenamiento:
50 disquetes.
30 CDRom grabables.
12.3. Material de consumo:
Materiales en cantidad y calidad suficiente para el correcto seguimiento del curso y realizacin de las
prcticas.
12.4. Material didctico:
Manual/es por cada alumno, que contemplen todos los contenidos del curso.
A los alumnos se les proporcionar los medios didcticos y el material imprescindibles, para el
desarrollo del curso.
12.5. Elementos de proteccin:
En el desarrollo de las prcticas se utilizarn los medios necesarios de seguridad e higiene en el trabajo
y se observarn las normas legales al respecto.
13. Inclusin de nuevas tecnologas:
Este curso se considera en su totalidad como nuevas tecnologas en el rea Informtica.

DATOS ESPECFICOS DEL CURSO

14. Denominacin del mdulo:
LA ESTRUCTURA DEL INTERFAZ Y LOS ELEMENTOS DE DISEO WEB Y MULTIMEDIA.
15. Objetivo del mdulo:
Disear la estructura del interfaz, identificando los elementos de diseo apropiados en funcin de la
finalidad de los mismos y del soporte de salida previsto.
16. Duracin del mdulo:
70 horas
17. Contenidos formativos del mdulo:
A)

Prcticas:
Ante distintos supuestos de sitios Web:
Clasificar los sitios Web en funcin de su estructura y su finalidad.

Identificar los elementos de diseo y contenido.

Analizar la estructura de los sitios Web.

Analizar la accesibilidad a la informacin en cada uno de los sitos Web, identificando los
elementos que confieren accesibilidad y los que la dificultan.

Identificar los elementos de diseo orientados al comercio en Internet.

Realizar un diseo corporativo definiendo su estructura y los elementos que la componen.

Elegir el soporte ms adecuado en base a los objetivos de un proyecto.

B)

Conocimientos tericos:
Introduccin al diseo Web.
Tipos de sitios Web:

Pginas personales.

Pginas informativas de texto.

Pginas informativas de texto y animacin.

Pginas orientadas al comercio electrnico.

Consideraciones sobre accesibilidad:

Conceptos bsicos.

Destinatarios.

Estructuras de navegacin.

Mapa del sitio Web.

Espacio disponible y distribucin del contenido.

Diseo independiente de la resolucin.

Consistencia en el diseo: plantillas.

Consistencia en el diseo: las hojas de estilo.

Elementos de diseo:

Color.

Fondo.

Imgenes.

Vnculos.

C)

Contenido.
Logotipos.

Contenidos relacionados con la profesionalidad:

Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologas.
Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
Adquirir habilidades para poner en prctica una comunicacin efectiva.
Fomentar la experimentacin y la adaptacin al cambio.

14. Denominacin del mdulo:

DISEO E IMPLEMENTACIN DE LA ESTRUCTURA DE UN SITIO WEB.
15. Objetivo del mdulo:
Disear e implementar la estructura de un sitio Web utilizando lenguajes de programacin y editores de
pginas Web.
16. Duracin del mdulo:
110 horas
17. Contenidos formativos del mdulo:
A)

Prcticas:

Disear e implementar la estructura de un sito Web realizando las siguientes prcticas:

Definir una estructura del sitio Web que facilite el acceso a la informacin de los usuarios.
Crear un documento HTML estableciendo el ttulo y diferenciando las secciones principales.
Modificar texto escribiendo frases con distintos tipos de fuentes, colores y tamaos.
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 imgenes con diferentes formatos en los documentos HTML.
Manipular los cambios de tamao y alineacin de imgenes conforme al texto.
Implementar mapas a las imgenes 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 pgina contenedora de marcos.
Establecer mens de navegacin entre unos marcos y otros.
Formatear el texto de las pginas mediante la aplicacin de hojas de estilo en cascada.
Generar imgenes de sustitucin para los mens de los marcos que se empleen como ndices y
dotarlas de efectos dinmicos.
Implementar la estructura de un sitio Web utilizando un editor de pginas 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 almacenndolos
en las variables.

Comparar los valores almacenados en las variables con valores introducidos previamente por el
alumno mediante estructuras de control.

Crear funciones especficas con instrucciones de comparacin.

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.

B)

Guardar un documento HTML optimizndolo en base al soporte especfico de salida.

Conocimientos tericos:
HTML:

Caractersticas.

Estructura de un documento HTML.

Etiquetas.

Propiedades y atributos.

Formato del texto.

Fuentes.
Bloques de texto.
Listas.
Tablas.

Hipervnculos.
Hipertexto.
Vnculos.
URL.
Tipos de enlaces.
Imgenes.
Enlaces.
Formatos grficos.
Mapas.
Applets.
Sonido.
Vdeo.

Formularios.
Elementos de un formulario.
Cajas.
Botones.
Casillas de verificacin.
Listas desplegables.
Etiquetas.
Grupos de campos.
Subir ficheros.

Marcos.
Conceptos bsicos.
Propiedad y atributos.
Mens de navegacin.
Enlaces.
Nombres especiales.

Hojas de estilo.
Editor de pginas Web.

Caractersticas del entorno grfico.

Mens.

Herramientas.
Introduccin a los lenguajes de script:

Elementos bsicos.

C)

Comentarios.
Literales.
Sentencias y bloques.
Introduccin 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.
Validacin de formularios.
Optimizacin de sitios Web.

Contenidos relacionados con la profesionalidad:

Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologas.
Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
Adquirir habilidades para poner en prctica una comunicacin efectiva.
Fomentar la experimentacin y la adaptacin al cambio.

14. Denominacin del mdulo:

TRATAMIENTO INFORMATIZADO DE IMGENES.
15. Objetivo del mdulo:
Disear y modificar imgenes utilizando una aplicacin informtica, optimizndolas en base a la
estructura y al soporte especfico de salida.
16. Duracin del mdulo:
85 horas
17. Contenidos formativos del mdulo:
A)

Prcticas:

Ante una imagen ya creada que har las veces de modelo, se proporcionar a los alumnos los
elementos o fracciones de imgenes necesarias para reproducirla, realizando las siguientes prcticas:
Seleccionar un rea determinada.
Aumenta y reducir el tamao 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.
Aadir texto aplicando el formato oportuno.
Copiar y pegar los elementos.
Crear efectos.
Trabajar con capas.
Ajustar los parmetros de configuracin de la imagen (tono, saturacin, etc.).
Optimizar la imagen creada en base a distintos soportes de salida.
Guardar la imagen con el formato adecuado.
Configurar las opciones de impresin.
B)

Conocimientos tericos:
Introduccin y conceptos bsicos.
El entorno grfico:

Mens.

Herramientas.

rea de trabajo.

Resolucin.

Tamao de impresin.

Tamao de pantalla.
Creacin de imgenes:

Herramientas de dibujo.

Edicin y tratamiento del color.

Herramientas de seleccin.

Efectos.

Operaciones comunes.

10

Capas:
Concepto.

Creacin y edicin de capas .

Formato del texto:

Herramientas de edicin de textos.

Efectos.
Trazados vectoriales:

Herramientas y opciones.
Configuracin de parmetros de imagen:

Tono.

Saturacin.

Brillo.

Contraste.
Formatos de imagen:
Optimizacin de imgenes.
Configuracin de la impresin.

C)

Contenidos relacionados con la profesionalidad:

Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologas.
Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
Adquirir habilidades para poner en prctica una comunicacin efectiva.
Fomentar la experimentacin y la adaptacin al cambio.

11

14. Denominacin del mdulo:

PROGRAMACIN DE DISEOS INTERACTIVOS Y ANIMACIONES MULTIMEDIA.
15. Objetivo del mdulo:
Crear y programar diseos interactivos y animaciones multimedia.
16. Duracin del mdulo:
85 horas
17. Contenidos formativos del mdulo:
A)

B)

Prcticas:
Instalar y configurar la aplicacin.
Personalizar el entorno grfico.
Dibujar elementos del diseo.
Configurar el color de diferentes elementos.
Seleccionar objetos utilizando las herramientas de la aplicacin.
Transformar y agrupar objetos atendiendo a los criterios establecidos por el profesor.
Editar capas.
Trabajar con texto.
Insertar y editar smbolos, instancias y componentes.
Aadir elementos externos a la animacin (sonido, imagen y vdeo).
Crear interpolaciones de diferentes tipos (forma, movimiento).
Combinar animaciones entre smbolos.
Crear una sucesin de imgenes.
Programar acciones y eventos de los objetos de la animacin.
Publicar la animacin en diferentes formatos y optimizarla en base los posibles soportes salida.
Exportar la animacin utilizando diferentes mtodos.
Conocimientos tericos:
Introduccin:
El entorno grafico.

Mens.

Barra de herramientas.

Propiedades.
Herramientas de dibujo.
Tratamiento del color.
Objetos:

Insertar objetos.

Seleccionar objetos.

Transformaciones bsicas.

Agrupacin de objetos.

Alineamiento de objetos.

Herramientas de transformacin.

12

Capas:
Tipos de capas.

Edicin de capas.
Trabajo con Texto:

Opciones de configuracin.

Convertir texto.
Smbolos e Instancias:

Conceptos bsicos.

Tipos de smbolos.
Smbolo grfico.
Smbolo botn.
Zona activa.
Smbolo clip de pelcula.

Instancias.
Caractersticas de la Instancia.
Efectos.
Intercambio de smbolos.
Cambio de comportamientos en Instancias.
Bibliotecas.

Componentes.
Insercin de componentes.
Modificacin de las propiedades de un componente.
Edicin de un componente.
Elementos Externos:

Sonido.
Formatos de sonido digital.
Propiedades.
Efectos especiales.
Aadir sonido a un diseo o a una animacin.
Aadir sonido a un botn.
Compresin de sonidos para la exportacin.

Imagen.

Vdeo.
Animacin multimedia:

Conceptos bsicos de la animacin.

Animacin con interpolaciones.

Tipos de interpolacin.
Opciones de configuracin.

Combinacin de animaciones entre smbolos.

Animacin dentro de smbolos.
Sucesin de imgenes.

Interactividad.
Lenguaje de script en la aplicacin:

Aplicacin del cdigo.

Acciones.

Eventos.
Publicacin:

13

C)

Formatos de publicacin.
Mtodos de exportacin.
Optimizacin de animaciones.

Contenidos relacionados con la profesionalidad:

Capacitar al alumno para resolver problemas relacionados con las nuevas tecnologas.
Favorecer el desarrollo de las habilidades necesarias para el trabajo en equipo.
Adquirir habilidades para poner en prctica una comunicacin efectiva.
Fomentar la experimentacin y la adaptacin al cambio.

14