Módulo 1: Diseño de páginas web y CSS

El objetivo principal de este módulo consiste en proporcionar los fundamentos de los mecanismos y las dinámicas de Internet, así como capacitar al alumno en el uso de las herramientas necesarias para el diseño y la maquetación de páginas web. El software Adobe Dreamweaver®, conjuntamente con programación en CSS y gestión de webs dinámicas, completan los contenidos de esta primera parte del programa.

Introducción a Internet y Dirección de Arte. Diseño y maquetación web: dirección de arte. Definición de páginas web y sus componentes. Diseño de la información (objetivos, usos, herramientas y diagrama de navegación). Diseño de la interacción (interfaz de usuario y storyboard). Diseño de la presentación (resolución, estilo y tipos). Estructura de Internet (lenguajes de programación). Principios de interacción y usabilidad.

Desarrollo en Adobe Dreamweaver®. Site, conexión a FTP y ventanas principales de trabajo. Propiedades generales de página HTML y propiedades especificas. Resolución de pantalla. Optimización de imágenes desde Adobe Photoshop®. Organización de elementos con respecto al diseño. Aspectos básicos de programación en Javascrip y jQuery plugins.

Programación sobre CSS. Diseño de contenidos en CSS. Etiquetas, reglas, selectores, propiedades y valores. Elaboración de cuadros y posicionamientos. Flujos de información y herencias. Tipografías desde el CSS. Introducción a HTML 5 y CSS 3.

Implementación de un proyecto web. Planificación de un organigrama básico para crear sitios web de una manera lógica y efectiva. Ejemplos concretos de páginas web centradas en páginas comerciales, páginas informativas, páginas personales, páginas artísticas. Desarrollo de un site online personal.

Módulo 2: Animación y programación con Adobe Flash®, HTML5 y Processing

Este módulo proporciona conocimientos sobre las distintas herramientas que ha de conocer el diseñador digital para crear propuestas multimedia atractivas (Adobe Flash®, programación a través de ActionScript 3.0, HTML5 y Processing), que hacen posible la adecuación de las propuestas gráficas a las necesidades de comunicación e interactividad de un proyecto .

Introducción a la Animación. Iniciar al estudiante en el mundo de la animación digital, para lograr un mayor impacto comunicativo en muestra de contenidos y diseño. Se estudian ejemplos de diseñadores, artistas y desarrolladores. Los estudiantes hacen trabajo de investigación sobre diferentes técnicas de animación digital e interactiva, tradicional, bibliotecas de movimiento, etc. Y una experiencia de animación.

Aportación de Adobe Flash®. Profundización en Adobe Flash® para la realización de animación vectorial, creación de contenido interactivo, aplicaciones dinámicas y el desarrollo de interactividad sofisticada, todo ello orientado a conseguir una solución Adobe Flash® para gráfica de alto impacto.

Animación con la línea del tiempo de Adobe Flash®. Trabajar la animación lineal con Adobe Flash®. Documentos de Adobe Flash® y swf. Interfície. Objetos gráficos. Dibujar con Adobe Flash®. Instancias, símbolos, botones, clips de película. Importación y adición de contenido multimedia. Animación. Filtros y mezclas. Interactividad. Texto. Vídeo. Sonido. Publicación.

Dirección de arte para proyectos en Adobe Flash®. Trabajo creativo sobre ideas y diseño gráfico de información para proyectos de animación e interactividad. Se desarrollará una presentación de concepto.

Aplicaciones dinámicas con ActionScript 3.0. Introducción a ActionScript 3.0. Utilización del asistente. Controladores de evento. Animación matemática. Propiedades de los objetos. Manipular y crear datos, trabajar con texto, objetos externos, sonido Y video. Formulario en Php. Componentes de Flash con parámetros ajustables y reutilizables para streaming video y navegación de interface. Uso de Tweeners para lograr efectos profesionales de velocidad y movimiento. Bibliotecas de Tweeners. 3D básico en Flash.

Animación vectorial con HTML5. En este módulo básico introducción a la animación vectorial con el lenguaje html5, el alumno experimentará con librerías y gráficos vectoriales para producir animaciones.

Animación con Processing. Processing es una herramienta para la creación artística y el diseño visual enfocada a personas que se inician en el tema de la programación. En este aprendemos las bases de este lenguaje de programación implementando animaciones simples.

Implementación de Proyectos. Se desarrollará un proyecto web y aplicaciones tanto de animación lineal como interactiva. El proyecto para web de flash se pondrá online.

Módulo 3: Servidores web, páginas dinámicas, web 2.0

El diseño de páginas web ha superado el HTML estático. Actualmente, los diseñadores requieren conocimientos sobre servidores web, lenguajes de script y bases de datos. La combinación Apache, MySQL y PHP es la herramienta más utilizada para la creación de servicios web: es conocida como MAMP y se encuentra integrada en el entorno Mac OSX. Este módulo se centra en aprender a controlar los lenguajes de script y las bases de datos. Además, se definen las estrategias narrativas y proyectuales para desarrollar encargos complejos en entornos multimedia.

Introducción servidores web, lenguajes de script y bases de datos. Activar y configurar servidor web Apache. Activar servidor FTP y cargar información y gestionar la web desde una aplicación FTP. Activar PHP. Instalar MySQL & phpMyAdmin. PHP básico para una web dinámica en conjunto con MySQL.

Web 2.0: blogs, wikis y gestores de contenidos. Introducción a herramientas colaborativas como blogs, wikis y gestores de contenidos (CMS).

Wordpress: CMS Wordpress para el desarrollo de websites. CMS Wordpress para desarrollar un website. Instalar y configurar Wordpress. Instalación de temas y plugins. Adaptar Wordpress para diferentes usos. Crear un tema de diseño utilizando hojas de estilo.

Diseño web para dispositivos móviles. En este bloque se verán diferentes técnicas para ofrecer un diseño compatible para dispositivos móviles. Veremos como detectar sistema operativo y navegador, jquery para móviles, xuijs y plugins de Wordpress para móviles.

Trabajo Final de Proyecto (TFP)

Los alumnos que opten a la titulación de Postgrado deberán, además de completar los créditos del programa, superar un Proyecto Final que consiste en la conceptualización y elaboración de una pieza gráfica que funcione como un portfolio personal basado en una estrategia laboral definida.

Se trata de un trabajo de integración y reválida de los conocimientos adquiridos, que demuestre que se han conseguido las competencias profesionales que constituyen el objetivo del curso.