DISEO CURRICULAR

I. DATOS GENERALES DEL CURSO rea de capacitacin Curso Carga horaria Pre requisito Informtica DISENO DE SITIOS WEB MODULO II 60 hrs Haber vencido el curso de Diseo de Sitios Web I o conocimientos de fundamental de Programacin Web

II. COMPETENCIAS DEL CURSO El objetivo general de curso de Diseo de Pginas Web II, es brindar al alumno las herramientas de diseo, edicin, programacin Avanzada de Pginas Web con herramientas de animacin Flash y la creacin de formularios complejos con lenguaje PHP avanzado, adems de crear bases de datos con sitios web. Finalmente se pretende en este modulo afinar las destrezas de diseo y Maquetacin de los sitios web. Para lograrlo desarrollamos en el curso las competencias bsicas que van desde los principios de programacin en HTML hasta JAVASCRIPT, PHP, AJAX y ACTION SCRITP Avanzados. Para Implementar bases de datos a sitios web se usara la bases de datos MySql (software libre).

III. MERCADO META (A QUIEN ESTA DIRIGIDO)

Est dirigido a Estudiantes, Tcnicos, Informticos, Analistas e Ingenieros de sistemas, jefes de redes y microempresarios en el rea de informtica y sistemas, as como al pblico en general que tenga conocimientos en el desarrollo de sitios web

TEMA

CONTENIDOS MNIMOS
1.1. Qu es FLASH? 1.2. Por qu usar Flash CS4? 1.3. De Flash CS3 a Flash CS4 1.4. Flash, ventajas y desventajas 1.5. Mi Primera Animacin Flash 2.1. La interfaz de Flash CS4

Introduccin a Flash CS4

El entorno de Flash CS4

2.2. La Barra de Mens 2.3. La Lnea de Tiempo 2.4. Las Capas 2.5. El Escenario La Lnea de Tiempo - Fotogramas 2.6. Las Vistas o Zooms 2.7. Los Paneles Zooms Escenas 3.1. El dibujo en Flash CS4 3.2. La barra de Herramientas. Herramientas bsicas 3.3. La barra de Herramientas. Herramientas avanzadas 3.4. La barra de Herramientas. Opciones 3.5. El panel Color 3.6. El panel Muestras 4.1. Comenzando 4.2. Propiedades de los textos Escribir texto 4.3. Tipos de textos 4.4. Texto esttico 4.5. Texto dinmico 4.6. Introduccin de texto 4.7. Incorporar Fuentes 5.1. Comenzando 5.2. Importar Sonidos 5.3. Propiedades de los Sonidos 5.4. Insertar un Sonido 5.5. Editar Sonidos 5.6. Mp3 o Wav? Sonidos MP3 y WAV 6.1. Los objetos. Iniciacin 6.2. Seleccionar 6.3. Colocando Objetos. Panel Alinear 6.4. Panel Informacin 6.5. Los Grupos 7.1. Las Capas. Entendmoslas 7.2. Trabajar con Capas 7.3. Trabajar con Capas. Opciones Avanzadas 7.4. Reorganizar las Capas 7.5. Tipos de Capas 8.1. Qu son los smbolos 8.2. Cmo crear un smbolo 8.3. Las Bibliotecas 8.4. Diferencia entre smbolo e instancia 8.5. Modificar una instancia 8.6. Panel propiedades de instancia 8.7. Efectos sobre Instancias 9.1. Qu es un grfico? 9.2. Tipos de grficos

Dibujar y colorear

Textos

Sonidos

Trabajar con objetos

Las Capas

Smbolos

Grficos

Grficos vectoriales y mapas de bits 9.3. Creando un grfico y comprobando sus propiedades 9.4. Introducir un Mapa de Bits 9.5. Introducir un archivo vectorial Compatibilidad de archivos 9.6. Exportar un objeto Flash como mapa de bits 9.7. Exportar un objeto Flash como animacin 10.1. Qu es un clip de pelcula? 10.2. Comprobar las propiedades de un Clip 10.3. Crear un nuevo Clip 10.4. Importar y Exportar Movie Clips de Biblioteca Otros usos de los Movie Clips 11.1. Qu es un Botn? 11.2. Creacin de un Botn 11.3. Formas en los Botones 11.4. Incluir un clip en un botn 11.5. Bitmaps y botones 11.6. Acciones en los botones 11.7. Incluir sonido en un botn 12.1. La animacin en Flash 12.2. Interpolacin de movimiento Animaciones fotograma a fotograma 12.3. El editor de movimiento 12.4. Interpolacin clsica 12.5. Diferencias entre interpolacin de movimiento e interpolacin clsica 12.6. Cambio de forma en una Interpolacin de movimiento 12.7. Animacin de textos 12.8. Animacin de Lneas 12.9. Interpolacin guiada 13.1. Interpolacin por forma 13.2. Transformar textos 13.3. Consejos de Forma 14.1. Introduccin 14.2. Efectos sobre la interpolacin 14.3. Efectos sobre el smbolo interpolado 14.4. Efecto brillo 14.5. Efecto tinta 14.6. Efecto transparencia (Alfa) 15.1. Consideraciones sobre el tamao de las pelculas 15.2. Preloader. Cargar la Pelcula entera antes de reproducirla 15.3. Distribucin como archivo swf en un reproductor autnomo 15.4. Distribucin para pginas web 16.1. Qu es el ActionScript? Conceptos inciales de AS3 16.2. El Panel Acciones 16.3. Los operadores y expresiones 16.4. Los Objetos 16.5. Las Acciones - Mtodos comunes Estructuras de control 16.6. Propiedades de los objetos de visualizacin

