Materia de Diplomado

PLAN DE CLASES DE DIPLOMADO EN DESARROLLO Y DISEÑO WEB Clase

Objetivos Específicos

Actividades/Estrategias Metodológicas

Contenido

Evaluación

MODULO I. INTRODUCTORIO

Profesores

MODULO I. INTRODUCTORIO Introducción (Presentación del programa, los profesores, las aplicaciones.)

1y2

Introducción

LA WEB COMO SOLUCIÓN COMUNICACIONAL (6 horas). o En qué consiste el desarrollo web. o Filofosías de los sitios web. o ¿Cómo funcionan? o Servidores de aplicación. o Bases de datos. o La Web exitosa

Charlas Introductoria con proyección de videos, estadísticas, ejemplos y overview Prueba: Quiz sobre el primer tema. del curso. Clase haciendo uso del Netop.

Discusión sobre las tendencias

Alejandro Ríos(8)

MODULO II. BÁSICO PHOTOSHOP (15 horas) o El interfaz o Preparación o Optimizar imágenes para la web o Hacer fondos para la web. o Optimización de gráficos transparentes. o Creación de gráficos de navegación. o Preparar fotografías para la Web. o Herramientas de slice. o Hacer gráficos para rollovers. o Animación. o Automatización de procesos.

2 a 14

UNIDAD I. FUNDAMENTOS DE FIREWORKS (10 horas) APLICACIONES DE DISEÑO ORIENTADAS A o El espacio de trabajo.

LA WEB (40 horas) o Gráficos 101. o Trabajar con mapas de bits (Bitmaps). o Trabajar con imágenes vectoriales. o Trabajar con símbolos. o Animación en Fireworks o Trabajar con gráficos para la Web o Trabajar con Texto. o Explorar opciones creativas. o Elaboración rápida de prototipos.

Clase haciendo uso del Netop., Práctica 1: Crear el interfaz para una página html. Práctica 2: presentación de arte final a un panel Crear el interfaz para una página hecha en Flash que complete un manual de imagen corportativa. de jurado.

ILLUSTRATOR (15 horas) o Fundamentos. o Trabajar con Píxeles. o Trabajar con vectores y crear contenido para Flash.

Carlos Fernandes (15), Alejandro Ríos (15), Héctor Perdomo (10)

o El Entorno de Dreamweaver.

15 a 22

23 a 25

UNIDAD II. FUNDAMENTOS DE DESARROLLO DE UN SITIO WEB (30 horas)

UNIDAD III. JAVASCRIPT, El JQUERY (10 horas)

 La web moderna, separación entre estructura y apariencia.  Generalidades.  Los Paneles y las propiedades.  Las Preferencias.  El título  Vista de diseño, vista de código, vista dividida.  El Historial. o Fundamentos de JQuery. o Recuperar contenido de la página. o Manipular el contenido de la página. o Trabajar con Eventos. o Efectos de Animación de JQuery. o Usar el plugin de JQuery de Interfaz de Usuario (UI). o Integración.

Clase haciendo uso del Netop, presentación de la propuesta de página ante un jurado.

Práctica 3: Desarrollar un sitio web estático con galería de imágenes, scrolls de texto, comportamientos de javascript. El estilo debe haber sido modelado con técnicas de hoja de estilo de cascada.

Alejandro Ríos (30)

Clase haciendo uso del Netop.

Práctica 4: Crear una aplicación que cargue distintas hojas de estilo para distintas resoluciones de pantalla. Crea.

Frank Luzón (10 horas)

26 a 33

UNIDAD IV. FUNDAMENTOS DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB (30 horas)

o El Entorno de Flash. o Herramientas de diseño vectorial en Flash. o Las capas y la línea de tiempo (timeline). o Integración con Adobe Photoshop (Taller). o Trabajar con imágenes externas y el panel de biblioteca. o Uso de las herramientas de texto y las fuentes. o Uso de los símbolos en Flash. o Animaciones. o Cinemáticas invertidas (Inverse Kinematics) y la herramienta de hueso (Bone Tool). o Modelo de objetos de Actionscript. o El clip de película. o Direccionamiento. o Escribir Actionscript. o Programación de líneas. o Scripts observacionales. o Programación de animación. o Integración con Adobe Illustrator (Taller). o Filtros y modos de combinación. o Aplicar filtros a objetos. o El audio en Flash. (Taller) o El video en Flash. (Taller) o Interactividad con Actionscript. o Taller de integración con Dreamweaver. (Taller) o Más integración con Flash (Taller) PHOTOSHOP (5 horas)

Clase haciendo uso del Netop.

Ejemplos de interactivos.

Práctica 4: Añadir un archivo SWF interactivo al portal estático.

Cristian Caroli (30)

o Integración con otras aplicaciones de Adobe.

34 a 39

UNIDAD V. APLICACIONES DE DISEÑO ORIENTADAS A LA WEB, PARTE II (20 horas)

ILLUSTRATOR (5 horas)

Clase haciendo uso del Netop. o Integración con otras aplicaciones de Adobe.

Optimización de las imágenes y de la mecánica de trabajo. Hacer una página con unos objetivos y medir el tiempo en que se hace.

FIREWORKS (5 horas)

40 a 42

43 a 45

UNIDAD VI. GESTIÓN RÁPIDA DE CONTENIDO E INDUCCIÓN DE USUARIO PARA CLIENTRES COTNRATANTES. (10 horas).

UNIDAD VII. INTEGRACIÓN CON ELEMENTOS DE LA WEB 2.0 (10 horas)

o Haciendo que Fireworks forme parte de tu esquema de trabajo. o Los clientes, deadlines, planes de inducción, herramientas. o Conexión con el sitio web. o Creación edición de páginas web. o Trabajar con textos. o Trabajar con imágenes y multimedia. o Trabajar con links. o Trabajar con tablas. o Utilizar documentos externos. o Utilizar Contribute para Bloggeo. o Administrar el sitio.

o Fundamentos de la web 2.0

Alejandro Ríos (15) Héctor(5)

Clase haciendo uso del Netop. Usuario Práctica 5: Modificar el site estático haciendo uso de contribute. final de cada proyecto explica como Enseñar a al menos una persona a modificar la página en el modificó el contenido del sitio haciendo transcurso de dos días. uso de Contribute.

Clase haciendo uso del Netop.

Alejandro Ríos (10) Práctica 6: Elaborar un blog relacionado con el tema del portal estático. Desarrollar una página de tipo pages de facebook.

Desarrollar y modifiar el aspecto gráfico de un espacio de twitter.

Integrar un widget de twitter y una insignia de Facebook tanto al sitio estático como al blog. Incluir canales de youtube y listas de reproducción al facebook, al blog y al sitio. Añadir botones de compartir y de retweetear. Crear un Feed de noticias a partir del twitter e incorporarlo al sitio. Práctica 7: Crear un sitio utilizando Mabel Calderin (3,5) Alejandro Ríos (6,5) Joomla.

PLAN DE CLASES DE DIPLOMADO EN DESARROLLO Y DISEÑO WEB Clase

Objetivos Específicos

Contenido

Actividades/Estrategias Metodológicas

Evaluación

Profesores

MODULO III. INTERMEDIO

1a3

4 a 14

15 a 17

18 a 26

UNIDAD I. POSICIONAMIENTO Y OPTIMIZACIÓN PARA MOTORES DE BÚSQUEDA. (10 horas)

UNIDAD II. EL SITIO WEB DINÁMICO, INTRODUCCIÓN AL PHP (40 horas)

UNIDAD III. JAVASCRIPT (10 horas)

UNIDAD IV. EL SITIO WEB DINÁMICO, PHP II (30 horas)

o Fundamentos de posicionamiento. o SEO de sombrero negro vs SEO de sombrero blanco. o Las tres piedras angulares de la búsqueda. o La primera piedra: conocer a las personas que te están buscando. o La segunda piedra: Conocer los motores de búsqueda y los directorios. o Herramientas de SEO, las barras de los buscadores. o Herramientas de SEO, investigación de palabras clave/administración de proyectos. o Herramientas de SEO: Herramientas de revisión de código y análisis de sitios web. o Palabras clave. o La tercera piedra: Crear páginas web amistosas con los motores de búsqueda. o Páginas web optimizadas: El envío y el monitoreo de un sitio en Page Rank. o Construcción de los links. o Listas. o El entorno de trabajo. o Planificación del sitio o Fundamentos de PHP. o Crear un administrador para un sitio dinámico. o Página de productos, página de detalle del producto. o Validar usuarios con PHP. o Validar formularios con Spry. o Sets de datos XML en Spry. o Creación de un interfaz de usuario dinámico con Spry. o Fundamentos de Javascript. o Comenzar a escribir código. o Interactuar con usuarios. o El lenguaje de Javascript. o Crear Rollovers y más. o Crear formularios más inteligentes. o Manejar eventos. o Trabajar con Cookies. o El DOM, Nodos y Objetos. o Trabajar con fechas y tiempo. o Aplicaciones de Javascript. o Instalar PHP en Windows. o Los primeros pasos. o Explorar tipos de datos. o Estructuras de control, expresiones lógicas. o Estructuras de control, loops. o Funciones definidas por el usuario. o Resolución de problemas. o Construcción de páginasweb. o Fundamentos de MySQL. o phpMyAdmin. o Construir un sistema de administración de contenidos. o La aplicación CRUD. o Construcción de las páginas de usuario. o Regular el acceso a las páginas.

Charlas Introductoria con proyección de videos, Práctica 1: Añadir las etiquetas y estadísticas, ejemplos y overview del curso. modificar el sitio estático para obtener un Discusión sobre las tendencias. Clase haciendo mejor posicionamiento. uso del Netop.

Alejandro Ríos (5) Isabella Moller (5)

Clase haciendo uso del Netop., presentación de arte final a un panel de jurado.

Práctica 2: Convertir el sitio web estático en un sitio web cuyo contenido sea dinámico, esté almacenado en una base de datos. Crear una sección de administración del sitio. Tener varios usuarios.

Alejandro Ríos (40)

Clase haciendo uso del Netop

Práctica 3: Modificar los rollovers del sitio. Cambiar los formularios de registro de usuario por formularios inteligentes.

Añadir una aplicación adicional de Javascript.

Frank Luzón (10)

Clase haciendo uso del Netop

Práctica 4: Volver a hacer el site dinámico haciendo uso de PHP.

Carlos Fernandes (30)

27 a 38

39 a 41

42 a 49

UNIDAD V. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE II (40 horas)

UNIDAD VI. XML (8 HORAS)

UNIDAD VII. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE III (30 horas)

o Técnicas avanzadas de personalización. o Fundamentos de Actionscript 3.0. o Técnicas avanzadas de texto. o Añadir interactividad a textos dinámicos. o Técnicas avanzadas de animación. o Añadir interactividad a tu proyecto. o Trabajar con componentes. o Técnicas avanzadas de video. o Técnicas avanzadas de audio. o Crear contenido de flash accesible. o Introducción a Flash Mobile. o Fundamentos de Actionscript 3.0. o Comunicarse con clips de películas, variables y gente. o Utilizar las funciones de escritura. o Responder a eventos. o Entender las clases. o Toma de decisiones y repetición. o Utilizar matemática. o Utilizar texto y matrices. o Crear un juego de memoria. o Utilizar herramientas avanzadas de gráficos y animación. o Trabajar con multimedia. o Añadir interactividad avanzada. o Fundamentos o Reglas básicas del XML o Comenzar a trabajar con XML o Comenzar a trabajar con XML o Vinculación de datos entre XML e Internet Explorer. o Utilizar el DOM para manipular XML o XML y XPath. o Trabajar con XSLT (Extensible Stylesheet Language Transformation) o Crear Definiciones de Tipo de Documento. o Crear definiciones schema de XML. o Procesamiento Adicional de XML. o Introducción de Flash Catalyst. o La creación de proyectos. o Definir Componentes Básicos. o Crear y editar un arte. o Organización y bosquejado. o Crear transiciones básicas. o Integración de medios interactivos ricos. o Trabajar con listas de datos. o Publicación de proyectos. o Optimización de proyectos.

Clase haciendo uso del Netop., presentación de arte final a un panel de jurado.

Práctica 5: Desarrollar un sitio completo navegable haciendo uso de Flash.

Cristian Caroli(20) Gabriel Casique (20)

Clase haciendo uso del Netop

Práctica 6: Vincular la información de la galería de imágenes del sitio a un archivo XML.

Gabriel Casique (8)

Clase haciendo uso del Netop., presentación de arte final a un panel de jurado.

Práctica 7: Desarrollar un sitio completo navegable haciendo uso de Flash Catalyst.

Cristian Caroli (30)

PLAN DE CLASES DE DIPLOMADO EN DESARROLLO Y DISEÑO WEB Clase

Objetivos Específicos

Contenido

Actividades/Estrategias Metodológicas

Evaluación

Profesores

MODULO III. INTERMEDIO

1a8

9 a 19

20 a 23

23 a 26

26 a 36

37 a 47

