Cdigo: F-GAC-03D DISEO MICROCURRICULAR Versin: 01 Edicin: 18/02/2009

Nombre del Programa Facultad articulada: Tipo de Evento: Duracin: Comunicacin Curso 50 Horas

DISEO Y DESARROLLO WEB I

Objetivo General:
Conocer e implementar Flash y Dreamweaver como herramientas facilitadoras del proceso de diseo y desarrollo de interfaces, interactividad y contenido para la Web.

Objetivos Especficos:
Conocer el principio, presente y futuro de la Web segn la historia y la evolucin del Internet mismo Aprender la sintaxis bsica y estructura de una pgina XHTML Distinguir los tipos de imgenes y su correcta aplicacin segn el medio de destino Aplicar conceptos bsicos de CSS Conocer los conceptos bsicos para la creacin e implementacin de un sitio Web Aplicar las diferentes herramientas de Flash para la creacin de animaciones

Competencias:
Al finalizar el curso el estudiante aprender a: Crear e implementar un sitio Web a travs de los conceptos bsicos adquiridos durante el curso Crear diferentes tipos de animaciones por medio de las herramientas vistas en el curso

Publico Objetivo:

Conocimientos Previos Requeridos:

Manejo de Internet y Windows Afinidad con el diseo Conocimientos bsicos de software grfico.

ESTRUCTURA SESIN TEMAS Y SUBTEMAS INTENSIDAD HORARIA

F-GAC-03D 1/6

Conceptos generales

Conceptos bsicos sobre Usabilidad. Glosario bsico WEB, conceptos y funcionamiento de Internet. Proceso de diseo para la elaboracin de un sitio WEB. Elaboracin de Wireframe (mapas de navegacin). Lenguajes ms utilizados. Diferencia entre HTML, XHTML y HTML5 Manejo legal de imgenes que ya existen en internet Introduccin a las herramientas ms utilizadas como Firework, Flash, Dreamweaver y Flash (pasado, presente y futuro de estas herramientas)
4

1 Introduccin a la aplicacin grfica FIREWORK

Resoluciones en pantalla. Entendiendo las imgenes Bitmap y Vectoriales Formatos de imgenes ms utilizados para web Conociendo FireWork, uso de las ventanas principales Creacin de nuevo documento Inspector de propiedades Manejo de capas Manejo de pginas y estados. Manejo de guas, reglas.

F-GAC-03D 2/6

Caja de herramientas (uso de las herramientas principales). Herramientas de seleccin Herramientas MapaBits Herramientas Vector Uso de la paleta de colores

Aplicacin de efectos Herramienta EXPORTACIN. Agrupar y desagrupar Alinear objetos Libreras con muestras de smbolos listos desde Fireworks Crear boceto web desde Firework listo para exportar.

Comenzando con FLASH

Conociendo la interfaz, disposicin y personalizacin de paneles. Uso de la caja de herramientas. Principios bsicos del dibujo en Flash. Usando textos y sus diferentes tipos. Conocimiento de capas, fotogramas y lnea de tiempo. Aplicacin de capa mscara.
4

Libreras y tipos de smbolos

Usando la librera: tipos de smbolos y manejo de instancias. Aplicacin de efectos de color y aplicacin de filtros. Manejo de escenas.

Ejercicio Taller de temas aprendidos.

F-GAC-03D 3/6

Tcnicas de animacin

Tcnicas de animacin: cuadro a cuadro I. Interpolacin de movimiento clsica. (capa gua). Interpolacin de movimiento. Animacin por forma. Animacin de esqueleto por Bones (huesos) Animacin 3D con Flash
4

Ejercicio Taller

Action Script Bsico:

Introduccin al concepto multimedia (multiniveles). Creacin de Botones. Introduccin a action script bsico (para fotogramas y objetos (funciones globales en 2.0).
4

Action Script bsico: Next y Prev frame Action Script bsico: Load movies entre otros stop, next, etc... Creacin y manejo del concepto de componentes de formularios.

Imgenes, sonido y video

Insertar imgenes a Flash, compresin y animacin Importacin de sonidos en Flash, tipos de archivos y propiedades Codificacin de video a travs de Adobe Media Encoder Uso del componente FLVPlayback Exportacin de imgenes. Publicacin de pelculas
4

Ejercicio Taller con todos los temas aprendidos.

F-GAC-03D 4/6

Conociendo XHTML

Principios bsicos Sintaxis del lenguaje Qu es CSS y JavaScript?

Comenzando con DREAMWEAVER CS5

Interfaz de usuario Administracin de sitios Primer documento Declaraciones DOCTYPE Estructuracin del contenido
4

Tipografa, imgenes y vnculos

Medidas, propiedades y estilos de las tipografas Objetos inteligentes, integracin con Firework y/ PhotoShop Caractersticas y funcionalidades de los vnculos

Principios bsicos de CSS

CSS (Cascading Style Sheets) Tipos de reglas CSS Navegador de cdigo

4

Manejo de tablas y formularios

Estructura de las tablas Importacin de datos tabulados Funcionamiento de los formularios Elementos para la creacin de formularios

Manejo de capas o DIV con todas sus variables y aplicaciones con CSS.

F-GAC-03D 5/6

Creacin de plantillas con todas sus variables. Insercin de elementos multimedia 10 4

Insertar archivos SWF de Flash Integracin con Flash Agregar videos FLV

11

Comportamientos

12

Ejercicio Taller montaje WEB

13

Publicacin de archivos
METODOLOGA

El aprendizaje de este curso se logra a travs de la utilizacin de la presentacin terica al estudiante del tema de cada una de las sesiones, realizacin de demostracin prctica del tema, realizacin de laboratorios, entrega al estudiante del material de la presentacin en la clase o por correo, as como indicarle material en internet o en libreras que apoyan el proceso de aprendizaje y ejercicios propuestos o temas de investigacin para ser desarrollados despus de clase.

F-GAC-03D 6/6