10

Clips de Pelcula

11

Botones

12

Animaciones de movimiento

13

Animacin por Forma

14

Efectos sobre animaciones

15

Generar y publicar pelculas

16

Introduccin a ActionScript 3

17

Ejemplos de ActionScript 3.0

17.1. Ejemplos de uso del cdigo ActionScript 17.2. Cdigo ActionScript para Botones 17.3. Cdigo ActionScript para Clips de pelcula 17.4. Sonidos con ActionScript 3 17.5. El objeto MATH 17.6. Creacin de un cargador o preloader 18.1. Los Botones ActionScript 3. Eventos de ratn 18.2. Controladores de la lnea de tiempo 18.3. Las Escenas 18.4. Los MovieClips ActionScript 3 - Eventos de hijo a padre 18.5. Las Variables ActionScript 3. Arrays ActionScript 3 - Crear una clase para variables globales 18.6. Las Funciones 18.7. Contenedores y listas de visualizacin 18.8. Cargando Archivos 18.9. Cargando informacin 19.1. Los Elementos de Formulario 19.2. Botones de Formulario 19.3. Validar datos 19.4. Envo de formularios 19.5. Otras propiedades de los Formularios 19.6. Recuperando informacin XML 19.7. HTML y CSS en cajas de texto 20.1. Introduccin 20.2. El Filtro Sombra 20.3. El Filtro Desenfocar 20.4. El Filtro Iluminado 20.5. El Filtro Bisel 20.6. El Filtro Iluminado Degradado 20.7. El Filtro Bisel Degradado 20.8. El Filtro Ajustar Color 20.9. Acceder a los Filtros de un Elemento 21.1. Introduccin 21.2. Importando Vdeos 21.3. El Componente FLVPlayback 21.4. Uso de Componentes para la Reproduccin 21.5. Crear Controles Propios 21.6. Interaccin de Vdeo y Elementos Externos 22.1. Introduccin 22.2. Manejando Elementos 22.3. Interaccin con el ratn 22.4. Interaccin del Teclado 22.5. Interaccin entre Elementos 22.6. Funciones Avanzadas Propiedades del formato de texto 23.1. Movimiento de objetos mediante ActionScript 23.2. Funcin setInterval y el evento ENTER_FRAME 23.3. Movimiento de objetos mediante gua

18

Navegacin - ActionScript

19

Formularios - ActionScript

20

Los Filtros

21

Vdeo

22

Juegos

23

Animaciones avanzadas

23.4. Animaciones de rostros 23.5. Animaciones geomtricas en 3D 23.6. Cinemtica inversa Animaciones con movimientos complejos 23.7. Rotoscopia 23.8. API de dibujo. Creando dibujos con ActionScript 7.1. Maquetar una pgina web 7.2. Tamao 7.3. Desbordamiento 7.4. Posicionamiento 7.5. Posicionamiento relativo 7.6. Posicionamiento absoluto 7.7. Posicionamiento flotante 7.8. Posicionamiento fijo 7.9. Ancho de la pgina, lquido o elstico 10.1. Introduccin 10.2. Cambiar el CSS JavaScript. Eventos 10.3. Ubicar el cdigo 10.4. Funciones JavaScript. Variables JavaScript. Operadores JavaScript. Estructuras de control 10.5. Abrir una ventana JavaScript. Objetos del navegador 10.6. Crear una archivo js 10.7. El men en JavaScript 10.8. noscript 10.9. Para saber ms... 11.1. Introduccin 11.2. Formularios Lenguajes script HTML. Controles de formulario 11.3. PHP. Cdigo de ejemplo PHP. Variables PHP. Estructuras de control 11.4. Recoger los datos PHP. Funciones bsicas JavaScript. Validar formularios 11.5. Bases de datos 11.6. Para saber ms... Bases de datos 12.1. APIs 12.2. Google Maps 12.3. RSS 12.4. Aplicaciones gratuitas. Gestores de contenido, blogs y foros 12.5. Frameworks 12.6. AJAX 12.7. Para saber ms...