o Técnicas intermedias de PHP. o Fundamentos de Programación Orientada al Objeto (OOP). o La OOP en la práctica. o Desarrollar un proyecto de galería de fotos. o Trabajar con achivos y directorios.

UNIDAD I. EL SITIO WEB DINÁMICO, PHP o Subir archivos. o Completar la clase de usuario.

III (30 horas) o La clase de Fotografía. o La clase comentario. o Paginación. o Enviar correos electrónicos. o Trabajar con plantillas y organizar el código. o Fundamentos del comercio electrónico. o Aceptación de pagos Online. o Sitios estáticos vs Sitios dinámicos. o Bases de datos. o Seguridad.

UNIDAD II. COMERCIO ELECTRÓNICO (40 o Carros de la compra. horas) o Elementos básicos del carrito de la compra. o Dreamweaver y el carrito de la compra. o Enviar el carrito de la compra. o Poner la tienda online a punto. o Satisfacción del cliente. o Los formatos que se emplean en la web moderna relacionados con el XML. UNIDAD III. XML AVANZADO (8 horas). o XML y Javascript. o Diseñando e implementando un formato XML. o Algorimos DOM utilizados en la web moderna. o Introducción de AJAX. o Fundamentos para desarrollar AJAX. o Fundamentos de formatos de DOM y XML. o Fundamentos peticiones de XML y HTTP. o Previsualización de Links con AJAX. UNIDAD IV. AJAX. (8 horas). o Creación de formularios dinámicos. o Creación de mapas Dinámicos. o Los frameworks de AJAX. o Utilizar el widget de animación de YUI. o Recursos adicionales. o Display List de Actionscript 3.0. o Animar con interpolaciones de ActionScript. o Utilizar datos XML y la sintaxis E4X. UNIDAD V. DISEÑO DE APLICACIONES o Trabajar con paquetes y clases.

INTERACTIVAS PARA LA WEB, PARTE IV o Crear efectos avanzados utilizando data XML. (40 horas) o Crear un sistema de partículas. o Animar y usar transiciones. o Llevar el video de Flash a nuevos niveles. o Introducción o Los lenguajes de programación Flex. o Herramientas de debugging de Flash. o Utilización de controles visuales. o Utilización la arquitectura de eventos de Flex. o Modelado de aplicaciones.

UNIDAD VI. DISEÑO DE APLICACIONES o Componentes personalizados.

INTERACTIVAS PARA LA WEB, PARTE V (40 o Administrar la navegación de la aplicación. horas) o Usar las hojas de estilo de cascada (CSS). o Creación de aspectos predeterminados con componentes de Spark con MXML y FXG. o Manejo de datos. o Presentar la data dinámica. o Crear componentes de de formularios de ingreso de datos.

Clase haciendo uso del Netop

Práctica 1: Añadir un interfaz de carga de objetos al gestor de contenido.

Isaac Mañé (30)

Clase haciendo uso del Netop.

Práctica 2: Añadir un interfaz de compra Presentación definitiva a un panel de jurado al site. de la aplicación dinámica.

Alejandro Ríos (10), Isaac Mañé (30)

Clase haciendo uso del Netop Gabriel Casique (8)

Clase haciendo uso del Netop

Alejandro Ríos (8)

Clase haciendo uso del Netop

Práctica 3: Añadir información dinámica la site hecho en Flash mediante un archivo XML. Añadir opciones de personalización al usuario.

Gabriel (30) Alejandro (10)

Clase haciendo uso del Netop

Práctica 4: Crear una aplicación inteligente de internet que permita al usuario crear su propio contenido haciendo uso un interfaz de programación rica.

Cristian Caroli (30) Alejandro(10)

NIVEL

DREAMWEAVER/Servidor de aplicación

JAVASCRIPT

FLASH/Actionscript

XML

PHP

AJAX

DISEÑO

Introducción (Presentación del programa, los profesores, las aplicaciones.) (2 horas) LA WEB COMO SOLUCIÓN COMUNICACIONAL. (6 horas)

INTRODUCTORIO

BÁSICO

FUNDAMENTOS DE DESARROLLO DE UN SITIO WEB (30 horas)

FUNDAMENTOS DE APLICACIONES DE DISEÑO ORIENTADAS A LA WEB (40 horas) PHOTOSHOP FIREWORKS ILLUSTRATOR APLICACIONES DE DISEÑO ORIENTADAS A LA WEB, PARTE II (20 horas) PHOTOSHOP FIREWORKS ILLUSTRATOR

FUNDAMENTOS DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB (30 horas) (Flash I)

JQUERY (10horas).

INTERMEDIO

AVANZADO

DISEÑO DE APLICACIONES EL SITIO WEB DINÁMICO, INTRODUCCIÓN INTERACTIVAS PARA LA WEB, PARTE II (40 horas) (Flash II y AL PHP (40 horas) Actionscript) DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, EL SITIO WEB DINÁMICO, PHP II (30 horas) PARTE III (30 horas) (Flash Catalyst) DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, EL SITIO WEB DINÁMICO, PHP III (30 PARTE IV (40 horas) (Flash III y horas) Actionscript II) DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE V (40 horas) (Flash Builder)

XML (8 HORAS)

Cantidad máxima de horas al día

Horas por módulo

Introductorio Básico Intermedio Avanzado

8 150 168 168

TOTAL

494

DIPLOMADO CORTO Introductorio Básico Intermedio Avanzado

8 90 138 18

TOTAL

254 30

XML AVANZADO (8 horas).

8

GESTIÓN RÁPIDA DE CONTENIDO E INDUCCIÓN DE USUARIO PARA CLIENTRES COTNRATANTES. (10 horas).

150

90

168

138

168

18

AJAX. (8 horas).

COMERCIO ELECTRÓNICO (40 horas)

Duración en días del módulo

Días por semana que dura el módulo 2 43 48 48

Duración en semanas del módulo

3 3 3

Duración en días del módulo

Días por semana que dura el módulo 2 26 39 5

9

14 16 16

46 Duración en semanas del módulo 3 3 3

73 3,5

8

INTEGRACIÓN CON ELEMENTOS DE LA WEB 2.0 (10 horas)

Talleres de integración Fireworks, Photoshop, Illustrator con Dreamweaver y Flash (8 horas)

141

3,5 3,5 3,5 3,5

HORAS DIPLOMADO CORTO

JAVASCRIPT (10 horas)

3,5 3,5 3,5 3,5

Cantidad máxima de horas al día

Horas por módulo

HORAS DIPLOMADO LARGO

POSICIONAMIENTO Y OPTIMIZACIÓN PARA MOTORES DE BÚSQUEDA. (10 horas)

DIPLOMADO CORTO 244 HORAS QUITADO

DIPLOMADO LARGO

EXTRAS

9 13 2

23 3

3

UNIVERS IDAD CATÓLICA ANDRÉS B ELLO Facultad de Humani dades y Educaci ón Escuel a de Comunicaci ón Soci al Pensum Semestral

DISEÑO Y DESARROLLO DE PÁGINAS WEB Nombre del Di pl omado: Diseño y Desarrollo de Pág inas Web Nro horas: 504 horas Di plomado INTRODUCCIÓN El mercado de las soluciones online demanda cada día perfiles más versátiles y completos en las distintas áreas del conocimiento relacionado con el desarrollo web. La visión que ha tenido Adobe de integrar aplicaciones que originalmente funcionaban individualmente en suites creativas, es síntoma de la necesidad creciente que tienen los profesionales del diseño web, el diseño gráfico y la producción audiovisual, de adentrarse en otros ámbitos de la co municación que no son estrictamente los suyos.

Este Dip lo mado de ARTS forma de manera interdisciplinar en las diversas competencias necesarias para ser un desarrollar de soluciones comunicacionales web. El fuerte del diplo mado radica en abarcar dos áreas que habitualmente se estudian por separado: el diseño y el desarrollo. Tamb ién considera el seguimiento del impacto y la adecuación a las necesidades de los usuarios.

OBJ ETIVO GENERAL El objetivo de este diplomado es prepara profesionales para desarrollar soluciones comunicacionales basadas sitios web que cumplan con los estándares modernos de la web en estructura y estilo, atendiendo a las necesidades de los clientes más exigentes.

OBJ ETIVOS ESPECÍFICOS • • • • •

Enseñar los procesos propios del desarrollo de una solución comunicacional basada en internet, desde su diagrama de navegación y la planificación de su base de datos hasta el seguimiento de su impacto en el público objetivo deseado.

Enseñar las distintas filosofías desde las cuales se puede abordar un proyecto de solución web según la necesidad comunicacional que se pretende satisfacer.

Trabajar con las aplicaciones informáticas con las que cuenta un profesional del desarrollo web y sus extensiones (plugins) de uso indispensable.

Crear un perfil de p rofesional interdisciplinar capaz de plas mar sus ideas creativas en una solución web.

Incorporar el uso de las herramientas de la web 2.0 que potencian el contenido generado por el usuario, potencian el tráfico y el trasiego viral de la información.

DIRIGIDO A Estudiantes de Comunicación y profesionales y estudiantes de diseño gráfico o de programación que quieran orientar su negocio hacia diseño y programación de páginas web y soluciones multimed ia.

RECOMENDACIONES Conocimientos del entorno Windows e informát ica básica, conocimiento a nivel de usuario de navegadores como Explorer y Firefo x y conocimiento a nivel de usuario de herramientas de la web 2.0 co mo Facebook, Twittter y youtube.

CONTENIDO PROGRAMÁTICO

Pendiente de Aprobación

MODULO I. INTRODUCTORIO (8 horas) Introducci ón (Presentación del programa, los profesores, las aplicaciones.)    

En qué consiste el programa.

Profesores que integran el programa.

Módulos que integran el programa.

Descripción del p royecto.

Duración: 2 horas

La We b Como Sol ución Comunicacional.

 En qué consiste el desarrollo web.

•

•

Filosofías de los sitios web. o Filosofía del d iseño.  Perfil del usuario al que van dirigidos este tipo de web.  Necesidad comunicacional que atacan.  Mercado de la web orientada al diseño.  ¿Qué es Flash? ¿Có mo ha evolucionado?  ¿Qué es javascript? ¿Qué se puede hacer? o Filosofía de la usabilidad.  Perfil del usuario al que van dirigidos este tipo de web.  Necesidad comunicacional que atacan.  Mercado de la web orientada al diseño.  Las páginas dinámicas. − ¿Có mo funcionan? − Servidores de aplicación. − PHP − ASPX − Coldfusion  Bases de datos. o Filosofía de la integración.  Perfil del usuario al que van dirigidos este tipo de web.  Necesidad comunicacional que atacan.

Tendencias de inversión publicitaria en la web. o Penetración de internet en Venezuela, telefonía móvil y uso de la telefonía móvil para conectarse a internet. o El fenómeno de la segmentación de audiencias. o El fenómeno de la web 2.0 y el contenido generado por el usuario. o Las redes sociales y sus usos en comunicación organizacional. o La interactividad. o Ejemp los de campañas exitosas fundamentadas en el contenido generado por el usuario y la interactividad.

 La Web exitosa • • • • • • • •

El proceso central.

Fundamentos estratégicos.

Co municación.

El Branding.

Entender a tu público objetivo.

Testing de usabilidad.

Diseño de la información.

Admin istrar contenido.

Duración: 6 horas

Pendiente de Aprobación

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Develop ment, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Dedicaci ón en tiempo: 8 horas

MODULO II. BÁSICO UNIDAD I. FUNDAMENTOS DE APLICACIONES DE DIS EÑO ORIENTADAS A LA WEB 1.

PHOTOS HOP (15 HORAS) •

El interfaz o Trabajar con el interfaz. o Trabajar con documentos en pestañas. o Personalización de los paneles. o Guardar un panel personalizado. o Admin istrar contenido.

•

Preparación o Establecer preferencias para la web. o Elegir un setting de color para la web. o El declive de los colores seguros para la web. o Seleccionar un color con el selector de colores. o Elegir un color con el panel de swatches. o Crear un panel de swatchers personalizado. o Recolorear gráficos para la web. o Copiar color co mo un HTM L.

•

Opti mizar imágenes para la web o Opciones del panel de guardar para la web. o Uso del JPG, el GIF y el PNG. o El declive de los colores seguros para la web. o Seleccionar un color con el selector de colores.

•

Hacer fondos para l a web. o Diseño de fondos para la web. o Optimizar un patrón de fondo. o Construir un fondo simétrico. o Utilizar un fondo de pantalla co mpleta.

•

Opti mizaci ón de gráficos trans parentes. o Fundamentos de la transparencia. o Optimizar la t ransparencia para fondos sólidos. o Optimizar la t ransparencia con sombras y brillos. o Co menzar con un gráfico no-transparente.

Pendiente de Aprobación

o

2.

Simu lar la transparencia de un JPG.

•

Creación de gráficos de navegación. o Creación de una barra de navegación simple. o Creación de un botón simple con estilos de capa. o Crear una barra de navegación con botones hechos a partir de Smart Ob jects. o Crear una barra de navegación con iconos personalizados. o Construir un botón de gel.

