Estructura bsica del Mdulo

Desarrollo de competencias didcticas en entornos virtuales

Unidad de Aprendizaje 1
Web master
Descripcin de la Unidad de Aprendizaje:

En esta unidad aprenderemos en qu consisten la planeacin y organizacin de proyectos web y mencionaremos algunas de las herramientas que tenemos a nuestra disposicin para construir pginas; Para ser ms especficos, en las siguientes secciones trataremos: En primer lugar, conocer de manera general los conceptos tcnicos que involucra el diseo de pginas web y la organizacin de proyectos. Tambin veremos un poco de historia para comprender cmo es que se ha llegado a la arquitectura actual de las pginas y cuales eran los modestos comienzos de las web. A continuacin, pasaremos a aprender las principales alternativas de las que se disponen para construir las aplicaciones web. Posteriormente, conoceremos conceptos de diseo de interfaces web y empezaremos a ver cmo se construyen aplicaciones web con la tecnologa de HTML que nos harn crear nuestras aplicaciones con un impacto visual positivo. Finalmente conoceremos la forma adecuada de presentar nuestros proyectos para garantizar la confiabilidad y debida planeacin del mismo.
Objetivos de la Unidad de Aprendizaje Generales

Ensear a planear, disear y maquetar proyectos de pginas web con estilos css y con lenguajes de programacin del lado del cliente partiendo de un template hecho con las herramientas de Adobe.
Especficos

Proporcionar a los alumnos las tcnicas correctas, prcticas, rpidas y relativamente fciles que les permitirn desarrollar sitios web, sin tener que conocer la referencia completa de cada una de las herramientas o lenguajes de programacin.

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

Contenido de la Unidad de Aprendizaje Sealar los temas principales que se analizarn en esta unidad de aprendizaje Tema 1: Introduccin Tema 2: Conceptos de Planeacin y Organizacin Tema 3: Colores y tipografa Tema 4: Herramientas bsicas de Ilustrator Tema 5: Herramientas bsicas de Photoshop Tema 6: Aprendiendo HTML bsico Tema 7: Conociendo el framework Grid System 960css Tema 8: Aprendiendo Cascading Style Sheets bsico Tema 9. Nociones de programacin con jquery y javascript Tema 10. Impacto Visual Tema 11. Definiendo un proyecto Web Tema 12. Maquetacin y Diseo Tema 13. Nociones Master page Tema 14. Como hacer un Entregable del Prototipo Competencias

Cognitivas Identificar los conceptos de planeacin y organizacin. Reconocer la importancia que tiene la planeacin y organizacin de los proyectos. Explicar las tipografas y describir la interpretacin del crculo cromtico. Memorizar las herramientas bsicas de Ilustrator y sabe cmo utilizarlas. memorizar las herramientas bsicas de Photoshop y sabe cmo utilizarlas. Memorizar las etiquetas html bsicas y emplearlas para la creacin de pginas web. Memorizar la sintaxis del lenguaje jquey y javascript. Memorizar los selectores Css Aplicar css para la construccin de pginas web. Valorar y argumentar el impacto positivo visual de una web. Analizar, planear y proponer un proyecto web. Disear y crear la pgina web del proyecto propuesto. Describir el concepto de Master Page. Utilizar master page para en el proyecto propuesto. Conocer y aplicar el funcionamiento del framework 960css, para la maquetacin de la master del pryecto propuesto. Elegir la tipografia y colores para el diseo de acuerdo a los conceptos vistos. Emplear ideas de impacto visual en los diseos de las pginas. Preparar el entregable del proyecto propuesto.

Procedimentales Explica con sus palabras los conceptos medulares de los temas de color y tipografa. Sintetiza y hace juicios sobre el impacto visual del diseo grafico. Crtica la importancia que tiene la planeacin y organizacin de proyectos web. Disear un proyecto web, en el que se apliquen todos los conceptos de los temas de la unidad.

Actitudinales Contesta con respeto los cuestionamientos del maestro y de los compaeros. Muestra una actitud responsable en la entrega de proyectos. Demuestra su compromiso e inters por la unidad. Muestra respeto hacia las opiniones de los dems. Complementa los comentarios de sus compaeros. Presta atencin a las crticas del maestro y de sus compaeros.

Didcticos Aula Pizarrn y plumones Hojas blancas Lpices/plumas

