TÉCNICO EN DISEÑO WEB & MULTIMEDIA

Transcripción

1 TÉCNICO EN DISEÑO WEB & MULTIMEDIA (MODALIDAD ESPECIAL PARA DISEÑADORES O AFINES) PROGRAMA PARA TÉCNICO EN DISEÑO WEB & MULTIMEDIA PRESENTACIÓN Arquitectura de Información. Disciplina que se ocupa del ordenamiento y presentación de la información. Sistemas de organización, etiquetado, navegación y búsqueda. Qué es Arquitectura de Información. Necesidades y comportamientos de usuario. Unified Modeling Language: Lenguaje estructura de proyectos que es de gran utilidad desde el levantamiento de requerimientos y estimación de la cantidad de trabajo requerido. se entrega una visión general del lenguaje y de sus diagramas más utilizados: Diagrama de Casos de Uso. Diagrama de Actividades. Diagrama de Estado. Lenguajes a nivel de código HTML/XHTML CSS XML XSL/XSLT Introducción al Javascript CONTENIDOS PROGRAMÁTICOS. Flash CS3: Web, Multimedia y Animación. Estudia la aplicación Flash, que permite crear animaciones dirigidas a las páginas web. El formato de Flash se ha convertido en el estándar de la animación web. Introducción a Flash Se presenta el mundo de la animación en las páginas web y cómo se ha convertido el formato de Flash en el más utilizado. Se introduce el entorno de trabajo de la aplicación y qué se necesita para reproducir una animación de este tipo. - Animaciones en Internet - Reproducción de animaciones

2 - Iniciar Flash - Entorno de trabajo - Salir de Flash Creación de la película - Configurar las propiedades - Biblioteca de la película - Visualización del escenario - Vista previa - Solicitar ayuda Dibujo de objetos - Importar dibujos - Dibujar a mano alzada - Dibujar líneas rectas y curvas - Herramientas básicas de dibujo - Deshacer los cambios Atributos de los trazos - Dibujo y pintura - Atributos de trazo y relleno - Estilos personalizados - Herramientas auxiliares El color y los rellenos - Creación de colores - Bote de tinta - Cubo de pintura - Rellenos con degradados - Pintar con imágenes - Bloquear relleno

3 Remodelación de líneas - Ajuste de ángulos y curvas - Ajuste de puntos de líneas - Enderezar, suavizar, optimizar - Funciones de ajuste y encaje - Efectos de curva Trabajar con objetos - Selección de objetos - Crear grupos - Cortar, copiar y pegar - Apilamiento y alineación Aplicar transformaciones - Escala y rotación - Reflejo e inclinación - Distorsión de un objeto - Preferencias de dibujo - Trazar mapas de bits Texto en las películas - Incluir texto - Atributos de fuente y párrafo - Texto dinámico y de entrada - Remodelación de caracteres Símbolos, instancias y capas - Crear y editar símbolos - Utilización de instancias - Importar símbolos - Distribuir en capas - Ocultar, bloquear y ordenar - Carpetas de capas

4 Animación I - La línea de tiempo - Extender imágenes inmóviles - Animar fotograma a fotograma - El papel cebolla Animación II - Animación por interpolación - Interpolación de movimiento - Animar la transparencia - Trazado de movimiento - Interpolación de forma Películas interactivas - Participe en la animación - Crear botones - Asignar acciones a fotogramas - Etiquetas de fotogramas - Condiciones en las acciones - Asignar acciones a botones El lenguaje ActionScript Introduce el lenguaje ActionScript, que es el lenguaje de programación que proporciona Flash para crear elementos interactivos en las películas. - Sintaxis de ActionScript - Variables y tipos de datos - Estructuras de control - Funciones - Paso de argumentos a funciones Objetos - Objetos de Flash - Objetos predefinidos - El objeto MovieClip