•

Preparar fotografías para la We b. o Flu jo de trabajo para optimización de fotos para la web. o Escalar una foto. o Ajustar una imagen para la web.

•

Herramientas de slice. o ¿Cuando viene bien utilizarlas? o Crear slices de usuario. o Crear slices basados en capas. o Añadir opciones para slices. o Optimización y guardado de slices.

•

Hacer gráficos para rollovers. o Abordar los rollovers desde Photoshop. o Crear ro llovers con comp ilación de capas. o Optimización de los gráficos de rollovers. o Expo rtar los gráficos de rollover. o Hacer rollovers a partir de la v isibilidad de capas.

•

Ani mación. o Crear animación con visibilidad de capas. o Interpolaciones con opacidad. o Interpolaciones con movimiento y efectos de capas. o Optimizar GIFs transparentes animados. o Crear slideshows animados simples. . o Crear ro llovers con comp ilación de capas. o Optimización de los gráficos de rollovers. o Expo rtar los gráficos de rollover. o Hacer rollovers a partir de la v isibilidad de capas.

•

Automatización de procesos. o Utilizar el procesador de imágenes. o Crear una galería web en Bridge. o Presentar imágenes de alta resolución con Zoomify. o Las variab les, los sets de datos, y la importación de gráficos.

FIREWORKS •

El espacio de trabajo. o Crear un nuevo documento. o El interfaz. o Trabajar con documentos en pestañas. o Establever las reg las, guías y rejas. o Trabajar con páginas. o Trabajar con capas. o Configurar grupos y paneles. o Utilizar el inspector de propiedades. o Crear un espacio de trabajo personalizado.

Pendiente de Aprobación

o

El panel de preferencias.

•

Gráficos 101. o El formato PNG de Fireworks. o Abrir archivos utilizando Bridge. o Importar arch ivos. o Abrir archivos de Photoshop. o Abrir archivos de Illustrator. o Salvar Vs Exportar. ¿Cuál es la diferencia? o Expo rtar un único archivo. o Utilizar el asistente de exportación. o Utilizar la ventana de previsualización. o Utilizar la herramienta de exportar área. o Crear arch ivos PDF. o Guardar arch ivos de Photoshop o Guardar arch ivos de Illustrator.

•

Trabajar con mapas de bi ts (Bitmaps). o El set de herramientas para trabajar con Bit maps. o Escalar imágenes. o Utilizar las herramientas de selección. o Utilizar las herramientas de dibujo. o Retocar con las herramientas de corrección: Rubber Stamp, Rep lace Co lor y Red-eye Removal. o Utilizar la herramienta de efectos de bitmap: Blur, Sharpen, Smudge, Dodge y Burn. o Optimizar imágenes utilizando los filtros de niveles. o En mascarar una imagen con otra. o Crear una máscara de bit map con una selección.

•

Trabajar con i mágenes vectoriales o El set de herramientas de vectores. o Utilizar la herramienta de pluma. o Ed itar formas vectoriales con las herramientas de Freeform y Reshape Area. o Rellenar formas con patrones y texturas. o Utilizar los Auto formas. o Utilizar las formas co mo elementos de imagen. o Escalar formas. o Escalar imágenes. o En mascarar objetos con formas vectoriales. o Aplicar trazos. o Utilizar los Paths. o Crear una máscara de bit map con una selección.

•

Trabajar con símbol os o ¿Qué son símbolos? o Crear símbolos gráficos. o Crear símbolos de botón. o Crear símbolos de animación. o Co mpartir símbolos con la b iblioteca común. o Ed itar una instancia de un símbolo. o Añadir componentes de símbolo a una imagen. o Expo rtar e importar símbolos.

•

Ani mación en Fireworks o Crear GIFs animados. o Animar con Twist y Fade

Pendiente de Aprobación

•

3.

o Crear animaciones con interpolaciones. o Expo rtar e importar símbolos.

Trabajar con gráficos para la We b o El set de herramientas. o Interactividad utilizando hotspots. o Utilizar la herramienta de Slice. o Optimizar imágenes para su exportación. o Expo rtar un layout basado en HTML. o Generar un layout basado en CSS.

•

Trabajar con Texto o Utilizar el texto en Fireworks. o Añadir texto a un path. o Añadir texto en un path. o Utilizar texto co mo máscara. o Mantener el texto nítido en imágenes web.

•

Explorar opci ones creati vas o Uso de filtros. o Utilizar los filtros de Photoshop. o Trabajar con estilos. o Utilizar los modos de mezcla. o Convertir las selecciones de bitmap a paths. o Utilizar el panel de Kuler.

•

Elaboración rápi da de prototi pos. o Utilizar una página maestra. o Crear mú ltiples capas web. o Co mpartir capas entre páginas. o Utilizar co mponentes de símbolo HTM L. o Crear opciones y mostrar opciones a los clientes. o Previsualizar el bosquejo. o Prototipos HTML. o Prototipos PDF. o Prototipos AIR. o Tips para un flu jo de trabajo más eficiente.

ILLUS TRATOR •

Fundamentos. o Principios de gráficos para la web fundamentados en píxeles y gráficos fundamentados en vectores. o Utilizar un nuevo perfil de Docu mento Web. o Crear tu propio perfil de nuevo documento. o Tomar ventaja de las plantillas y su contenido. o Sites con plantillas adicionales. o Elegir los paneles correctos para configurar un espacio de trabajo orientado a la web. o Establecer las preferencias de medidas. o Establecer los márgenes de pre visualización.

•

Trabajar con Pí xeles. o Establecer las preferencias de grid. o Entender la p revisualización de píxeles. o Entender el anti-aliasing. o Deshabilitar el anti-aliasing. o Establecer la ad ministración de color.

Pendiente de Aprobación

o o o o o o o o

o o o o o o o o o o •

Co mparar la dimensión y la resolución de los píxeles.

Ventajas de los grids.

Trabajar con mú ltip les artboards.

Entender los colores seguros en la web y el hexadecimal.

Utilizar colores desde Kuler.

Utilizar la guía de co lores con colores seguros para la web.

Convertir el arte creado a colores seguros para la web o limitado.

Herramienta de slice.  Fundamentos del Slice.  Slice manual.  Utilizar slice basado en el objeto.  Co mparar los slices de usuario y los auto slices.  Camb iar los parámetros de los slices.  Definidr un mapa de imágenes.  Trabajar con slices.

Hacer que se vea bien en la web.

Añadir reflejos.

Añadir bordes redondeados.

Crear botones de texto dinámicos.

Optimizar g ráficos web.

Co mparar GIF, JPG, PNG y WBM P. Establecer la transparencia y el mate.

Ajustar las dimensiones de la imagen.

Optimizar a un tamaño específico de archivo.

Ed itar los parámetros de salida.

Trabajar con vectores y crear conteni do para Flash. o Fundamentos del flujo de trab jo entre Illustrator y Flash. o Entender SVG. o Definir símbolos en Illustrator. o Ed itar símbolos en Illustrator. o Elegir un tipo de símbolo. o Establecer el reg istro en Flash. o Utilizar el escalado de 9-slice. o Definir el texto estático y el texto de input. o Entender la p revisualización de píxeles. o Entender el anti-aliasing. o Deshabilitar el anti-aliasing. o Establecer la ad ministración de color. o Establecer las preferencias en Flash. o Copiar y pegar elementos. o Expo rtar arch ivos enteros. o Utilizar la herramienta de salvar para web. o Expo rtar arch ivos SWF. o Convertir capas en fotogramas. o Trabajar con mezclas. o Definir capas estáticas. o Ajustar el tiempo.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com

Pendiente de Aprobación

Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 40 Horas

UNIDAD II. FUNDAMENTOS DE DESARROLLO DE UN SITIO WEB (30 horas) •

El Entorno de Dreamweaver.

La web moderna, separación entre estructura y apariencia. o Generalidades. o Los Paneles y las propiedades. o Las Preferencias. o El t ítulo o Vista de diseño, vista de código, vista dividida. o El Historial. o El quick tag editor. o Fudamentos de Html.  Et iquetas de Head y Body.

•

Creación de un Sitio. o Admin istrador del sitio. o Propiedades de la Página. o El conjunto de marcos. o Creación de plantillas. o Tablas.  Creación y configuración de una tabla.  Estructura de una tabla.  Colapsar una tabla.  El código ht ml a través del ejemp lo de la tabla.  ¿Por qué las tablas no se utilizan para la estructura general del sitio según los estándares modernos de la web? o Imágenes.  Imágenes insertadas.  Imágenes de fondo.  Optimización de imágenes para web. Roundtrip entre Photoshop y Dreamweaver. o Texto.  Introducir y modificar el texto.  Presentación de párrafos.  Las listas.  Configuración de texto. o Previsualización en browsers, exp lorer, Firefo x, chro me y Dev ice Central (teléfonos celulares)

•

Html, atri butos, parámetros, valores. o Usar elementos DIV o La Identidades o Las Clases. o Añadir un Scroll. o La et iqueta de Marquee.  Añadir un crawl/roll y programarlo con eventos de mouse. o HTM L 5. ¿En qué consiste? ¿Qué aporta? ¿có mo funciona con Dreamweaver?

Navegaci ón. o Hiperv ínculos.

•

Pendiente de Aprobación

  

•

Internos del site.

Hacia páginas de otros sites.

Imágenes con mapas de imágenes (partes de una misma imagen navega hacia distintos documentos).  Navegación dentro de una mis ma página (uso de anchors).

Posicionamiento. o Fundamentos de posicionamiento.  Las Visitas.  Las etiquetas de metadata.  Darse de alta en buscadores.  Los enlaces hacia nuestra página.  Herramienta de Head content de Dreamweaver.  Mapas de sitio, herramienta de google, Gsite crawler.

•

Photoshop para Dreamweaver. (5 horas) o Tipos de archivo de imágenes y el uso que tienen en la web.  Co mpresión de imágenes, JPG, GIF, PNG. o Resolución de imágenes. o Modificar el tamaño de una imagen. o Las imágenes con las esquinas redondeadas. o Los efectos de capa. o El panel de acciones. o Automatización de procesos. o Usar Photoshop pensando en una galería de imágenes para la web. o Pensar en el ro llover. o Asignar variables a capas y hacer sets de datos para la web. o La ed ición de ida y vuelta entre Photoshop y Dreamweaver.

•

Javascript. o Behaviors básicos de javascript inclu idos en Dreamweaver.  Imagen de Ro llover.  Galería de Imágenes intercambiables.  Efectos. o Incorporar un script de javascript desarrollado por un tercero a una página de nuestro site. o El Fav Icon. o Introducción al Jquery.

•

Apariencia: Hojas de estilo de cascada o Cascading Style Sheets (CSS). o El uso de las hojas de estilos en los sites.  Los estilos en Dreamweaver.

• Crear estilos. o Estilos generales. o Estilos de etiqueta. o Estilos de Identidad. o Estilos de clase o Estilos de Pseudo-clase.

• Expo rtar estilos a una hoja independiente.

• Aplicación de una hoja de estilo ya existente.

• Importar una hoja de estilo. o Modelo de las cajas.  Positioning • Relative y Absolute.

• Floats o CCS5  Bordes redondeados para browsers compatibles.  Somb reado y opacidad para browsers compatibles.

Pendiente de Aprobación

o o •

El Add-on Firebug de Firefo x Diseños que funcionan en todos los browsers.

Spry (Taller) o ¿En qué consisten los elementos spry? o El menú desplegable.  Personalizar los estilos del menú desplegable. o El menú de acordeón.  Personalizar los estilos del menú de acordeón.  Modificar el co mportamiento del menú de acordeón. o El Panel desplegable.  Modificar los estilos del menú desplegable. o El Tab Panel.  Modificar los estilos del Tab Panel.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 30 Horas

UNIDAD III. JAVASCRIPT, El JQUERY •

Fundamentos de JQuery. o ¿Qué es Jquery?. o Descargar e instalar Jquery. o Crear una página simple que tenga JQuery. o Introducción a las opciones de JQuery.

•

Recuperar conteni do de la página. o Selectores y filtros.  Uso básico de selectores en JQuery.  Uso básico de filtros en Jquery.  Uso de los atributos de los filt ros.

• Hijos.

• Visib ilidad.

• Filtros de contenido. o Descargar e instalar Jquery. o Crear una página simple que tenga JQuery. o Introducción a las opciones de JQuery. o Selectores de forma y filtros. o Navegar por un documento. o Fundamentos de declaraciones encadenadas en JQuery.

•

Mani pul ar el conteni do de l a página. o Crear, obtener y establecer el contenido. o Manipular atributos.

Pendiente de Aprobación

o o o o

Insertar contenido.

Envolver, reemp lazar y eliminar contenido.

Trabajar con hojas de estilo de Cascada.

Introducción a las opciones de JQuery.

•