Recursos a utilizar Tecnolgicos, informticos y de comunicacin Plataforma universitaria moodle Computadoras Software: adobe Ilustrator en su versin cs6, Photoshop en su versin cs6, Microsoft Proyect 2007. Conexin a internet Proyector

Estrategias de enseanza Presentaciones en power point Presentacin de videos Foro de opiniones Debates

Actividades de aprendizaje Prcticas de ejemplos de maquetacin Presentaciones Investigaciones Lecturas Resmen Reflexiones Proyecto final

Evidencias de Desempeo Productos Criterios de Evaluacin del Desempeo 1. Diseos grficos de plantillas Teniendo en cuenta los objetivos que nos marcamos 2. Mapas Mentales para esta Unidad Didctica, los criterios de evaluacin 3. Presentaciones que se van a seguir son los que nos van a permitir 4. Portafolios de tareas evaluar la capacidad del alumno para: 5. Aplicacin web funcional Utilizar el crculo cromtico y su interpretacin 6. Gua del proyecto final para el diseo grafico web. 7. diagrama de actividades Administrar el desarrollo de un proyecto 8. Archivos fuentes de templates psd aplicando los conceptos de planeacin, 9. Archivos fuentes de vectores .ai organizacin y control. 10. informes de avances Utilizar y valerse de las virtudes del lenguaje de 12. CD con el cdigo fuente del proyecto jquery y html para crear efectos y animaciones 13. Mapas de sitio web en las pginas web. 14. Minutas Utilizar adecuadamente las herramientas de 15. Reporte de investigaciones con referencias diseo de adobe para la elaboracin de 16. Prcticas plantillas web. 18. documento de planeacin y organizacin del proyecto Utilizar los conceptos sobre colores y tipografa, final. juzgando la eleccin. 19. Manual de usuario de la aplicacin web Utilizar las css para aplicar estilos a las pginas web. Usar el framework 960 para maquetar, usar la pgina maestra del proyecto web para aplicarla. Presentar un CD con los recursos del proyecto, documentos de planeacin y organizacin, cdigo fuente y pginas web del proyecto propuesto. Exponer con claridad los temas. Demuestra comprensin de los conceptos. Elabora sus presentaciones de forma legible y con la informacin medular.

Bibliografa Particular Complementaria

Actividades de la Unidad de Aprendizaje

Actividad de aprendizaje No. 1 Denominacin de la actividad: Tiempo o perodo: Resumen de la lectura Fecha de Inicio: 2013-06-01 Fecha de Entrega: 2013-06-01

Objetivo de la actividad: Introduccin o presentacin de la actividad:

Actividad de aprendizaje No. 1 Identificar y explicar los conceptos relevantes del captulo de conceptos de planeacin y organizacin Esta actividad tiene la finalidad de identificar los conceptos medulares conceptos de planeacin y organizacin del tema de

a) En base a las lecturas de conceptos de planeacin y organizacin identifica los conceptos ms importantes que se mencionan en el texto. b) Posteriormente elabora un resumen en un archivo de word, en el que menciones los conceptos de la forma ms clara posible. Instrucciones para el aprendizaje: c) Nombra a tu archivo de Word como T2_t1_AAAA donde reemplaces las letras A por las iniciales de tu nombre. d) Enva tu documento a la cuenta actividadesDiseo@hotmail.com con asunto Tarea 1 seguido de tu nombre completo.

Recursos para el aprendizaje:

Para esta actividad, usar la siguiente informacin: http://es.scribd.com/doc/62366031/Organizacion-y-Planeacion-de-Proyectos

En esta actividad lo que se pretende es que el alumno identifique, abstraiga y explique los conceptos medulares del tema.

Estrategias de aprendizaje:

Enva tu tarea en formato doc a la direccin de correo proporcionada por el maestro y con el nombre correcto. Estrategias y criterios de evaluacin: Criterios de evaluacin: Claridad de la redaccin. Extensin del resumen (mx. 1 hoja) Ortografa

Actividades de la Unidad de Aprendizaje

Actividad de aprendizaje No. 2 Circulo Cromtico Fecha de Inicio: 2010-06-07 Fecha de Entrega: 2010-06-10 Objetivo: El alumno describir el crculo cromtico de forma individual. El crculo cromtico se usa en la clasificacin de los colores. Se denomina crculo cromtico al resultante de distribuir alrededor de un crculo los colores que conforman el segmento de la luz. El crculo cromtico se usa muy a menudo para armar o determinar las armonas de color que se van a usar en determinada obra artstica. En este sentido, existen varias clases de armonas de color, Esta actividad tiene como finalidad que el alumno aprenda cmo se debe interpretar el crculo cromtico y como aplicar la armona de colores en el diseo grfico web.