5 - Líneas de tiempo múltiples - Objetos personalizados Formularios y sonido - Utilización de formularios - Banda sonora de la película - Edición del sonido - Controles de sonido - Utilizar plantillas Integración de elementos multimedia. - Importación de video en la película Flash. - Control del video utilizando Componentes. Publicación para Web y presentaciones en otros formatos. - Publicación de presentaciones para la Web. - Publicación de auto ejecutable para presentaciones en CD o DVD. - Integración con otras aplicaciones. Publicación y exportación - Optimización de las películas - Publicar la película - Exportar películas e imágenes - Películas con sonido Dreamweaver CS3: "Diseño Web y Administración de Sitios". Introducción a Dreamweaver CS3. - Definición de conceptos y protocolos básicos- - Conceptos básicos de HTML y CSS- - Arquitectura de páginas estáticas. - Conceptos básicos de accesibilidad y funcionalidad. Definición de un Sitio Web. - Definición de la carpeta raíz. - Sitio local y remoto. - Panel Archivos del sitio. Elementos de estructura en un documento HTML. - Encabezados y párrafos. - Saltos de línea. - Listas, y otros elementos del HTML.

6 - Elementos de bloque y en línea. Integración de imágenes y multimedia. - Formatos de imagen para la Web. - Incorporación de imágenes. - Propiedades de las imágenes. - Mapas de imagen. - Incorporación de películas Flash. Navegación e interactividad. - Conceptos básicos de navegación. - Tipos de vínculos o enlaces. - Ruta de los archivos. - Actualización de vínculos. - Elementos de formulario básicos. - Creación de formularios. - Comportamiento para Validación de formularios. Fundamentos del CSS y diseño de páginas web. - Principios y fundamentos del CSS o Cascading Style Sheets. - Uso de CSS y creación de estilos. - Definición y aplicación de estilos internos. - Vinculación y aplicación de hoja de estilos externa. - Vínculos de navegación con CSS. - Orden y herencia de estilos CSS. - Posiciones absolutas y relativas: capas. - Datos y diagramación: tablas, capas. - Disposición y control de gráfica del sitio con CSS. Uso de plantillas y elementos de biblioteca. - Creación de plantillas y definición de regiones editables. - Utilización y aplicación de plantillas y bibliotecas. - Modificación de plantillas y bibliotecas. Publicación y actualización del sitio. - Verificación de vínculos. - Conexión al sitio remoto vía FTP. - Publicación del sitio y sincronización. - Actualización de archivos y carpetas.

7 Web y Base de Datos (DW, PHP, XML, Base Datos). Introducción al PHP y MySQL. - Modelo cliente-servidor. - Aplicación de servidor - Ventajas y posibilidades del PHP y del MySQL. Editores y ambiente de trabajo con PHP. - Instalación de plataforma de trabajo PHP y MySQL. - Editores de PHP: Dreamweaver, PHP Eclipse, - Zend Studio y otros. - Configuración del ambiente de desarrollo en Dreamweaver. Sintaxis básica del PHP. - Tags o etiquetas. - Extensiones de archivo permitidas. - Relación entre sintaxis PHP y código HTML. - Funciones echo y print para el despliegue de contenido. Variables, funciones y operadores básicos. - Qué es una variable. - Tipos de datos: enteros, flotantes, cadenas y caracteres especiales. - Operadores: aritméticos, de cadenas y lógicos. - Funciones incorporadas más utilizadas del PHP. Sentencias condicionales y Loops. - Condicionales: If, Else, Switch. - Operaciones lógicas. - Loops o búcles: For, While, Do while. Arreglos y matrices. - Arreglos de una, dos y más dimensiones. - Arreglos indexados y asociativos. - Función print_r para desplegar arreglos - Operaciones básicas con arreglos. Creación de formularios. - Creación de un formulario. - Características de elementos de un formulario HTML. Características de Métodos POST y GET. - Aplicación PHP para procesar datos de formulario. Funciones de usuario. - Declaración de funciones de usuario. - Parámetros y uso de funciones de usuario.

