UNIVERSIDAD DEL VALLE DE MÉXICO PROGRAMA DE ESTUDIO DE LICENCIATURA PRAXIS MES XXI

Transcripción

1 UNIVERSIDAD DEL VALLE DE MÉXICO PROGRAMA DE ESTUDIO DE LICENCIATURA PRAXIS MES XXI NOMBRE DE LA ASIGNATURA: DISEÑO APLICADO A LA WEB FECHA DE ELABORACIÓN: ENERO 2005 ÁREA DEL PLAN DE ESTUDIOS: AS ( ) AC ( ) APOBL ( X ) APOPT ( ) ASIGNATURA INTEGRADORA ( ) CLAVE: ASIGNATURA ANTECEDENTE: NINGUNA CLAVE NOMBRE HORAS DE APRENDIZAJE A LA SEMANA CON DOCENTE INDEPENDIENTES TOTAL CRÉDITOS: 5.6 TOTAL DE HORAS CLASE POR ASIGNATURA: 90 OBJETIVO GENERAL El estudiante usará las herramientas existentes en el campo profesional del diseño gráfico a fin de desarrollarlas en la optimización y funcionalidad de sitios web y medios electrónicos. ÍNDICE DE UNIDADES 1. Conceptos básicos del entorno gráfico para medios electrónicos. 2. Programas para la manipulación digital de imágenes para uso en medios electrónicos. 3. Introducción a programas de animación para Web. 4. Introducción al diseño de páginas Web.

2 NÚMERO Y NOMBRE DE LA UNIDAD: HORAS: (10/10) Conceptos básicos del entorno gráfico para medios electrónicos. El estudiante analizará los conceptos básicos del entorno gráfico y de los medios electrónicos, con el fin de usarlos en el campo profesional. 1.1 Que es el diseño gráfico? El proyecto gráfico fases del diseño tipos de diseño medios a utilizar 1.2. Conceptos básicos del entorno gráfico Lo visual dentro del proceso creativo Composición visual Comunicación visual Estilo visual Exposición por parte del profesor. Identificación de conceptos de diseño en entornos gráficos prediseñados. Selección preliminar de concepto de sitio Web, para anteproyecto. Discusión de las lecturas asignadas (CE, EL, DI) Ejercicio de lluvia de ideas. (CE, EL) Ejercicio de análisis de juicio. (DI, MI) Retroalimentación del proceso (MI, DC, CE). Lectura de textos y revistas especializadas. (CE, DI) Selección de páginas Web, para su análisis (CE, EM, DD). Mapa conceptual de los elementos teórico prácticos. (DD, DI). Centro Revisión de mapa conceptual Por equipo: documento de análisis de conceptos en entornos gráficos prediseñados. Presentación anteproyecto de página Web. Proyector de acetatos. Computadora personal y proyector (cañón). Pizarrón. Internet.

3 NÚMERO Y NOMBRE DE LA UNIDAD: HORAS:(10/10) Programas para la manipulación digital de imágenes para uso en medios electrónicos. El estudiante operará los programas, con el fin de lograr la manipulación digital de imágenes para uso en medios electrónicos. 2.1 Diseño y arquitectura de un sitio Web. Primera Parte Programas de edición de imagen y texto Editores de texto Editores de HTML Editores gráficos Formatos GIF y JPG Exposición por parte del profesor (estrategia de recepción). Trabajo individual y grupal por parte de los estudiantes (estrategia de selección). Discusión grupal sobre las temáticas (estrategia de proceso grupo) Ejercicio de lluvia de ideas acerca de la utilidad de los diferentes topos de editores (CE, EL, DI). Ejercicios, por equipo, de los programas de edición elegidos (DD, EM, DC). R etroalimentación del proceso (DD, DC). Lectura de textos y revistas especializadas (CE, DD). Elección programas de edición de imagen y texto (CE, DD, EM). Mapa conceptual de los elementos teórico prácticos. (DD). Centro Presentación de ejercicio de Proyector de acetatos. edición. Computadora personal y proyector (cañón). Presentación de avances en Pizarrón. proyecto de creación de Internet. página Web. Examen. Incluir el desarrollo de habilidades de investigación en * caso de ser pertinente. ** Desarrollo de proyectos de investigación