24

Maquetacin web

25

JavaScript

26

Formularios con PHP y Javascript

27

Funciones extra

13.1. Introduccin 13.2. Servidores 13.3. Dominios de Internet 13.4. Subir archivos al servidor 13.5. Obtener visitantes 13.6. Publicidad 13.7. Para saber ms.

28

Publicar sitios y subir archivos

IV. BIBLOGRAFIA :

Manual de Creacin de Pginas web de pablo Vazquez , Ed. Users 2010 Manual Avanzado de flash MX de Kali Romiglia, Editorial Anaya 2009 Manual de Macromedia Flash MX Ed. Macromedia 2002 www.VideoTutoriales.es /Curso de Aplicaciones.Dinamicas.con.Flash.con.PHP.y.MySQL www. curso_dreamwever.php

V. ESTRATEGIAS DE APRENDIZAJE Para desarrollar las clases se utilizar el mtodo constructivista de enseanza, y se tendr un balance terico-prctico de 35% (Terico) y 65 % (Practico). Se evaluara sobre 100%, tomndose en cuenta con evaluaciones tericas y el desarrollo un proyecto al finalizar el curso. A Continuacin se detalla los ejercicios y la evaluaciones peridicas:

Ejercicios paso a paso

1. Utilizar la cuadrcula 2. Cambiar las dimensiones de la pelcula 2. Accediendo a Paneles 3. Crear un valo 3. Crear un color transparente 3. Colorear un valo 4. Propiedades del texto 4. Cambiar el tipo de texto 5. Trabajar con Sonidos 6. Alineacin de objetos 7. Mover objetos entre capas 8. Crear un smbolo 8. Modificar una instancia 9. Exportar un objeto como mapa de bits 11. Crear un botn con relieve

12. Encadenar interpolaciones 12. Animar texto por bloques 13. Consejos de forma 14. Acelerar movimiento 15. Generar y publicar pelculas 16. Cdigo en el panel Acciones 18. Crear una pelcula cargando archivos 20. Carga y modificacin de filtros 21. Vdeo con Puntos de Referencia 22. Rotacin 22. Agregar objetos dinmicamente 22. Arrastre y orientacin de objetos 22. Colisin y Movimiento 22. Crear una clase en ActionScript 23. Movimiento en espiral

Practicas extras paso a paso

2. Crear una pgina bsica 3. Aplicar estilos sencillos 4. Estilos bsicos en KompoZer 5. KompoZer. Pgina base 7. Maquetar con posicionamiento absoluto 7. Simular pginas 7. Texto en 3D 7. Maquetar con posicionamiento flotante 7. Organizar elementos flotantes 8. Utilizar pseudoclases CSS

8. Crear mens bsicos 8. El men del ejemplo 9. GIMP. Recortar y redimensionar imgenes 9. Inkscape. Crear esquinas redondeadas 9. Redondear esquinas con CSS 9. Men con imgenes 11. Crear un formulario 11. Recoger datos y enviar un correo 11. Formulario en PHP

Ejercicios propuestos

Pruebas evaluativas

2. El entorno de Flash CS4 3. Dibujar y colorear 4. Textos 5. Sonidos 6. Trabajar con objetos 7. Las Capas 8. Smbolos 9. Grficos 10. Clips de Pelcula 11. Botones 12. Animaciones de movimiento 13. Animacin por Forma 14. Efectos sobre animaciones 15. Generar y publicar pelculas 18. Navegacin - ActionScript 19. Formularios - ActionScript 20. Los Filtros 21. Vdeo 22. Juegos 23. Animaciones avanzadas

1. Introduccin a Flash CS4 2. El entorno de Flash CS4 3. Dibujar y colorear 4. Textos 5. Sonidos 6. Trabajar con objetos 7. Las Capas 8. Smbolos 9. Grficos 10. Clips de Pelcula 11. Botones 12. Animaciones de movimiento 13. Animacin por Forma 14. Efectos sobre animaciones 15. Generar y publicar pelculas 16. Introduccin a ActionScript 3 17. Ejemplos de ActionScript 3.0 18. Navegacin - ActionScript 19. Formularios - ActionScript 20. Los Filtros 21. Vdeo 22. Juegos 23. Animaciones avanzadas

VI. NOTA DE APROBACION A la finalizacin del curso de capacitacin, el alumno para aprobar el curso deber obtener una calificacin final igual o mayor a 70 puntos. En caso de tener calificacin inferior a 70 puntos, el alumno reprobar el curso de capacitacin.

antelo_henry@hotmail.com