8 - Include y Require para reutilizar código. Introducción a MySQL y bases de datos. - Introducción al diseño de base de datos- - Tablas, campos y registros. - Llaves primarias y foráneas. - Relación entre tablas. - SQL Básico. - Trabajo con MySQL y PHPMyAdmin. Uso de Dreamweaver para crear páginas dinámicas. - Creación de una conexión a MySQL. - Creación de un Recordset. - Creación de una tabla dinámica. - Creación de una página de inserción de dato. - Creación de un índice de contenidos o Master-detail. - Creación de script para eliminar datos. - Creación de una página de edición de datos. - Creación de una página de login. - Restricción del acceso al sitio a usuarios registrados. Diagramación CSS en Dreamweaver. Introducción a las Hojas de Estilo en Cascada o CSS. - Qué es el código CSS, su origen y su necesidad. - Relación entre CSS y HTML en el desarrollo web. - Posibilidades con CSS en diagramación y formato visual. Sintaxis y aplicación de CSS. - Aplicación de reglas CSS en elementos HTML. - Uso de estilos CSS internos y hoja de estilos externa. - Hojas de estilos externas: vinculación e importación. Uso y características de selectores CSS. - Selectores de etiqueta, Clase y de ID. - Selectores contextuales, universales y grupales. Herencia y cascada en CSS. - Diferencia entre herencia y cascada. - Jerarquía de visualización en las definiciones de estilos. Aplicación de CSS con Dreamweaver. - Incorporación de hojas de estilo existentes. Utilización del panel de CSS.

9 - Edición directa del código CSS. Formato visual de elementos HTML con CSS. - Formateo de textos y listas con CSS. - Control de tablas con CSS. - Disposición y formato de formularios con CSS. - Uso de CSS para el control de imágenes. Diagramación con CSS. - Uso del elemento DIV como contenedor. - Entendiendo el Modelo de Caja. - Posicionamiento: absoluto, fijo, relativo y estático. - Unidades de color: hexadecimales y RGB. - Unidades de medida más usadas: píxel, porcentaje - Asignación de nombres para clases e ID. Tipos de diagramación con CSS. - Páginas con diagramación de múltiples: fija, líquida, elástica, híbrida. Elementos de interfaz y navegación con CSS. - Barras de navegación con botones. - Menús desplegables. - Aplicación de fondos de imagen. - Cursores y Scroll. Visualización y validación de estilos CSS. - Visualización de CSS en distintos navegadores. - Atributo Media y barra Representación de Estilos. - Hojas de estilo CSS para impresión. - Necesidad del DTD o Doctype Document. - Validación de código CSS. Técnicas avanzadas de productividad en Dreamweaver Este curso tiene como objetivo incrementar nuestra productividad en Dreamweaver, entregando herramientas que nos permitan una producción rápida e inteligente de sitios y páginas. - Trabajo con código - Búsqueda y Reemplazo - Contenido dinámico con XML mediante XSL/XSLT - Plantillas, bibliotecas, includes y fragmentos. - Implementacón de Accesibilidad - Validación

10 PÁGINAS DINAMICAS CON PHP/MySQL Este curso enseña a instalar y configurar el servidor Apache, el lenguahe PHP y la base de datos MySQL para posterio rmente desarrollar páginas dinámicas con consultas a bases de datos. - Instalación de Apache, PHP y MySQL - Sintaxis de PHP - Variables y operaciones - Formularios - Introduccón a las bases de datos - Inserción, actualización, obtención y eliminaón de registros - Aplicación en un carro de compras Uso de Actionscript Action Script es el lenguaje de programación de Flash, que permite extender sus posibilidades enormemente. En este curso se aprende: - Animación mediante código - Creación dinámica de clips de película - Carga y descarga dinámica de clips de película - Alimentación de datos externos mediante XML Uso dinámico de componentes Uso de Javascript, AJAX Javascript es un lenguaje de programación del lado del cliente, muy utilizado para dar interactividad a páginas web. En este curso se aprenden los fundamentos del lenguaje y una serie de aplicaciones útiles del mismo. Adicionalmente se aprenderá la utilización de Spry, un framework de AJAX enfocado más a diseñadores que a programadores. Diseño Avanzado en Flash Este curso aplica el Actionscript previamente aprendido en una serie de aplicaciones que tienen que ver directamente con el quehacer del diseñador. - Interfaz de Flash - Línea de tiempo y edición de la película - Dibujo y edición de objetos - Uso de textos - Animación, efectos y recursos de capa - Símbolos y elementos maestros - Acciones en elementos interactivos y control de la película - Uso de sonido y video - Integración de películas y publicación de sitios y presentaciones