Trabajar con Eventos. o Fundamentos de las herramientas de manejo de eventos. o Eventos de vinculación y desvinculación. o Utilizar el objeto de eventos de JQuery. o Utilizar los otros parámetros de eventos.. o Trabajar con hojas de estilo de Cascada. o Introducción a las opciones de JQuery.

•

Efectos o o o o o o

de Animación de JQuery.

Esconder y mostrar elementos.

Aparición y desaparición de elementos.

Elementos deslizables.

Animaciones personalizadas.

Trabajar con hojas de estilo de Cascada.

Introducción a las opciones de JQuery.

•

Usar el o o o o o o

plugin de JQuery de Interfaz de Usuario (UI).

Fundamentos del JQuery UI. Exp lorar los widgets de UI de JQuery.

Exp lorar los efectos del UI de JQuery.

Utilizar el ThemeRoller del UI de JQuery.

Descargar e instalar el UI de JQuery.

Introducción a las opciones de JQuery.

•

Integraci ón. o Overview de una web de ejemplo. o Utilizar el widget de acordeón. o Creación de un rotor de imágenes. o Creación de tooltip por deslizamiento. o Hacer un selector de imágenes. o Utilizar el efecto de escala.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 10 Horas

UNIDAD IV. FUNDAMENTOS DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB

Pendiente de Aprobación

•

El Entorno de Fl ash. o Ejemp los de páginas hechas con Flash, elementos comunes. Ejemp los de interactividad. o Entendiendo los tipos de archivo de Flash. o El entorno de trabajo de Flash. o Paneles de trabajo de Flash o Las Preferencias. o Utilizar los espacios de trabajo. (Workspaces) o Las herramientas de zoom y de mano. o Diferencia entre imágenes de bits e imágenes vectoriales.

•

Herramientas de diseño vectorial en Flash. o El d iseño de objetos, el diseño acoplado. o Uso de la herramienta de linea. o Las herramientas de óvalo, rectángulo y polígono. o Las herramientas de círculo y rectángulo primitivas. o Seleccionar contornos y rellenos. o Propiedades de los contornos y rellenos.  Panel de colores.  Camb iar las propiedades del relleno.  Herramienta del bote de pintura. o Herramienta de plu ma y herramienta de pincel en Flash. o Optimización de formas para un rendimiento mejorado. o Herramienta del gotero. o Creación de gradientes. o Modificar el canal alfa de las formas. o Herramienta de transformación lib re. o Alineación objetos con el panel de Align. o Uso de las herramientas de 3D. o Uso de la herramienta de transformación libre. o Uso de las reglas y las guías.

o

o o o o o

o o •

 Las capas y la línea de tiempo (timeline).

Organización de un archivo utilizando la distribución por capas.  Organización y edición de las propiedades de una capa.  El co mando pegar in situ.  Mostrar, ocultar y b loquear capas.  Uso de carpetas para agrupar capas.

Creación de máscaras y de contenido enmascarado.

Creación de capas guía.

Ver las capas como trazos y cambiar los colores del trazo de la capa.  Integración con Adobe Photoshop (Taller).

Documentos de Photoshop pensados para Flash.

Importar documentos de Photoshop.  Directo al t imeline, a la bib lioteca.  Posibilidades de las de las capas. − Los botones. − Los textos.

Ajustar el espacio de trabajo.

Los objetos vectoriales desde Photoshop y las capas de máscara en Flash.

Trabajar con i mágenes externas y el panel de bi blioteca. o Aspectos generales de la bib lioteca. o Importación gráficos de bitmap. o Optimización de la bib lioteca con gráficos modificados. o Ajuste de compresión de las imágenes de bitmap. o Uso de la herramienta de lazo con imágenes de bitmap.

Pendiente de Aprobación

o o

Utilizar gotero con el relleno de imágenes de bitmap.

Co mando de break apart para imágenes de bitmap y vectorización de imágenes de bitmap.

•

Uso de las herramientas de texto y l as fuentes. o Uso del marco de trabajo del layout de texto.  Usar la herramienta de texto pata TLF  Conectar el texto a través de mú ltiples campos de texto.  Fuentes embebidas en el documento. − Co mando de break apart aplicado a texto. − El texto clásico. − Uso del componente de scroll de texto UIscroll.

•

Uso de los símbolos en Fl ash o El símbo lo gráfico en Flash.  Creación del símbolo.  Navegación a través de múlt iples líneas de tiempo.  Ed ición de símbolos gráficos a través de la librería.  Modo de edición in situ.  Diferencia entre instancias y símbolos.  Aplicar camb ios de color a distintas instancias de un símbolo.  Intercamb io y duplicación de símbolos.  Anidar símbolos. o Símbo lo de botón.  Creación del símbolo de botón.  Aplicación de capas a los símbolos de botón.  Botones invisibles. o Símbo lo de clip de película (movieclip ).  Creación del símbolo.  Conversión de un símbolo gráfico en un clip de película. − Animaciones o Uso general de la línea de tiempo  Los fotogramas clave − Creación del fotograma clave. − Los fotogramas clave vacíos. o Crear una animación simple.  Previsualizar la animación  Uso del onion skin.  Copiar y pegar frames.  Ed ición de mú ltiples frames.  Control de una animación en un símbolo gráfico y controlar su fotograma de inicio. o Interpolación de forma  Creación y eliminación de una interpolación de fo rma.  Los consejos de forma.  Resolución de problemas de las interpolaciones de forma. o Interpolaciones de movimiento y el ed itor de movimiento.  Generalidades de las interpolaciones de movimiento.  Creación y eliminación de interpolaciones de movimiento.  Uso fotogramas clave de propiedades en la línea de tiempo.  Uso de interpolación de movimiento para scroll de parallax.  Selección, desplazamiento y copiado de las interpolaciones de movimiento.  Ed ición de una guía de movimiento.  La rotación en la an imación.  Animación del canal alfa en las interpolaciones de movimiento.  Animación de texto, mapas de bits y otros objetos.  Animar objetos en 3D

Pendiente de Aprobación

o

o

o o •

 Conversión de una interpolación de movimiento en una animación por fotogramas.

Personalización de las interpolaciones de movimiento.  El editor de movimiento.  Usar el ed itor de movi9miento para modificar una interpolación de movimiento.  Añadir y quitar fotogramas de propiedades con el editor de movimiento.  “Easing” (aceleración y desaceleración) en el panel de propiedades.  “Easing” en el ed itor de movimiento.  Curvas de “easing” personalizadas en el editor de movimiento.  Alargar y acortar los tiempos de animación.  Uso de del panel de presets para reciclar animaciones.  La an imación invertida.  La an imación anidada.

Interpolación clásica.  Creación de la interpolación clásica.  Resolución de problemas con la interpolación clásica.  Ajustar el “easing” (aceleración/desaceleración) en la interpolación clásica.  Animación de personajes a través de la interpolación clásica.

Uso de los movieclips para hacer botones animados.

Uso de los movieclips para hacer animaciones de reproducción infin ita.

Cinemáticas inverti das (Inverse Kinematics) y l a herramienta de hueso (Bone Tool). o o o

Generalidades sobre las cinemáticas invertidas.

Generalidades sobre la herramienta de huesos.  Ajustar las propiedades del hueso en el panel de propiedades.

Creación de animaciones de IK (Inverse Kinematics)  Uso de símbolos gráficos para optimización de animaciones.  Crear interactividad de cinemáticas invertidas.  El rebote en las animaciones de cinemát icas invertidas.  Conversión de animaciones de cinemát icas invertidas en animaciones por cuadros.

•

Modelo de objetos de Actionscript. o Fundamentos. o Objetos, propiedades, métodos y funciones.

•

El cli p de película. o El objeto de clip de película. o El clip de pelícu la y las líneas de tiempo independientes o Líneas de tiempo independiente.

•

Direccionamiento. o Direccionamiento y la sintaxis Dot. o Direccionamiento de instancias.

•

Escribir Acti onscript. o Principios de Actionscript. o Estructura de funciones. o Operadores. o Repetir acciones con loops.

•

Programación de líneas. o Variables. o Campos de texto. o Personalización de datos. o Revisar password.

•

Scripts observacionales.

Pendiente de Aprobación

o o o o

Observacional.

Corroborar las propiedades de objetos.

Eventos de clip de película.

Arrastrar con eventos de mouse.

•

Programación de animación. o Animación. o Movimiento dirigido. o Eventos de clip de película. o Arrastrar con eventos de mouse.

•

Integraci ón con Adobe Illustrator (Taller). o Documentos de Illustratror pensados para Flash. o Usar el panel de capas de Illustrator.  Las formas Vectoriales. o Trabajar con instancias. o Convertir en símbo los. o Animar formas vectoriales traídas desde Adobe Illustrator.

•

Filtros y modos de combinación. o Modos de combinación  Aplicar modos de comb inación a objetos. o Filtros  Aplicar filtros a objetos.

•

El audi o en Flash. (Taller) o Uso del audio en Flash. o Importación y uso del audio en animaciones. o Co mpresión del audio en la bib lioteca. o Controlar los efectos de sonido a través del panel de propiedades. o Sincronizar el sonido con la animación. o El sonido en los botones.  El v ideo en Flash. (Taller) o Uso del video en Flash. o Formatos de video y sus usos en la web y en los entorno mult imedia.  Video en los blogs.  Los videos y los canales de youtube.  El v ideo de e-learn ing. − Uso de Camtacia. − Los objetos Scorm.  El v ideo periodístico. o Adobe Media Encoder para convertir el video. o Importación de video. o El co mponente de FLV p layback. o Trabajar con puntos clave. o El v ideo embebido y sus usos.

•

Interacti vi dad con Acti onscript. o Fundamentos de Actionscript 2.0 o El panel de acciones. o Los snippets de código. o Utilizar los snippetsde código para detener una línea de tiempo. o Navegación a través de los snippets de código. o Los snippets de código para crear hipervínculos. o Los snippets de código para controlar video.

Pendiente de Aprobación

o o o

Los snippets de código para detener un sonido.

Plantillas de flash para interactiv idad pre-construida.

Co mportamientos con Actionscript 2.0

•

Taller de integración con Dreamweaver. (Taller) o Integrar video de Flash FLV en dreamweaver. o Integrar SWF en Dreamweaver. o Copiar timeline y pegar en el código en Dreamweaver (CS5) o Flash y HTM L 5.

•

Más integración con Flash (Taller) o Introducción a Flash Builder. o Introducción a Flash Catalyst.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 30 Horas

UNIDAD V. APLICACIONES DE DISEÑO ORIENTADAS A LA WEB, PARTE II PHOTOS HOP (5 horas) •

Integraci ón con otras aplicaciones de Adobe. o Integración de objetos inteligentes (Smart Objects) en Dreamweaver. o Ventana de diálogo de pegado de Dreamweaver desde Photoshop. o Integración con Fireworks. o Expo rtar de Illustrator a Photoshop. o Integración Objetos inteligentes de vectores (vector smart objects). o Integración con Flash.

ILLUS TRATOR (5 horas)

•

Integraci ón con otras aplicaciones de Adobe. o Trabajar con Photoshop. o Trabajar con Acrobat pro. o Trabajar con Dreamweaver.

FIREWORKS (5 horas)

•

Haciendo que Fireworks forme parte de tu es quema de trabajo. o Trabajar con metadata. o Utilizar Firworkds en Bridge. o Integrar Fireworks con Flash. o Integrar Fireworkds con Dreamweaver.

Pendiente de Aprobación

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 20 Horas

UNIDAD VI. GESTIÓN RÁPIDA DE CONTENIDO E INDUCCIÓN DE USUARIO PARA CLIENTRES COTNRATANTES. •

•

•

•

•

Los clientes, deadlines, pl anes de inducci ón, herramientas. o Planificar un deadline de entrega. o El presupuesto. o ¿Qué es Contribute? o ¿Có mo es el flu jo de trabajo de Contribute?

Fundamentos de Contri bute. o La ventana de documento. o El sidebar. o La barra de herramientas.

Conexi ón con el sitio web. o La clave de conexión al sitio. o Fundamentos sobre métodos de conexión. o Conexión a través de MobileMe. o Uso de la ventana de “mis conexiones” Creación edici ón de páginas web. o Búsqueda y marcado de sitios. o Creación de nuevos sitios. o Utilizar páginas de inicio. o Crear páginas a partir de plantillas de Dreamweaver. o Copiar una página existente. o Ed itar una página existente en tu sitio web o Ed itar una página local. o Modificar las propiedades de la página. o Asignar palabras clave y descripciones. o Trabajar fuera de línea. o Salvar manualmente los drafts de página. o Ed itar páginas web en aplicaciones externas. o Pre visualizar páginas en browsers externos. o Añadir un botón de “Paypal” o Añadir un campo de búsqueda de google.

Publicación de páginas. o Enviar páginas para su revisión por e-mail. o Enviar páginas a otros usuarios de Contribute para su revisión. o ¿Có mo rev isar páginas en borrador de otros usuarios? o Ed ición de borradores de otras personas o Utilización de la consola de borradores.

Pendiente de Aprobación

•

•

•

•

•

