Objetivo:
Formar al alumno combinando diversos conocimientos y aplicaciones de desarrollo web, para cumplir con los proyectos desde los más simples hasta los más complejos, combinando las técnicas de diseño con las de programación
necesaria para elaborar los proyectos con éxito.

Dirigido a:
Profesionales del área gráfica, audiovisual o multimedia; diseñadores gráficos, publicistas, comunicadores multimedia, comunicadores visuales, y personas que quieran actualizar sus conocimientos en las nuevas tecnologías aplicadas al desarrollo web.

Metodología:
Combinando teoría y práctica se profundizará en la planificación, diseño, producción, postproducción y mantenimiento de un sitio web, contemplando las exigencias y necesidades del mercado. 

Titulación:
El alumno cuando finalice la formación del Máster obtendrá el correspondiente título avalado por el centro Ku Center. Consiguiendo con ello formarse oficialmente como un profesional de éxito. 

Temario:
Conocer el entorno Mac
Preparar nuestro entorno de trabajo 

Primeros pasos de la elaboración de un proyecto web
• Toma de contacto con el cliente
• Desarrollo de bocetos
• Pruebas finales
• Testeo de accesibilidad y usabilidad
• Pruesta en marcha de forma online 

DREAMWEAVER 8 
Conocer el espacio de trabajo del programa
Personalizar el espacio de trabajo
Crear nuevos archivos
Guardar archivos
Abrir archivos 

Configurar un proyecto
Aprender a manejar “sites”
Definir un servidor local 

Creación de página web con tables
Componer con tables
Crear y guardar un página web
Insertar y editar tablas
Configuración de los parámetros de las tables
Insertar un imagen “placeholder”
 
Añadir color a la página web
Añadir contenido a la página web
Localizar los archivos a importar
Insertar imágenes en diferentes modos
Reemplezar la imagen “placeholder”
Insertar un archivo Flash 

Insertar un video Flash
Insertar texto
Crear enlaces e hipervínculos
Hacer un previo de la página web en el explorador

Dar estilo a la página web con CSS (Cascade Style Sheet)
Localizar los archivos
Aprender sobre CSS
Crear un archivo CSS
Adjuntar un archivo CSS
Explorar el panel de la ventana CSS
Crear una nueva etiqueta de CSS
Aplicar un estilo de clase a un texto
Crear una navegación de menu con CSS
Añadir efecto de “rollover”
Centrar el contenido de la web con CSS

Publicar una página web
Definir un servidor local
Subir archivos locales al servidor
Quitar archivos locales del servidor

Trabajar con código
Visualizar y comprender el código
Añadir etiquetas en el código
Editar etiquetas
Ver la información de una etiqueta
Añadir una imagen con el código
Comprobar los cambios
Imprimir el código

Creación de una página web basada en CSS
Examinar la composición del diseño
Crear y guardar la página
Insertar y añadir capas
Añadir color en las páginas

Utilización de plugins externos
Creación de biblioteca de plugins

Validación de la página web
Comprobación accesibilidad y usabilidad
Cumplir las normas estandares de W3C (World Wide Web Consortium)

Publicar la página web a un servidor online
Subir archivos al FTP
Borrar archivos del FTP
Editar archivos desde el FTP

CSS2 con CSSEEDIT
Introducción de etiquetas
Ver cómo trabaja las etiquetas
Partes que componen la síntexis
Tipos de selectores, propiedades y valores

Insertar un archivo CSS en una página WEB
Tipos de inserción: externar, interna, entrelíneas y multiple

Etiquetas para configurar el fondo de la web
Añadir color al fondo
Añadir imagen de fondo
Repetir el fondo en los diferentes ejes X e Y
Posicionar el fondo usando porcentajes (%) o píxeles
Fijar el fondo de la web
Resumir todos los atributos de fondo en uno solo

Etiquetas para configurar el texto de la web
Dar color al texto general
Poner un fondo de color al texto
Especificar el espacio entre caracteres
Especificar el espacio entre líneas de párrafo

Alinear el texto
Decorar el texto
Configurar la dirección del elemento texto
Controlar las capitales de los textos 

Etiquetas para configurar el tipo de fuente
Configurar la fuente del texto
Configurar las capitales de la fuente
Configurar el tamaño de la fuente
Adjustar la fuente
Configurar el estilo de fuente
Resumir todas las propiedades en uno solo 

Etiquetas de border
Configurar los borders de un elemento
Disposición de borders del elemento
Indicar el tipo de border
Aplicar el tamaño del border 

Etiquetas para introducir líneas
Introducir una línea entre elementos
Configurar el estilo de la línea
Configurar el color de la línea
Configurar el ancho de la línea 

Etiquetas de margen
Situar la disposición en porcentaje (%) o pixeles 
Indicar la disposición del elemento 

Etiqueta de espacio entre el elemento y su border
Configurar el espacio en porcentaje (%) o pixels 

Etiquetas de creación de listas
Conocer las listas desordenadas
Conocer las listas ordenadas
Tipos de listas
Configurar la imagen de las listas
Resumir todas las propiedades en uno solo 

Etiquetas de tables
Configurar la capa de una tabla
Mostrar las celdas de una tabla
Colapsar el border de una tabla
Configurar el espacio entre los borders de las tables
Configurar la posición de la tabla 

Etiquetas advanzadas de dimensión
Configurar el ancho y la altura de una imagen
Configruar el ancho y la altura de un elemento
Configurar el máximo de ancho de un elemento
Configurar el máximo de alto de un elemento 

Etiquetas advanzadas de clasificación
Disponer un elemento sobre otro elemento
Disponer un elemento en forma de bloque
Usar un elemento flotante
Crear un menu horizontal
Crear una página web sin tables
Conocer la posición relativa
Conocer la posición absoluta
Hacer un elemento invisible
Colapsar una tabla
Cambiar el cursor 

Etiquetas advanzadas de posicionamiento
Diferentes maneras de disponer un elemento
Posicionar de forma relativa
Posicionar de forma absoluta
Posicionar de forma fija
Configurar la forma de un elemento
Mostrar un elemento con scroll
Ocultar un elemento
Alinear verticalmente una imagen
Conocer el eje Z
Disponer elementos con el eje Z 

Etiquetas advanzadas de “Pseudo-classes” 

Diferentes maneras de generarlas y aplicarlas
Etiquetas advanzadas de “Pseudo-elements” 
Diferentes maneras de generarlas y aplicarlas 

Etiquetas advanzadas para diferentes medios
Conocer los medios: screen, print, projection, tv… 

Macromedia Flash (Adobe)
Fundamentos de la Animacion
Entorno flash y Barra de herramientas
Linea de tiempo
Simbolos
Duplicados
Botones
Action script 2 (basico)
Submit y Mailto
Duplicados complejos
Formularios con action script 2 y xml
Componentes
Action script 2 (complejo) 

PROYECTO REAL
Entorno del interface al completo
Intro animation
Sonido (Flujo, evento)
Edición de sonido
Video en Flash
Importar y exportar video
Animacion con video 
Video en tiempo real 

PROYECTO REAL

Extra (2007):
Iniciación en Final cut y After effects (Dirigido a web) 

Trapcode
Edición de video y efectos 

Transmit
PHP 

Programas:
Flash, Dreamweaver, Photoshop CS2, Final Cut, After effects (programa de efectos
para cine y tv dirijido a la web), CSSEEDIT, Image Ready CS2, Transmit.
Programación:
CSS2, PHP, ACTION SCRIPT.