4 NÚMERO Y NOMBRE DE LA UNIDAD: HORAS: (15/15) Introducción a programas de animación para Web. El estudiante identificará los programas de animación, con el propósito de optimizar el funcionamiento de la web. 3. Diseño y arquitectura de un sitio Web. Segunda Parte 3.1 Animación Web y Diseño Vectorial Macromedia Flash MX 3.2 Creación de Interactividad Web JavaScript 3.3 Editores de GIF Animados Gif Construction Set Microsoft GIF Animator Live Image. Exposición por parte del profesor (estrategia de recepción). Trabajo individual y grupal por parte de los estudiantes (estrategia de selección). Discusión grupal sobre las temáticas (estrategia de proceso grupo) Ejercicios, por equipo, del programa de animación asignado (DD). Ejercicio de lluvia de ideas, acerca de la utilidad de los diferentes programas (CE, El, DC). Retroalimentación del proceso (DD, DC). Lectura de textos y revistas especializadas (DD, DI). Análisis de elementos de animación en Web, seleccionada (DI, EL). Elección de un método de animación por equipo (EM, CE, DC). Centro Presentación de ejercicio de Proyector de acetatos. animación. Computadora personal y proyector (cañón). Presentación de avances en Pizarrón. proyecto de creación de Internet. página Web. Examen. Incluir el desarrollo de habilidades de investigación en * caso de ser pertinente. ** Desarrollo de proyectos de investigación

5 NÚMERO Y NOMBRE DE LA UNIDAD: HORAS: (10/10) Introducción al diseño de páginas Web El estudiante aplicará los conceptos de diseño gráfico en medios electrónicos, con el fin de diseñar páginas web. 4.1 Análisis de público objetivo. 4.2 Diagnóstico de la necesidad. 4.3 Metodología Organigrama de Navegación Presentación Formal Definición de Estilo. 4.4 Herramientas de trabajo. 4.5 Diseño y tratamiento de imagen y texto. 4.6 Publicar la Web. Exposición por parte del profesor (estrategia de recepción). Trabajo individual y grupal por parte de los estudiantes (estrategia de selección). Discusión grupal sobre las temáticas (estrategia de proceso grupo Presentación final de página Web experimental (CE, EL, DD). Retroalimentación del proceso (DD, DC). Lectura de textos y revistas especializadas (DD, DI). Conclusión de proyecto de página Web experimental (EM, DD). Centro. Demostración de página Proyector de acetatos. Web. Computadora personal y proyector (cañón). Documento donde se Pizarrón. desglosan los componentes Internet. del proyecto: Conceptos, técnicas, métodos. Incluir el desarrollo de habilidades de investigación en * caso de ser pertinente. ** Desarrollo de proyectos de investigación

6 REFERENCIAS BIBLIOGRÁFICAS BÁSICA: Fernández, C., A.(1998). Producción y diseño gráfico para la world wide Web. Barcelona: Paidós, Gutman, L. (2003). Dreamweaver MX, Madrid: Pearson educación. Pascual, G., F. (2004). Guía de campo de macromedia free hand MX, México: Alfaomega. COMPLEMENTARIA: Zeldman, J. (2002). Principios del diseño del Web. Madrid: Anaya multimedia. Artículos varios en PDF relacionados con el diseño de páginas Web.

7 UNIVERSIDAD DEL VALLE DE MÉXICO PROGRAMA DE ESTUDIO DE LICENCIATURA PRAXIS MES XXI A SIGNATURA: DISEÑO APLICADO A LA WEB CLAVE: PERFIL DOCENTE NIVEL DE ESCOLARIDAD PROFESIÓN EXPERIENCIA PROFESIONAL ÁREA ACTIVIDADES AÑOS EXPERIENCIA DOCENTE NIVEL AÑOS Y/O ASIGNATURAS EDUCATIVO SEMESTRES OTROS CONOCIMIENTOS DESEABLES: Contar con al menos 6 cursos de una Maestría y / o Doctorado en el área de la asignatura.