• •

o Vo lver a versiones previas de la página.

Trabajar con textos. o Insertar y editar un texto. o Usar estilos HTM L. o Usar estilos CSS. o Insertar fechas automáticas. o Insertar caracteres especiales. o Buscar y reemplazar. o Revisión de ortografía.

Trabajar con i mágenes y multi media. o Insertar imágenes desde la computadora o el sit io web. o Insertar imágenes desde recursos compartidos. o Ajustar las propiedades de la imagen. o Ed itar imágenes. o Añadir contenido Flash. o Añadir Files de imágenes. o Insertar imágenes desde Bridge.

Trabajar con links. o Vincular a borradores. o Crear nuevas páginas a partir de lin ks. o Vincular a d irecciones web. o Vincular a archivos locales. o Añadir anclajes. o Ed itar y quitar links.

Trabajar con tablas. o Crear una nueva tabla. o Seleccionar elementos de tabla. o Ajustar el tamaño de los elementos de tabla. o Añadir y borrar elementos de tabla. o Co mbinar y divid ir celdas. o Establecer la alineación de una tabla. o Establecer las propiedades de la celda. o Dar formato a los contenidos de las tablas.

Utilizar documentos externos. o Fundamentos de uso de los documentos externos. o Importar arch ivos de Word y Excel. o Insertar PDF’s. o El Plugin de Firefo x.

Utilizar Contri bute para Bl oggeo. o Conectarse al blog. o Ed ición del b log con contribute.

Administrar el sitio. o Hacer que el sitio sea administrable por Contribute. o Inducción sobre cómo convertirse en el ad ministrador del sit io. o Eliminar ad ministración de un sitio. o Habilitar los rollbacks. o Asignar parámetros para nuevas páginas. o Crear, mod ificar y eliminar perfiles de usuario. o Co mpartir conexiones al sitio.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com

Pendiente de Aprobación

Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 10 Horas

UNIDAD VII. INTEGRACIÓN CON ELEMENTOS DE LA WEB 2.0 •

Fundamentos de la web 2.0 o ¿Qué es la web 2.0? o El contenido generado por el usuario. o Campañas publicitarias y comunicación exitosa a través de la web 2.0. o El retorno de la inversión en la web 2.0. o El b log, usos y recursos integrables. o Los feeds de noticias. o Las redes sociales y el microblogueo.  Uso de las redes sociales.  Estadísticas de penetración y Retorno de la Inversión (ROI).  La v iralidad.  Plugins de firefo x.  Actualización a través de mobiles. o Los manejadores de contenido. o Plugins de Dreamweaver para integración de elementos de la web 2.0.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 10 horas Dedicaci ón en tiempo total de módul o: 150 horas

MODULO III, INTERMEDIO UNIDAD I. POSICIONAMIENTO Y OPTIMIZACIÓN PARA MOTORES DE BÚSQUEDA. •

Fundamentos de posicionamiento. o ¿Qué es optimización para motores de búsqueda? o ¿Qué es market ing en motores de búsqueda? o Público objetico, metas y habilidades requeridas.

Pendiente de Aprobación

o

Tips para el éxito del SEO

•

SEO de o o o o

•

Las tres piedras angulares de la búsqueda. o Quienes te buscan, motores de búsqueda y sitios web. o ¿Qué tipo de temát ica web estamos presentando?

•

La pri mera piedra: conocer a las personas que te están buscando. o ¿Có mo funciona la mente de quien está buscando? o El secret searcher agent, el artefacto que lee la mente o Modo en que busca la gente (de lo general a lo part icular) o Las necesidades de búsqueda de quienes buscan. o Ver tu sitio a través de los ojos de quienes te buscan. o Quienes te buscan no son expertos. o Resumiendo.

•

La segunda piedra: Conocer l os motores de bús queda y l os directori os. o Có mo los motores de búsqueda escanean el contenido de las páginas. Páginas de índice y páginas de rango.  Panorama del d irectorio.  Ningún motor de búsqueda está aislado. o Los principales motores de búsqueda y los directorios vistos desde la perspectiva de los motores de búsqueda. o Búsqueda localmente. o Búsqueda desde un teléfono móvil.

•

Herramientas de S EO, las barras de l os buscadores. o Barras de búsqueda de los browsers. o La barra de búsqueda de google y el page Rank.

•

Herramientas de S EO, investigación de palabras clave/admi nistración de proyectos. o Sugerencia de Google, herramienta de términos, herramienta de palabras clave de AdWord’s. o Tracker de palabras clave y descubrimiento de palabras clave. o Selector de palabras clave de Yahoo. o Herramientas de referencia y organización. o Herramientas de administración de un proyecto SEO. o Vínculos, KDA y Rank Checkers. ugerencia de Google, herramienta de términos, herramienta de palabras clave de AdWord’s. o Tracker de palabras clave y descubrimiento de palabras clave. o Selector de palabras clave de Yahoo. o Herramientas de referencia y organización. o Herramientas de administración de un proyecto SEO.  Herramientas de Market Leap’s.  Herramientas inteligentes del motor de búsqueda de Enquiro’s.  El set de herramientas de SEO de Bruce Clay.

•

Herramientas de S EO: Herramientas de revisión de código y análisis de sitios web. o Herramienta de validación de código de WC3 HTM L. o Herramienta de Website Analytics.

sombrero negro vs S EO de sombrero bl anco. ¿Qué es el SEO de so mbrero blanco? ¿Qué es el SEO de so mbrero negro?

Público objetico, metas y habilidades requeridas.

Tips para el éxito del SEO

Pendiente de Aprobación

•

Palabras clave. o Tipos de palabras clave. o Palabras stop. o Las páginas de “aterrizaje” son las mejo res aliadas de las palabras clave. o Palabras clave y el principio de la co la larga. o Inteligencia co mpetit iva de las palabras clave. o Derechos de autor y ciber-plagio. o Palabras stop.

•

La tercera piedra: Crear páginas web amistosas con los motores de búsqueda. o La integración. o Lo que NO debemos hacer para elaborar una página que ha de ser amistosa con los motores de búsqueda. o Las arañas de los buscadores. o El texto co mo principal caballo de batalla. o Navegación amistosa. o “Páginas de aterrizaje” amistosas. o Contenido amistoso. o Validación de código HTM L.

•

Páginas o o o o o

•

Construcción de l os links. o Quienes nos recomiendan en sus sites. o Autoridades. o Texto por anclaje rico en palabras clave. o Truco de añadir URL. o Utilizar el “site operator” para rev isar la indexación.  Enviar a motores de búsqueda.  Enviar a d irectorios. o Monitorizar la página del modo fácil y del difícil.

•

Listas. o Las mejores listas de SEO. o Fuentes, tips y referencias.

web optimizadas: El enví o y el monitoreo de un sitio en Page Rank.

Mantener el registro de los envíos a tiempo.

Utilizar el “site operator” para rev isar la indexación.

Enviar a motores de búsqueda.

Enviar a d irectorios.

Monitorizar la página del modo fácil y del difícil.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Pendiente de Aprobación

Duración de l a Uni dad: 10 horas

UNIDAD II. EL SITIO WEB DINÁMICO, INTRODUCCIÓN AL PHP •

El entorno de trabajo. o Servidores de aplicación.  PHP.  ASP.  Coldfusion.  Instalación.  Establecer un servidor de prueba local vs usar un servidor de prueba remoto. o Bases de datos.  Access.  MySQL  SQL  Oracle.

•

Planificaci ón del sitio o Planificación de la base de datos de acuerdo con el contenido del sitio y las necesidades del proyecto. (Convertir el proyecto de sitio estático en un sitio dinámico ).  Crear la base de datos en un panel de administración de sitio web.  Crear usuarios para la base de datos.  Crear las tablas para la base de datos en Access. o Diagrama de navegación, enfoque en el “backend” del sitio.

•

Fundamentos de PHP. o El servidor remoto y el servidor de prueba. o Código PHP básico. o Inserción de comandos simples de PHP. o Usar Live View y Live Code con PHP. o Usar Server Side Includes. o Definir la conexión con la base de datos. o Crear tablas con campos directamente en la base de datos con código PHP.

•

Crear un admi nistrador para un sitio dinámico. o Los tipos de datos e ingreso de datos en la base de datos. o Preparar un formulario de inserción de registro con recordsets. o Utilizar el asistente de inserción de registros. o Crear un formu lario personalizado de inserción de registros. o Utilizar el co mportamiento de servidor de inserción de reg istros. o Asistente de actualización de registros. o Presentar listados de la información existente en la base de datos. o Listar, añadir, borrar y modificar:  Tipos de Usuario.  Usuarios.  Tipos de Producto o servicio.  Productos o Servicios.  Co mentarios.

•

Página o o o

de productos, página de detalle del producto.

Listado de productos en el front end.

El parsing de datos, página de detalles del producto.

El carro de co mpras.

Pendiente de Aprobación

o o

Los comentarios.

Las estrellas.

•

Vali dar usuarios con PHP. o Crear un formu lario de ingreso y registro para el script PHP. o Iniciar una sesión de usuario con comportamiento de servidor PHP. o Proteger el acceso a las páginas con comportamiento de servidor PHP. o Salir de la sesión de usuario con comportamiento de servidor PHP

•

Vali dar o o o o

•

Sets de o o o o o o o

•

Creación de un interfaz de usuario dinámico con S pry. o o

formularios con S pry.

Fundamentos de validación por cliente.

Controles de formulario de validación.

Crear el interfaz de usuario.

Modificar la presentación de la validación con hojas de estilo de cascada datos XML en S pry.

Crear un sets de datos XML spry.

Generar salida del archivo XM L con PHP. Generar salida con HTM L. Crear una tabla Spry.

Darle fo rmato a una tabla spry.

Crear una lista repetible.

Crear reg ionesrepetidas Spry.

Usar recordsets múltiples y tablas dinámicas mú ltiples.

Revisión del uso de los elementos spry para emplearlos en lacreación del interfaz de usuario.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com

Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 40 horas

UNIDAD III. JAVASCRIPT •

Fundamentos de Javascri pt. o ¿Qué es Javascript? o ¿Qué es Ajax?. o Flu jo de trabajo. o Criterio para selección de herramientas. o Repaso de HTML y CSS.

Pendiente de Aprobación

o o o o

Entender los objetos.

Entender las variab les.

Hacer co mparaciones.

Entender los eventos.

•

Comenzar a escribir códig o. o Escrib ir el primer script. o Scripts internos Vs scripts externos. o Usar comentarios en los scripts. o Utilizar la etiqueta de noscript en HTM L.

•

Interactuar con usuari os. o Creación de diálogos de alerta. o Declarar condicionales. o Obtener confirmación de los usuarios. o Creación de diálogos para los usuarios. o Tentender las funciones. o Hacer que los vínculos sean más inteligentes. o Utilizar declaraciones de intercambios/casos. o Manejo Errores.

•

El lenguaje de Javascri pt. o Fundamientos. o Crear loops. o Enviar valores a funciones. o Detectar objetos. o Leer matrices. o Devolver valores desde las funciones. o Escrib ir matrices. o Elaborar loops de “do” y “while” o Re-utilizar funciones.

•

Crear Rollovers y más. o Crear un rollover básico de imagen. o Rollover mejorado. o Crear un rollover de tres estados. o Hacer que los rollovers sean accesibles y apegados al 508. o Hacer rollovers desencajados. o Crear slideshows. o Presentar imágenes aleatorias.

•

Crear formulari os más inteligentes. o Funtamentos. o Crear menús de salto. o Crear menús dinámicos. o Requerir campos. o Campos marcables. o Presentación de errores que contengan más información. o Verificación de selecciones en grupos de botones de radio. o Hacer rollovers desencajados. o Crear slideshows. o Presentar imágenes aleatorias. o Establecer un campo con otro campo. o Verificar d irecciones de correo electrónico.

•

Manejar eventos.

Pendiente de Aprobación

o o o o o o

Responder a eventos de ventana.

Responder a movimientos de mouse.

Responder a clics del mouse.

Respopnder a eventos de onBlur en formu larios.

Responder a eventos de onFocus en formularios.

Responder a eventos del teclado.

•

Trabajar con Cookies. o El mito de los cookies. o Escrib ir un cookie. o Leer un cookie. o Presentar un Cookies. o Contar con Cookies. o Borrar Cookies. o Manejar mu ltiples Cookies. o Los Cookies en acción o Responder a movimientos de mouse. o Responder a clics del mouse. o Responder a eventos de onBlur en fo rmularios. o Responder a eventos de onFocus en formularios. o Responder a eventos del teclado.

•

El DOM, Nodos y Objetos. o Fundamentos del DOM. o Añadir nodos al DOM. o Borrar nodos del DOM. o Borrar nodos específicos. o Insertar nodos en el DOM . o Reemplazar nodos en el DOM .

Trabajar con fechas y tiempo. o Mostrar fechas. o Mostrar tiempo. o Crear un conteo regresivo.

•

•