Denominacin de la actividad: Tiempo o perodo: Objetivo de la actividad:

Introduccin o presentacin de la actividad:

Actividad de aprendizaje No. 2 Ejemplo: a) Con el material proporcionado del tema del crculo cromtico, elabora una presentacin con diapositivas en la que incluyas todos los temas. b) Incluye en tu presentacin imgenes que ayuden a la comprensin del tema. Instrucciones para el aprendizaje: c) Prepara argumentos de apoyo para exponer tu tema. d) Enva tu producto en formato ppt a la direccin de correo actividadesDiseo@hotmail.com con el nombre T3_t2_AAAA y reemplaza las letras A, por las inciales de tu nombre. e) Enva el correo con asunto Tema 3 tarea 2 seguido de tu nombre completo. En esta actividad se recomienda incluir los temas del documento pdf aunque se puede utilizar recursos complementarios para ampliar el conocimiento acerca del tema. Recursos para el aprendizaje: Documento: CirculoCromatico.pdf Link : http://sobrecolores.blogspot.mx/2010/12/que-es-el-circulo-cromatico.html En esta actividad se pretende es que el estudiante lea detenidamente, investigue y busque informacin relacionada con la interpretacin del circulo cromtico. REDACTA ESTA PARTE COMO SI SE LO ESTUVIERAS DICIENDO A LOS ESTUDIANTES Enva tu tarea en formato ppt a la direccin de correo proporcionada por el maestro y con el nombre correcto. Criterios de evaluacin: Mencionar todos los conceptos. Extensin de diapositivas (mx. 5) Claridad de la exposicin. Extensin de tiempo (no exceder los 15 min) Ortografa Legibilidad de las diapositivas

Estrategias de aprendizaje:

Estrategias y criterios de evaluacin:

Actividades de la Unidad de Aprendizaje

Actividad de aprendizaje No. 3 Denominacin de la actividad: Tiempo o perodo: Objetivo de la actividad: Introduccin o presentacin de la actividad: Instrucciones para el Colores Fecha de Inicio: 2010-06-07 Fecha de Entrega: 2010-06-10 Objetivo: El alumno identificar los conceptos principales de la lectura del tema de colores Las cualidades o propiedades del color son el tono, el valor y la saturacin. A travs de ellas podemos conocer las posibilidades y variaciones de cada uno de los colores. Esta actividad tiene como finalidad que el alumno identifique los valores inherentes y simblicos de los colores. Ejemplo:

Actividad de aprendizaje No. 3 aprendizaje: a) Con el material proporcionado, elabora una presentacin con diapositivas en la que incluyan todos los conceptos importantes que se mencionan en el material de apoyo. b) Incluye en tu presentacin imgenes que ayuden a la comprensin del tema. c) Prepara argumentos de apoyo para exponer tu tema. d) Enva tu producto en formato ppt a la direccin de correo actividadesDiseo@hotmail.com con el nombre T3_t3_AAAA y reemplaza las letras A, por las inciales de tu nombre. e) Enva el correo con asunto Tema 3 tarea 3 seguido de tu nombre completo. En esta actividad se deben incluir los temas del documento pdf . Recursos para el aprendizaje: Documento: Colores.pdf Link: http://www.gczarrias.com/ALUMNOS/archivos/diseno/TEMA%205%20EL%20COLOR.pdf En esta actividad lo que se pretende que lean detenidamente la informacin, la comprenda y exponga mediante una presentacin de diapositivas los conceptos ms importantes. REDACTA ESTA PARTE COMO SI SE LO ESTUVIERAS DICIENDO A TUS ALUMNOS Enva tu tarea en formato ppt a la direccin de correo proporcionada por el maestro y con el nombre correcto. Criterios de evaluacin: Mencionar todos los conceptos. Extensin de diapositivas (mx. 5) Claridad de la exposicin. Extensin de tiempo (no exceder los 15 min) Ortografa Legibilidad de las diapositivas

Estrategias de aprendizaje:

Estrategias y criterios de evaluacin: