8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

1/6

F-GAC-03D 1/6

DISEO MICROCURRICULAR

Cdigo: F-GAC-03DVersin: 01Edicin: 18/02/2009

Nombre del Programa DISEO Y DESARROLLO WEB I

Facultad articulada: Comunicacin

Tipo de Evento: Curso

Duracin: 50 Horas

Objetivo General: Conocer e implementar Flash y Dreamweaver como herramientas facilitadoras del proceso de diseodesarrollo 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 mism- 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 INTENSIDADHORARIA

8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

2/6

F-GAC-03D 2/6

1

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 yHTML5Manejo legal de imgenes que ya existen en internetIntroduccin a las herramientas ms utilizadas como Firework,Flash, Dreamweaver y Flash (pasado, presente y futuro de estasherramientas)

Introduccin a la aplicacin grfica FIREWORK

Resoluciones en pantalla.Entendiendo las imgenes Bitmap y VectorialesFormatos de imgenes ms utilizados para webConociendo FireWork, uso de las ventanas principalesCreacin de nuevo documentoInspector de propiedadesManejo de capasManejo de pginas y estados.Manejo de guas, reglas.

4

8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

3/6

F-GAC-03D 3/6

2

Caja de herramientas (uso de las herramientas principales).Herramientas de seleccinHerramientas MapaBitsHerramientas Vector

Uso de la paleta de coloresAplicacin de efectosHerramienta EXPORTACIN.Agrupar y desagruparAlinear objetosLibreras con muestras de smbolos listos desde FireworksCrear boceto web desde Firework listo para exportar.

4

3

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.

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.

4

8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

4/6

F-GAC-03D 4/6

4

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

Ejercicio Taller

4

5

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).

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.

4

6

Imgenes, sonido y video

Insertar imgenes a Flash, compresin y animacinImportacin de sonidos en Flash, tipos de archivos y propiedadesCodificacin de video a travs de Adobe Media EncoderUso del componente FLVPlayback Exportacin de imgenes.Publicacin de pelculas

Ejercicio Taller con todos los temas aprendidos.

4

8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

5/6

F-GAC-03D 5/6

7

Conociendo XHTML

Principios bsicosSintaxis del lenguajeQu es CSS y JavaScript?

Comenzando con DREAMWEAVER CS5

Interfaz de usuarioAdministracin de sitiosPrimer documentoDeclaraciones DOCTYPEEstructuracin del contenido

Tipografa, imgenes y vnculos

Medidas, propiedades y estilos de las tipografasObjetos inteligentes, integracin con Firework y/ PhotoShopCaractersticas y funcionalidades de los vnculos

4

8

Principios bsicos de CSS

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

Manejo de tablas y formularios

Estructura de las tablasImportacin de datos tabuladosFuncionamiento de los formularios

Elementos para la creacin de formularios

4

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

8/6/2019 CURSO DISEO WEB I - U DE M-CONTENIDOS

6/6

F-GAC-03D 6/6

10

Creacin de plantillas con todas sus variables.

Insercin de elementos multimedia

Insertar archivos SWF de FlashIntegracin con FlashAgregar videos FLV

4

11 Comportamientos 4

12 Ejercicio Taller montaje WEB 4

13 Publicacin de archivos 2

METODOLOGA

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