Aplicaciones de Javascri pt. o Crear menús deslizab les. o Crear menús pop-up o Crear slides con títulos. o Crear un intercamb iador de hojas de estilo. o Mostrar tiempo. o Crear un conteo regresivo.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com

Pendiente de Aprobación

Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 10 horas

UNIDAD IV. EL SITIO WEB DINÁMICO, PHP II •

Instalar o o o

•

Los primeros pasos. o Ver la información de configuración. o Embeber el PHP. o El “Hello World”. o El camino operacional. o Insertar comentarios.

•

Explorar ti pos de datos. o Variables. o Lineas. o Funciones de línea. o Enteros. o Puntos flotantes. o Matrices. o Funciones de matriz. o Booleanos y NULL. o Camb io y llamado de tipo. o Constantes.

•

Es tructuras de control , expresiones lógicas. o Declaraciones condicionales If. o Declaraciones de “else” y “elseif”. o Operadores lógicos. o Declaraciones “switch”.

•

Es tructuras de control , loops. o Loops “while”. o Loops “for”. o Loops “Foreach”. o Continue. o Break. o Fundamentos de apuntadores de matriz.

•

Funciones defini das por el usuari o. o Definir funciones. o Usar funciones. o Devolver valores de una función. o Establecer variables globales. o Establecer valores por defecto.

•

Resolución de problemas. o ¿Qué es debugging?

•

Construcción de páginas web. o Links y URLS. o Utilizar los valores GET.

PHP en Windows.

Instalación de PHP. Configuración de PHP. El editor de texto.

Pendiente de Aprobación

o o o o o o o

Codificar los valores GET. Codificar para HTM L. Construir formu larios.

Establecer cookies.

Establecer sesiones.

Encabezados y redireccionamiento de páginas.

Incluir y requerir páginas.

•

Fundamentos de MySQL. o Crear una base de datos en MySQL. o Crear tablas y campos en MySQL. o El phpMyAdmin. o Conectar MySQL con PHP. o Acceder a la data de MySQL con PHP. o Utilizar los valores GET. o Codificar los valores GET. o Codificar para HTM L. o Construir formu larios. o Establecer cookies. o Establecer sesiones.

•

phpMyAdmi n. o Instalar en Windows. o Configurar en Windows. o Ed itor de texto en Windows. o El phpMyAdmin con MySQL.

•

Construir un sistema de administraci ón de conteni dos. o Bosquejar la ap licación. o Construcción de la base de datos. o Bases de datos relacionales. o Establever tu área de trabajo. o Crear tu primera página. o Hacer que los recursos sean reutilizab les. o Conectar a tu sitio con la base de datos. o Construir una navegación dinámica. o Añadir links a la navegación. o Determinar que página está seleccionada. o Mostrar el HTM L según los datos seleccionados.

•

La aplicación CRUD. o Encontrar un tema en la base de datos. o Encontrar una página en la base de datos. o Crear una página para un nuevo tema. o Crear un formu lario de entrada para el tema. o Añadir temas. o Valores de escape de MySQL. o Validación de formu larios. o Validación adicional de fo rmularios. o Ed itar un tema. o Utilizar un registro de una sola página. o Actualizar un tema en una base de datos. o Enviar resultados de un dormulario como mensajes. o Borrar un tema. o Revisión y asignación CRUD.

Pendiente de Aprobación

o

Resultados de asignación CRUD.

•

Construcción de l as páginas de usuario o La apariencia del área de usuario. o Navegación en el contexto del área ab ierta al público. o Funciones en el contexto del área abierta al úblico. o Crear un co mportamiento por defecto del tema. o Codificación de texto y transformación.

•

Regular el acceso a las páginas. o Fundamentos del acceso de usuarios. o Encriptación. o Crear un sistema de login. o Corroborar autorización. o Utilizar sesiones para mantener el estatus de login. o Crear una página de logout.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 30 horas

UNIDAD V. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE II •

Técnicas avanzadas de personalización. o Admin istrar assets digitales. o Crear atajos de teclado personalizados. o Crear swatches de color personalizados. o Crear una plantilla personalizada.

•

Fundamentos de Actionscript 3.0. o Trabajar con variables. o Utilizar funciones. o Trabajar con eventos. o Trabajar con mat rices.

•

Técnicas avanzadas de texto. o Entender pos campos de texto dinámicos. o Cargar texto desde un archivo externo. o Leer HTM L desde un campo de texto. o Aplicar CCS con Actionscript. o Aplicar estilos CCS externos a un campo de texto.

Pendiente de Aprobación

•

Añadir interacti vi dad a textos dinámicos. o En mascarar texto d inámico. o Arrastrar la barra de scroll. o Calcular un porcentaje de scroll. o Establecer los límites del scroll. o Conectar una barra de scroll a un campo de texto. o Agregar aceleración y desaceleración con la barra de scroll. o Hacer scroll con botones. o Animar el scroll de texto con botones. o Establecer los límites del texto scrollable cuando se hace con botones. o Hacer que el texto tenga aceleración y desaceleración con botones. o Conectar la barra de de scroll a los botones de scroll.

•

Añadir interacti vi dad a textos dinámicos. o En mascarar texto d inámico. o Arrastrar la barra de scroll. o Calcular un porcentaje de scroll. o Establecer los límites del scroll. o Conectar una barra de scroll a un campo de texto. o Agregar aceleración y desaceleración con la barra de scroll. o Hacer scroll con botones. o Animar el scroll de texto con botones. o Establecer los límites del texto scrollable cuando se hace con botones. o Hacer que el texto tenga aceleración y desaceleración con botones. o Conectar la barra de de scroll a los botones de scroll.

•

Técnicas avanzadas de ani mación. o Organizar un objeto complejo en capas. o Duplicar clips de pelícu la. o Independizar la línea de t iempo. o Animar un clip de película co mpleo. o Crear el efecto de Hinge animado. o Crear animaciones complejas.

•

Añadir interacti vi dad a tu proyecto. o Controlar ob jetos con botones. o Entender las etiquetas en fotogramas. o Utilizar botones para navegar entre frames con etiquetas. o Anidar código dentro de clips de película. o Añadir sonido a la aplicación. o Añadir interactividad al robot. o Animar el robot arrastrado.

•

Trabajar con componentes. o Fundamento de los componentes. o Usar componentes para configurar un formulario. o Configurar un formu lario para enviar un correo electrónico. o Trabajar con variables de formu lario. o Darle fo rmato a los co mponentes. o Entender las etiquetas en fotogramas. o Utilizar botones para navegar entre frames con etiquetas. o Anidar código dentro de clips de película. o Añadir sonido a la aplicación. o Añadir interactividad al robot. o Animar el robot arrastrado.

Pendiente de Aprobación

•

Técnicas avanzadas de vi deo. o Utilizar transparencia en un video. o Trabajar con video embebido. o Animar un clip de video. o Crear una animación avanzada con video. o Trabajar con la clase de data de bitmap. o Trabajar con la clase de bitmaps. o Copiar el video para crear un reflejo. o Reflejar el v ideo. o Mejorar el v ideo con una máscara.

•

Técnicas avanzadas de audio. o Elaborar un reproductor de MP3. o Flu jo de trabajo de un proyecto. o Construcción del reproductor de MP3. o Entender las clases y los paquetes. o Crear la clase de reproductor de MP3. o Cargar snidos desde un archivo externo. o Acceder a la información de la etqueta ID3. o Controlar el sonido con botones de play y pause. o Camb iar tracks de audio. o Mostrar el volu men actual. o Camb iar el volu men de la aplicación. o Sincronizar la barra de progreso. o Construir el slider de la barra de progreso.. o Trabajar con video embebido. o Animar un clip de video. o Crear una animación avanzada con video. o Trabajar con la clase de data de bitmap. o Trabajar con la clase de bitmaps. o Copiar el video para crear un reflejo. o Reflejar el v ideo. o Mejorar el v ideo con una máscara.

•

Crear conteni do de fl ash accesi ble. o Hacer que las películas de flash sean accesibles. o Añadir nombre y descripción a la película de Flash. o Accesibilidad y campos de texto. o Cargar snidos desde un archivo externo.

•

Introducci ón a Fl ash Mobile. o Fundamentos de Flash Mobile. o Utilizar Device Central. o Actualizar los perfiles de dispositivos. o Crear un archivo de Flash para Device Central. o Crear y probar una aplicación Flash Lite. o Descargar el reproductor de Flash Lite para Windows Mobile. o Instalar la ap licación Flash Lite en tu teléfono

•

Fundamentos de Actionscript 3.0. o ¿Por qué debemos aprender Actionscript 3.0? o ¿Qué diferencias hay de Actionscript 2.0? o Ir más allá del asistende de script.

•

Comunicarse con cli ps de películas, variables y gente o Co municarse con los clips de película

Pendiente de Aprobación

o o o o

Modificar las propiedades de los clips de película Entender las variab les y los tipos de datos.

Utilizar las declaraciones de trace.

Utilizar co mentarios.

•

Utilizar las funci ones de escritura o Entender las funciones. o Utilizar las funciones. o Escrib ir funciones personalizadas. o Hacer que una función sea modular. o Hacer que una función devuelva un valor.

•

Responder a eventos o Entender los tipos de evento. o Utilizar un listener para recibir un evento. o Escrib ir un manejador de eventos. o Responder a los eventos de teclado. o Crear un link a una página web. o Utilizar enterframe para creat una animación. o Utilizar el timer de evento para controlar la animación.

•

Entender las clases o Escrib ir una clase personalizada. o Extender una clase existente. o Entender los métodos. o Propiedades y métodos privados vs propiedades y métodos públicos. o Traer una clase a la línea de t iempo. o Definir una clase de documento. o Establecer un classpath. o Crear clases útiles.

•

Toma de decisiones y repetición o Entender las declaraciones condicionales. o Escrib ir una declaración condicional. o Utilizar operadores condicionales. o Establecer condiciones alternas. o Escrib ir condiciones compuestas. o Entender los loops. o Crear un loop con código. o Utilizar un loop para generar instancias de clase. o Colocar instancias generadas por loop.

•

Utilizar o o o o

•

Utilizar texto y matrices o Crear un campo de texto. o Agregar estilo a un campo de texto. o Capturar datos de un campo de texto. o Cargar texto externo. o Aplicar scroll a un campo de texto. o Entender las matrices. o Utilizar texto y mat rices para crear un juego.

matemática Entender la clase matemática.

Utilizar operadores básicos de matemática.

Generar nú mero aleatorios.

Utilizar diferentes técnicas para redondear números.

Pendiente de Aprobación

•

Crear un jueg o de memoria. o Diseño efectivo del storyboard de la aplicación. o Escrib ir una clase de tarjeta de memoria. o Escrib ir una clase del juego de memoria. o Añadir gráficos a las tarjetas. o Colocar las cartas. o Detectar las coincidencias. o Restablecer cartas. o Manejar las parejas incorrectas. o Determinar una victoria. o Añadir cartas adicionales. o Añadir aleatoriedad a las cartas.

•

Utilizar herramientas avanzadas de gráficos y animación. o Dibujar con código. o Crear un cambio de colo r. o Generar un camb io de color aleatorio. o Animar un cambio de co lor. o Utilizar filtros. o Modificar las propiedades del filtro. o Animar los filtros. o Añadir aleatoriedad a las cartas.

•

Trabajar con multi medi a. o Cargar imágenes externas y películas. o Co municación con las películas cargadas. o Cargar sonido. o Co menzar y detener un sonido. o Detener y restaurar un sonido desde el mismo punto. o Manejar el volu men de un sonido. o Entender las conexiones de video de Flash. o Cargar un video. o Controlar la reproducción del video.

•

Añadir interacti vi dad avanzada. o Creación de un juego de arrastrar y soltar. o Crear una clase de drag y drop. o Detectar colisiones. o Detectar una victoria. o Agregar sombras paralelas. o Colocar objetos aleatoriamente.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com

Pendiente de Aprobación

Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 40 horas

UNIDAD VI. XML •

Fundamentos o Definición de XM L. o Tecnologías relacionas con el XM L. o Herramientas que se utilizan para trabajar con XM L. o ¿Có mo se utiliza el XM L?  Describir información con XM L.  Ventajas e inconvenientes del uso de XML. o Ejemp los exitosos de XML.

•

Reglas o o o o o

•

Comenzar a trabajar con XML o Co menzar a t rabajar con XM L. o Un primer archivo XM L. o Asociar un archivo XM L con una hoja de estilo CSS. o Dar estilo a una etiqueta XM L con CSS. o Trabajar con XM L y CSS2

•

Comenzar a trabajar con XML o Co menzar a t rabajar con XM L. o Un primer archivo XM L. o Asociar un archivo XM L con una hoja de estilo CSS. o Dar estilo a una etiqueta XM L con CSS. o Trabajar con XM L y CSS2

•

Vinculaci ón de datos entre XML e Internet Expl orer. o Islas de datos. o Definir una isla de datos y vincularla a un bosquejo. o Darle estilo a una isla de datos con CSS. o Islas de datos avanzadas. o Ejercicio : página con datos.