11 Herramientas de código abierto Disponemos de cada vez más herramientas de código abierto para crear portales, blogs, etc. En este curso veremos del uso de algunas de las más populares de estas aplicaciones. WordPress Joomla LiteBox Drupal DISEÑO AVANSADO EN MACROMEDIA FIREWORKS Presenta el entorno de trabajo de Fireworks, prestando especial atención a sus numerosos paneles. - Introducción - Entorno de trabajo - Uso de paneles Creación de documentos Explica cómo configurar el documento, estableciendo sus dimensiones y otros detalles. También muestra cómo modificar un documento existente, cómo recortar y rotar el lienzo y acceder al sistema de ayuda de Fireworks. - Configurar el documento - Visualización y desplazamiento - Modificar el documento - Rotar y recortar el lienzo - Solicitar ayuda Dibujo de objetos - Tipos de imagen - Herramientas de dibujo - Herramientas auxiliares - La herramienta Pluma - Trazo y relleno Edición de objetos - Selección de objetos - Remodelado del trazado - Remodelado directo - Transformaciones - Preferencias de Fireworks

12 Uso de texto - Introducir texto - Editar texto - Revisión ortográfica - Aplicación de efectos - Adaptación y transformación - Importación de texto Mapas de bits - Edición de imágenes - Selección de píxeles - Ajuste de áreas de selección - Edición de píxeles - Ajustar las luces y sombras - Ajustar los medios tonos Mezclas, máscaras y efectos - Composiciones - Máscara de vectores - Máscara de mapa de bits - Efectos automáticos Zonas interactivas y divisiones - Mapas de imagen - Edición y vinculación - División de imágenes - Solapamientos e interactividad - Divisiones de HTML - Reconstruir una imagen dividida Botones, rollovers y menús - Creación de botones - Símbolo e instancias - Aplicar efectos a los botones - Rollovers simples - Creación de comportamientos

13 - Estados de activación - Menús emergentes Creación de animaciones - Animación sencilla - Administración de fotogramas - Abrir animaciones - Compartir capas en fotogramas - Símbolos de animación - Configuración y exportación Optimizar y exportar - Optimizar el fomato GIF - Transparencia en GIF - Optimizar el formato JPEG - Simular transparencia en JPEG - Optimizar a tamaño de archivo Exportar Automatización y HTML Presenta herramientas de Fireworks que facilitan el trabajo con la aplicación, como los archivos de comando y el procesamiento por lotes. Finaliza estudiando la configuración del HTML. - Búsqueda y reemplazo - Procesamiento por lotes - Archivos de comandos - Operaciones con HTML

14 MULTIMEDIA Soundtrack Desarrollo y Creación de audio para Video y Web After Effects CS3 Aplicación y Generación de efectos Final Cut - Creación de títulos - Uso de Transiciones y su manejo profesional - Efectos generados a través de filtros de video - Composición y manejo de capas - Manejo de capas de audio - Integración de material de Soundbooth - Integración de material generado con After Effects CS3 QuickTime Streaming de video Acrobat 8 Professional Preflight & Edición de PDF Studio Pro: Autoría para DVD con DVD Mario Settimio Santini A