•

Utilizar el DOM para mani pular XML o Introducción al DOM. o Descubrir que es lo nuevo del DOM. o Extraer info rmación y man ipular data. o Crear nuevo contenido para el documento. o Integrar al DOM, páginas XM L y páginas HTM L.

•

XML y XPath o ¿Qué es XPath? o Una vuelta de tuerca para XPath.

•

Trabajar con XSLT (Extensi ble Stylesheet Language Transformation) o Definición de XSLT.

básicas del XML Contenido de un archivo de XML. Sintaxis correcta de un XM L. Tipos de documento válidos.

Namespaces de XML. El espacio en blanco.

Pendiente de Aprobación

o o o o o o

Darle estilo a un XM L con un XSLT. Estilos simples en XSLT. Utilizar XSLT con CSS. Ítems repetib les.

Lógica condicional.

Ordenar y arreglar data XM L.

•

Crear Defi niciones de Ti po de Documento. o Definición de Tipo de Docu mento (DTD). o Sintaxis DTD. o Declarar elementos. o Declarar atributos. o Asociar un DTD externo con un documento XML. o Estilos simples en XSLT. o Utilizar XSLT con CSS. o Ítems repetib les. o Lógica condicional. o Ordenar y arreglar data XM L.

•

Crear definiciones schema de XML. o Anatomía de un schema. o Declarar elementos. o Declarar atributos.

•

Procesamiento Adicional de XML. o Introducción a SAX. o ¿Có mo funciona SA X? o Trabajar con XM L y PHP. o Trabajar con XM L en .NET Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 8 horas

UNIDAD VII. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE III •

Introducci ón o ¿Cuándo debo usar Flash Catalyst? o El primer proyecto de Catalyst.  Crear un nuevo proyecto.  Definir co mponentes.  Añadir páginas.

Pendiente de Aprobación

  

Añadir interacción.

Añadir transiciones.

Opciones de publicación.

•

La creaci ón de proyectos. o Co menzar el proyecto en Illustrator. o Co menzar el proyecto en Photoshop o Co menzar el proyecto en Fireworks. o Co menzar el proyecto en Flash Catalyst.

•

Definir o o o o o o o

•

Crear y edi tar un arte. o Usar las herramientas de dibujar y seleccionar. o Establecer las propiedades del objeto. o Ed itar arte en Illustrator. o Ed itar Arte en Photoshop. o Trabajar con texto. o Optimizar un arte.

•

Organizaci ón y bos quejado. o o o o o o

Componentes Básicos.

Los componentes.

Crear un co mponente de botón.

Crear un co mponente de checkbox.

Crear un co mponente de radio button.

Crear un co mponente de campo de texto.

Crear un co mponente de slider horizontal y vertical.

Crear un co mponente de barra de scroll.

Páginas y capas.

Ed itar páginas y estados.

Usar grids, guías y reglas.

Alinear y arreglar objetos.

Mover elementos entre páginas y estados.

Utilizar el panel de b iblioteca

•

Crear transiciones básicas. o Tipos de interacción básicos. o Crear interacciones condicionales. o La línea de tiempo. o Crear transiciones suaves. o Definir transiciones de movimiento. o Definir transiciones de escala. o Definir transiciones de rotación. o Definir transiciones de rotación en 3D o Ajustar el timing básico. o Crear una secuencia de acción.

•

Integraci ón de medi os interacti vos ricos. o Crear arch ivos de de video de Flash. o Usar video en un proyecto. o Controlar la reproducción de un video. o Añadir efectos de sonido. o Integrar contenido de Flash.

•

Trabajar con listas de datos.

Pendiente de Aprobación

o o

o

o o o o

Usar una lista de datos para definir los ítems repetidos.

Crear una lista de datos básica.  Armar los componentes.  Añadir datos.

Crear una lista compleja de datos.  Planificar una lista de datos complejas.  Armar los componentes  Añadir los datos.

Usar video en un proyecto.

Controlar la reproducción de un video.

Añadir efectos de sonido.

Integrar contenido de Flash.

•

Publicación de proyectos. o Publicar un archivo SWF para ser visto a nivel local. o Publicar un archivo SWF para ser visto a nivel remoto. o Integrar un archivo SWF en una página web con Dreamweaver. (refrescar) o Publicación de un archivo Adobe AIR.

•

Opti mizaci ón de proyectos. o Crear co mponentes personalizados. o Crear co mponentes con paquetes de biblioteca. o Utilizar la vista de código en Flash Catalyst Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 30 horas Dedicaci ón total del Módulo: 168 horas

MODULO IV, AVANZADO UNIDAD I. EL SITIO WEB DINÁMICO, PHP III •

Técnicas intermedias de PHP. o Utilizar variables variab les. o Aplicar más funciones de matriz. o Construir fechas y horas: Epoch/Unix. o Formatear fechas y horas: Lineas y SQL. o Establecer variables de servidor y de petición. o Establecer un enfoque de variables globales y estáticas. o Hacer una asignación de referencia. o Utilizar las referencias como argu mentos de función.

Pendiente de Aprobación

o

Utilizar referencias co mo valores de retorno de función.

•

Fundamentos de Programación Orientada al Objeto (OOP). o Conceptos básicos de OOP. o Definir clases. o Definir métodos de clases. o Instanciar una clase. o Referencias una instacia. o Definir las propiedades de la clase.

•

La OOP en la práctica. o Fundamentos de herencia de clase. o Establecer los modificadores de acceso. o Utilizar los “setters” y los “getters”. o Trabajar con el modificador estático. o Operador de “scope resolution”. o Referencias la clase padre. o Utilizar constructores y destructores o Clonar objetos. o Co mparar objetos.

•

Desarrollar un proyecto de galería de fotos. o Plantear el proyecto. o Crear el proyecto y los directoriosde recursos. o Crear una base de datos MySQL. o Crear la clase de la base de datos. o Añadir consultas a la clase de base de datos. o Utilizar el objeto de la base de datos. o Optimizar con OOP. o Crear una clase de usuario. o Instanciar objetos de usuario. o Repaso de modelos de instanciación. o Autocarga. La maya de seguridad del objeto no declarado. o Crear la clase de sesión. o “Logearse” utilizando la clase de sesión. o Inicializar archivos y constantes de path. o Utilizar el contenido de path para el modelado. o Vinculación estática tardía.

•

Trabajar con achi vos y directorios. o Fundamentos básicos de archivos de sistema. o Fundamentos de los permisos de archivo. o Establecer permisos de archivo. o Permisos de PHP. o Acceder a los archivos. o Escrib ir en los archivos. o Borrar archivos. o Mover el apuntador de archivos. o Leer archivos. o Examinar losdetalles de larchivo. o Trabajar con directorios. o Visualizar el contenido de un directorio. o Crear un archivo de log: Asignación. o Crear un archivo de log: So lución.

•

Subir archi vos.

Pendiente de Aprobación

o o o o o

Configurar arch ivos para cargar.

Enviar arch ivos como datos de formulario.

Inspeccionar archivos cargados.

Cargar erro res.

Mover archivos cargados.

•

Completar la clase de usuario. o El CRUD de usuario restante. o Crear usuarios o Actualizar usuarios. o Borrar usuarios. o Encontrar los atributos de la base de datos. . o Enviar arch ivos como datos de formulario. o Inspeccionar archivos cargados. o Cargar erro res. o Mover archivos cargados.

•

La clase de Fotografía. o Co menzar la clase de fotografía. o Codificar la clase de fotografía. o Salvado de fotografías. o Cargar las fotografías. o Listar las fotografías. o Guardar mensajes en la clase de sesión. o Borrar fotografías. o Mostrar fotografías en el área abierta al público.

•

La clase comentario. o Crear la clase de comentario. o Construcción del formulario de co mentario. o Listar comentarios. o Revisión de co mentarios en el área del staff.

•

Paginaci ón. o Fundamentos de los conceptos de paginación. o Utilizar LIMIT, OFFSET y COUNT. o Encontrar las variables de asignación. o Utilizar las variables de paginación. o Utilizar las clases de paginación. o Paginar fotografías. o Utilizar lin ks de paginación.

•

Enviar o o o o o o

correos electrónicos.

Configurar PHP para envío de correos electrónicos.

Enviar corres email con mail().

Utilizar encabezados.

Repaso de SMTP. Utilizar PHP Mailer.

Construir notificación para nuevos comentarios.

•

Enviar o o o o o

correos electrónicos.

Configurar PHP para envío de correos electrónicos.

Enviar corres email con mail().

Utilizar encabezados.

Repaso de SMTP. Utilizar PHP Mailer.

Pendiente de Aprobación

o •

Construir notificación para nuevos comentarios.

Trabajar con pl antillas y organizar el código. o Utilizar la arquitectura M VC. o Elaboración simple de plantillas. o Utilizar el motor de alboración de plantillas Smarty PHP. o Construir bibliotecas y marcos de trabajo.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 30 horas

UNIDAD II. COMERCIO ELECTRÓNICO •

Fundamentos del comercio electrónico. o Elementos del comercio electrónico. o Fundamentos del certificado SSL (Secure Socket Layer). o Adquirir e instalar el cert ificad SSL.

•

Aceptación de pagos Online. o Aceptar tarjetas de crédito online. o Formas de pago. o Elegir entre el pago Gateway y un procesador. o Cuentas de comerciante.

•

Sitios estáticos vs Sitios dinámicos. o Sit ios de comercio electrónico estáticos. o Sit ios de comercio electrónico d inámicos. o Sit ios estáticos vs sitios dinámicos. o ¿Qué lenguaje de aplicación utilizar?. o El SQL. o Sit ios hospedados vs sitios independientes.

•

Bases de datos. o Repaso de bases de datos. o Elegir una base de datos.

•

Seguridad. o Hacer que la base de datos sea segura. o Hacer que el sitio web sea seguro.

•

Carros de la compra.

Pendiente de Aprobación

o o

Crear un carrito personalizado vs comprar del anaquel. ¿Có mo seleccionar un carrito de la co mpra?

•

Elementos básicos del carrito de l a compra. o Fundamentos. o La t ienda y el catálogo. o El carrito. o Admin istración de la t ienda online. o ¿Có mo seleccionar un carrito de la co mpra?

•

Dreamweaver y el carrito de la compra. o Establecer el amb iente de desarrollo. o Instalar la extensión de Cartweaver en Dreamweaver. o Definir el sitio. o Instalar la ap licación Cartweaver en el nueco sitio. o Establecer el DSN (Data Soure Name). o Probar la instalación. o Estructura del código. o Consideraciones de diseño. o El carrito. o Admin istración de la t ienda online. o ¿Có mo seleccionar un carrito de la co mpra?

•

Enviar o o o o o

•

Poner l a tienda online a punto. o Tour por el panel de admin istración. o Camb iar la contraseña de la tienda. o Parámetros globales de la tienda. o Opciones de productos. o Categorizar productos. o Costos de despacho. o Añadir productos. o Clientes y órdenes.

•

Satisfacción del cliente. o Políticas de atención al cliente.

el carrito de la compra.

Seleccionar y preparar el hospedaje.

Cargar el sitio.

Establecer el host DSN. Testeo y corrección de errores.

Establecer el gateway de pagos o el procesador.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com

Pendiente de Aprobación

Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 40 horas

UNIDAD III. XML AVANZADO o o o

Repaso de fundamentos de XML. El uso de XM L hoy en día.

El panorama de XM L.

•

Los formatos que se emplean en l a web moderna relacionados con el XML. o El sitemap y el índice de sitemap. o Entendiento los RSS o Utilizando los elementos requeridos y opcionales de de feeds RSS. o Enriquecer el feed RSS. o Entendiendo la sindicación Atom. o Utilizar los elementos opcionales y requeridos en Atom. o Añadir entradas a un feed Atom.

•

XML y J avascript. o Usar el soporte XM L en Firefo x. o Utilizar XM L en Firefo x. o Entender XM L en internet Exp lorer. o Utilizar XM L en Internet Exp lorar. o Serializar XM L en una declaración. o Utilizar acciones intra-browser con la bib lioteca Sarissa. o Crear ejemplos Sarissa. o Entender el script ECMA standard (E4X) o Utilizar E4X

•

Diseñando e implementando un formato XML. o Fundamentos del formato XM L. o Ev itar errores de diseño típico. o Planificar el d iseño y el desarrollo. o Crear un set de etiquetas. o Integrar XM L con diseño.

•

Algoritmos DOM utilizados en la web moderna. o Fundamentos del uso de los algorit mos del DOM. o Fundamentos del recorrido deep-first. o Rellenar la función de deep-first. o Fundamentos del recorrido breadth-first. o Utilizar el algorit mo isContainedBy(). o Utilizar el algorit mo containsNode(). o Utilizar el algortimo hasSib ling() o Utilizar el algorit mo get ElementsByAttrVAl().

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK

Pendiente de Aprobación

Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 8 horas

UNIDAD IV. AJAX. •

Introducci ón de AJAX. o Entender lo que es y lo que NO es AJAX. o Introducción de la mecánica de trabajo.

•

Fundamentos para desarrollar AJAX. o Fundamentos del marco de trabajo del desarrollo AJAX. o Seleccionar las herramientas adecuadas para el trabajo. o Personalizar Firefo x para el desarrollo en AJAX. o Instalar WAMP en distintas versions de Windows. o Prerrequisitos de HTML, CSS y Javascript.

•

Fundamentos de formatos de DOM y XML. o El formato DOM. o Exp lorar DOM con Firefo x. o Usar Javascript para manipular DOM. o Visualizar XM L y DOM .

•

Fundamentos peticiones de XML y HTTP. o Entender Peticiones de HTTP. o Entender el objeto XHR. o Entender los estados de XHR. o Usar contenido XHR. o Entender las respuestas XHR. o Limitaciones de seguridad de XHR.

•

Previsualización de Links con AJ AX. o Bosquejo del proyecto. o Modificar un proyecto estático de HTML y CSS. o Añadir Javascript. o Reutilizar el código o Entender los estados de XHR. o Usar contenido XHR. o Entender las respuestas XHR. o Limitaciones de seguridad de XHR.

•

Creación de formul arios dinámicos. o Bosquejo del proyecto. o Modificar un formu lario estático de HTM L y CSS. o Añadir un archivo XM L. o Añadir AJAX. o Añadir JavaScript. o Probar los resultados. o Reutilización del código.

•

Creación de mapas Dinámicos. o Bosquejo del proyecto. o Describir la página XM L o Añadir AJAZ o Añadir Más Javascript

Pendiente de Aprobación

o

Probar resultados.

•

Los frameworks de AJAX. o Utilizar los frameworks. o Obtener y explorar el framework de Interfaz de Usuario (UI) de Yahoo! o Exp lorar los ejemplos de frameworks de YUI. o Recurrir a la documentación de framewo rks de YUI.

•

Utilizar el wi dget de ani maci ón de YUI. o Fundamentos del widget. o Tomar un archivo XM L de Flickr o Crear la página HTM L. o Crear el arch ivo CSS. o Crear el Javascript. o Probar los resultados.

•

Recursos adicionales.

TALLER DE ACTIONSCRIPT CON XML • • • • • • •

Repaso de XML. Crear XM L en Actionscript 3.0.

Trabajar con datos externos de XM L. Crear un lector de clase RSS reutilizable.

Utilizar PHP con data XM L. Trabajar con Blogs.

Trabajar con API de Flickr. o Trabajar con Podcasts.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 8 horas

UNIDAD V. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE IV •

Display List de Actionscri pt 3.0. o Entender el d isplay list. o Utilizar display objects más allá de los clips de película. o Utilizar el método de addChild. o Utilizar el método de removeCh ild. o Referencias un Display Ob ject por nú mero de índice. o Referenciar un display object por nombre. o Controlar los display objetc en diferentes líneas de tiempo. o Controlar d isplay objects en diferentes películas.

Pendiente de Aprobación

o o o o o o o

Utilizar addCh ild para cambiar los objetos padres.

Co mparar “Stage” y “stage”.

Crear una clase de drag y drop.

Detectar colisiones.

Detectar una victoria.

Agregar sombras paralelas.

Colocar objetos aleatoriamente.

•

Ani mar con interpolaciones de ActionScript. o ¿Por qué utilizar ActionScript para an imar? o Entender la clase de interpolación. o Utilizar distintos métodos de aceleración y desaceleración. o Entender los métodos de clase de interpolación. o Responder a eventos de interpolación. o Utilizar interpolaciones para mover un mapa dinámico. o Hacer que el mapa responda a eventos de interpolaciones.

•

Utilizar o o o o o o o o o

•

Trabajar con paquetes y clases. o Repaso de paquetes y clases. o Crear una plantilla para arch ivos de clase. o Definir clases de path reutilizables. o Crear una clase de DisablingButton desde una plantilla. o Conectar clases con clips de película. o Co municación entre clases. o Crear una clase de ScaleButton. o Reutilizar la clase de ScaleButton.

•

Crear efectos avanzados utilizando data XML. o Preparativos para construir un galería de imágenes avanzada. o Div idir el thumbnail en segmentos. o Añadir interactividad a los thumbnails. o Cargar imágenes de las imágenes grandes. o Crear una clase de galería de imagen.

•

Crear un sistema de partícul as. o Entenderel sistema de part ículas. o Crear partícu las o Animar part ículas. o Agregar aleatoriedad a las partículas. o Definir un rango de partículas. o Definir un rango dinámico. o Controlar la t ransparencia y la escala de las partícu las. o Variar la velocidad de las partículas. o Quitar los hijos para mejorar el funcionamiento. o Utilizar diferentes partículas.

datos XML y l a sintaxis E4X. Introducción a datos XML. Entender la sintaxis E4X. Crear data XM L b ruta.

Cargar data XM L externa.

Utilizar la clase de lista XM L. Utilizar data XM L para cargar imágenes externas.

Utilizar data XM L para cargar una galería de imágenes.

Mostrar texto de un archivo XM L en la galería.

Añadir interpolaciones a tu galería.

Pendiente de Aprobación

•

Ani mar y usar transiciones. o Entender las transiciones. o Entender las clases de objeto. o Colocar información de transición en un objeto. o Crear animaciones de transición. o Utilizar eventos de transición no documentados. o Utilizar transiciones en una galería de imágenes.

•

Llevar el vi deo de Fl ash a nuevos ni veles. o Repaso de los fundamentos básicos del video de Flash. o Crear un interfaz escalable. o Entender los puntos clave. o Utilizar XM L para closed captioning. o Conectar el closed captioning a los puntos clave. o Crear un interfax denavegación avanzada. o Crear una clase de AdvancedVideo.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duración de l a Uni dad: 40 horas

UNIDAD VI. DISEÑO DE APLICACIONES INTERACTIVAS PARA LA WEB, PARTE V

•

•

•

•

Introducci ón o La h istoria de Adobe Flex. o Instalar Flash Bu ilder. o Instalaer Flash Bu ilder co mo un plugin de Eclipse o Creación de la ap licación “Hello World2. o Anatomía de las aplicaciones web.

Uso de Flash Buil der o Seleccionar un espacio de trabajo. o Importar y exportar proyectos como archivos FXP. o Establecer las preferencias de Flash Builder. o Utilizar las vistas y los editores de Eclipse. o Utilizar las perspectivas de Flash Builder.

Los lenguajes de programación Flex o Entender MXM L. o Establecer propiedades y estilos con MXML. o Traducir M XM L a Actionscript 3. o Utilizar Actionscript en archivos de tipo MXML. o Declarar y utilizar variables. o Tipos de datos de Actionscript Herramientas de debugging de Flash.

Pendiente de Aprobación

•

•

•

•

•

o Utilizar la versión debug de Flash Player. o Co menzar y detener sesiones de debugging. o Rastreo de ejecución de la ap licación. o Utilizar puntos de quiebre. o Utilizar la vista de Variables. o Observar expresiones de Actionscript. o Utilizar puntos de observación para detectar los cambios de estado.

Utilización de controles visuales. o Entender los componentes MX y Spark. o Declarar controles visuales con MXML. o Declarar controles visuales con Actionscript. o Utilizar los controles de presentación de texto. o Presentar texto rico. o Utilizar controles de ingreso de texto. o Utilizar los controles de botón. o Carga de imágenes. o Embeber imágenes. o Presentación de contenido de flash. o Pasar datos con expresiones vinculantes.

Utilización la arquitectura de eventos de Flex. o Manejando eventos enviados. o Utilizar manejador de eventos en MXML. o Utilizar las funciones personalizadas de manejador de eventos. o Objetos de eventos. o Presentar texto rico. o Utilizar las funciones de “event listener”.

Modelado de aplicaciones. o Establecer la propiedad de layout de la aplicación. o Utilizar el contenedor de Spark Group. o Utilizar el contenedor de Spark Panel. o Utilizar las barras de control de aplicación y paneles. o Utilizar las funciones de “event listener”. o Utilizar el contenedor de borde. o Declarar las vistas de estados. o Camb iar las vistas al tiempo de ejecución.

Componentes personalizados. o Definir los componentes MXML. o “Instanciar” co mponentes en MXML. o “Instanciar” co mponentes en Actionscript. o Declarar y utilizar prop iedades personalizadas. o Declarar y utilizar métodos personalizados. o Declarar y establecer los estados de los componentes. o Enviar eventos desde los componentes personalizados. o Clear clases personalizadas de eventos. o Envío y manejo de eventos personalizados.

Administrar l a navegaci ón de la aplicación. o Usar el contenedor de ViewStack. o Manejar la navegación con ActionScript. o Usar en componente ButtonBar. o Usar los contenedores de Tab Navigator y acordeón. o Declarar y utilizar métodos personalizados. o Declarar y establecer los estados de los componentes. o Enviar eventos desde los componentes personalizados. o Clear clases personalizadas de eventos. o Envio y manejo de eventos personalizados.

Pendiente de Aprobación

•

•

•

•

•

•

Usar las hojas de estilo de cascada (CSS). o La declaración en código de CSS. o Utilizar hojas de estilo embebidas. o Utilizar selectores de tipo, estilo e ID. o Utilizar selectores globales y descendientes. o Utilizar hojas de estilo externas. o Establecer y obtener estilos con Actionscript. o Cargar estilos al ejecutar.

Creación de aspectos predeterminados con componentes de S park con MXML y FXG. o Dibujar gráficos vectoriales con MXM L. o Expo rtar arch ivos FXG desde illustrator y Fireworks. o Utilizar arch ivos FXG en aplicaciones Flex. o Crear un aspecto predeterminado para la ap licación. o Utilizar el co mponente de aspectos predeterminados. o Asignar un aspecto determinado a mú ltiples co mponentes. o Cargar el aspecto determinado en la ejecución.

Manejo de datos. o Embeber data con <fx:Model>. o Manejar data con Matriz List y Matriz Collection. o Crear objetos de clase de valores. o Utilizar objetos de valores en MXML. o Utilizar objetos de valores en Actionscript. o Aglutinar objetos de valores en colecciones de datos.

Presentar la data di námica. o Utilizar los controles de List y DropDo wnList. o Utilizar la propiedad de labelField. o Utilizar la propiedad de labelFunction. o Crear procesadores personalizados de ítems o Manejo del modelo de las listas. o Utilizar el control de DataGrid. o Utilizar labelFunciton con una columna de DataGrid. o Utilizar el procesamiento avanzado de celdas de DataGrid. o Trabajar con eventos y propiedades de control de listas. o Presentar ítems de datos con DataGroup. o Agregar una barra de scroll a los grupos.

Crear componentes de de formularios de ingreso de datos. o Elaborar un co mponente de de formu lario de ingreso de datos personalizado. o Validación de ingreso de datos. o Empaquetado de datos con un objeto de clase de valores. o Co mpartir datos utilizando eventos de clases personalizados Integraci ón con servi dores de aplicaci ón. o Importar la base de datos a MySQL. o Añadir propiedades de servidor al proyecto Flex. o Recuperación de data con componentes RPC. o Manejar el evento de resultado de RPC. o Utilizar la clase de CallResponder o Crear una conexión de datos a una tabla de MySQL con PHP. (refrescar) o Recuperar datos con la conexión PHP. o Generar un fo rmulario de ingreso de datos. o Enviar datos al servidor.

Bibliografía: Dreamweaver CS5 Essential Training, Autor: James Williamson, Lynda. Com http://www.lynda.com/home/DisplayCourse.aspx?lpk2=58712 Lowery, Joseph W. - Dreamweaver CS4 b ible

Pendiente de Aprobación

ADOBE DREAM WEAVER CS3 Autor, David Karlin Dreamweaver CS4 Dynamic Development, Autor: David Gassner, (Dec 12, 2008), Lynda.com Dreamweaver 8 Dynamic Development, Autor: Daniel Short, (Feb 23, 2006), Lynda.com Dreamweaver CS5 with PHP and MySQL, Autor: David Gassner, (Sep 22, 2010), Lynda.com PHP with MySQL Beyond the Basics, Autor: Kevin Skoglund, (M ar 25, 2009), Lynda.com Adobe Flash Professional CS5 Classroom in a Book,), Autor: Adobe Creative Team, Edition (June 26, 2010) Flash CS4 professional bible, Reinhardt, Robert ADOBE FLASH CS3 PROFESSIONAL TECNICAS ESENCIALES, SCHAEFFER MARK Flash Professional CS5 New Features, Autor: Todd Perkins, (Apr 4, 2010), Lynda.com Flash Builder 4 and Flex 4 Essential Training, Autor: David Gassner, (M ar 22, 2010), Lynda.com Flash Catalyst CS5 Essential Training, Autor: M ordy Golding, (Apr 12, 2010), Lynda.com

Duraci贸n de l a Uni dad: 40 horas Dedicaci 贸n en tiempo total de m贸dul o: 168 horas

Pendiente de Aprobaci贸n