PLANEACIÓN Y SECUENCIA DIDÁCTICA Colegio de Bachilleres del Estado de Morelos

Transcripción

1 14. Competencias genéricas: 15. Competencias profesionales: PLANEACIÓN Y SECUENCIA DIDÁCTICA Colegio de Bachilleres del Estado de Morelos Grupo: DATOS GENERALES DE LA ASIGNATURA: 1. Plantel /módulo EMSAD: Plantel Turno: Matutino 3. Facilitador (a): Minerva Caspeta Tinoco 4. Asignatura: Producción de animaciones con elementos multimedia. 5. Fecha de elaboración: Febrero de Período de aplicación: 2014-A 7. Tiempo asignado: 8. Campo de conocimiento: 9. Componente de formación: 10. Tema integrador: 48 Formación para el trabajo Informática Aplicaciones informáticas 2. BLOQUE : 11. Número y Nombre: Producción de animaciones conelementos multimedia. 12. Tiempo asignado: Elaboración de páginas web. 48 Elaborará páginas Web mediante animaciones interactivas de aplicación general y específica, en un ambiente multimedia. Además desarrollará las competencias genéricas necesarias para actuar con 13. Desempeños del estudiante al concluir el bloque: eficiencia no sólo en el trabajo, sino a lo largo de la vida, de conformidad con el desempeño integral del la capacitación en Informática 1. Se conoce y valora así mismo y aborda problemas y retos teniendo en cuenta los objetivos que persigue. 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. 7. Aprende por iniciativa e interés propio a lo largo de la vida. 8. Participa y colabora de manera efectiva en equipos diversos. Elaborar páginas Web con animaciones interactivas de aplicación general y específica, en un ambiente multimedia.

2 22. Inicio (Tiempo): 23. Inicio (Tiempo): 16. Objetos de aprendizaje: 17. Competencias a desarrollar: Dreamweaver. Flash * Estructura ideas y argumentos de manera clara, coherente y sintética. * Valora el pensamiento lógico en el proceso comunicativo en su vida cotidiana y académica. * Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. 3. EVALUACIÓN: 18. Productos: Practicas y proyectos 19. Estrategias de aprendizaje: Prácticas guiadas. 20. Actividades de enseñanza: 21. Actividades de aprendizaje: Contextualización del aprendizaje Para qué se aprende? Cómo lo voy a lograr? * Dirigir una lluvia de ideas, sobre las aplicaciones del software de diseño web, que los alumnos hayan observado en su vida cotidiana. * Dirigir una lluvia de ideas, sobre la importancia y aplicación que los alumnos encuentren en la vida real respecto al uso del * Expresar sus expectativas del curso. software de diseño web * Presentar videos con aplicaciones de páginas de diseño web (clip de películas, comerciales, campañas, etc.) * Proporcionar información sobre la utilidad del software de diseño web en diversos campos (educación, medicina, comercios, publicidad, etc.) *Solicitar a los alumnos expresar sus expectativas del curso. * Participar en la lluvia de ideas, sobre las aplicaciones de software de diseño, su importancia y aplicación. * Asistir a clase para ver los videos con aplicaciones de páginas de diseño web.

3 24. Desarrollo (Tiempo): 25. Desarrollo (Tiempo): Expone la función del software de aplicación Web e identifica los elementos que la componen. Detalla que opciones contienen cada una de las secciones (barras, pestañas de documento, inspectores y paneles) del software de aplicación web para la construcción de documentos HTML. Mediante láminas, diapositivas o la computadora ilustra las distintas vistas con las que cuenta el software para la visualización del proyecto HTML. Define que es lenguaje de programación y que tipos de lenguajes seutilizan en las Aplicaciones para la publicación de páginas web. Mediante material didáctico diverso, explica y da a conocer las propiedades del lenguaje de programación HTML utilizado en la programación del software de aplicación Dreamweaver. Mediante material didáctico diverso, describe las propiedades del lenguaje CSS aplicable en el Describe la forma en la que se da formato al texto donde se aplican estilos, sintaxis, controles de fuente, espaciado, y alineación y apariencia de texto al mismo, por medio de las opciones de lenguaje CSS. Por medio de material didáctico diverso específica cuáles son los controles de ratón, de lista, de fondo y de márgenes dentro de la construcción de la página. * Define con ayuda de material didáctico diverso que es la maquetación y como se aplica al contexto del software de aplicación web. * Específica cual es el tamaño adecuado para la publicación de una página web. * Detalla cual es la distribución apropiada para el contenido de la página web posicionándolo según las necesidades de la publicación Expone en clase con ayuda de material didáctico variado como utilizar la maquetación prediseñada con la que cuenta el Define que es un sitio web y cuál es el procedimiento para la reación de uno sin requerir una conexión a internet. Especifica y complementa con material didáctico diverso como abrir un sitio de internet y como agregar o subir archivos al servidor. Utilizando materiales didácticos diversos define como se lleva a cabo la configuración del sitio remoto, sus paneles de archivos y la sincronización del sitio para su correcta utilización. Identifica los elementos de la ventana de Dreamweaver con ayuda de un esquema gráfico en el que señale sus elementos. *Registra en su cuaderno los aspectos más importantes de la exposición del docente. * Identifica que barras están disponibles en la ventana del software de aplicación. * Distingue cuales son las pestañas de documentos que distinguen al * Localiza en la ventana de la aplicación los paneles e inspectores en los que se visualizan y editan características de los proyectos HTML. Explica que función tiene cada una de las vistas con las que cuenta el Registra en su cuaderno a manera de cuadro sinóptico los tipos de lenguajes que se emplean en la elaboración de páginas web. * Enlista las propiedades y características del lenguaje HTML utilizado en el * Codifica y escribe un algoritmo en la vista del lenguaje HTML de la aplicación. * Localiza errores en el inspector de código y los remplaza de forma que la sintaxis sea adecuada para el proyecto o diseño de la aplicación. En su cuaderno registra de forma ordenada las propiedades descritas por el docente en el aula sobre el lenguaje CSS. Aplica formato y estilos a un texto determinado en el diseño de la página web (apariencia del texto). * Registra en su cuaderno que es la maquetación además de definir cuál es la principal función de ésta en la elaboración o diseño de páginas web. * Aplica en una práctica de forma adecuada la distribución del contenido o posicionamiento dentro del diseño de la página web. * Aplica en la elaboración de la página web, la maquetación prediseñada de forma adecuada. * Explica que ventajas aporta la utilización de la maquetación Detalla en su cuaderno el proceso de creación de un sitio web sin la necesidad de su publicación en internet. Registra en su cuaderno que es un sitio de internet, que tipos de sitios existen y como puede abrir el mismo. Describe el proceso que se lleva a cabo para subir archivos en lapágina web mediante el servidor. Registra de forma ordenada las características configurables del sitio remoto.

4 26. Cierre (Tiempo): 27. Cierre (Tiempo): Realiza en Adobe Dreamweaver un proyecto a través de elaborar una página web y publicarla, con animaciones e interactividad, al promocionar los diferentes menús de un restaurant de tu comunidad o artículos de una tienda de abarrotes de tu comunidad, etc. Proyecto computacional en Dreamweaver sobre la promoción de un negocio de tu comunidad (Restaurant, tienda de abarrotes, negocios, etc.), donde el proyecto sea referido a elaborar en Dreamweaver debe incluir: * Aplicación de animaciones * Diseñar botones que incluya la configuración de sonido, así como el funcionamiento de sus fotogramas: reposo, sobre, presionado y zona activa * Uso del lenguaje HTML o CSS adecuados * Utilización de formato correcto para los textos involucrados en el diseño * Distribución y posicionamiento adecuado del contenido de la página * Incluir sonido en la línea de tiempo * Utilización de videos en formato flv que incluyan controles de reproducción del mismo * Publicar la página construida Entrega final del proyecto en medio de almacenamiento con formato de HTML y Ejecutable 28. Actividad Integradora: Trabajo colaborativo 29. Formas de evaluación: Heteroevaluación 30. Tipos de evaluación: Diagnostica, formativa y sumativa 32. Inicio: Motivar acerca de la importancia del manejo de las aplicaciones. 33. Desarrollo: 31. Interacción y retroalimentación: Ejercicios practicos sobre problemas cotidianos. 34. Cierre: Presentación de prácticas, ejercicios y proyectos. 35. Instrumentos de evaluación: 36. Material didáctico: Lista de cotejo Examen escrito Presentación electrónica, copias de ejercicios y/o practicas, y proyectos. 37. Recursos: Computadora, cañón, pizarrón, plumones, aula, cuaderno, Software "Karel el robot", memoria USB. 38. Fuentes de consulta: Internet OBSERVACIONES: Todavía de se estan ajustando actividades. Recursos didácticos. Manual de Flash Proyecto 1 Nota: En el archivo electrónico de la planeación cada recurso es un vínculo a los manuales, prácticas y/o proyectos.

5 14. Competencias genéricas: 15. Competencias profesionales: PLANEACIÓN Y SECUENCIA DIDÁCTICA Colegio de Bachilleres del Estado de Morelos Grupo: DATOS GENERALES DE LA ASIGNATURA: 1. Plantel /módulo EMSAD: Plantel Turno: Matutino 3. Facilitador (a): Minerva Caspeta Tinoco 4. Asignatura: Elaboración de páginas web 5. Fecha de elaboración: Febrero de Período de aplicación: 2014-A 7. Tiempo asignado: 8. Campo de conocimiento: 9. Componente de formación: 10. Tema integrador: 64 Formación para el trabajo Informática Aplicaciones informáticas 2. BLOQUE : 11. Número y Nombre: Producción de animaciones conelementos multimedia. 12. Tiempo asignado: Elaboración de páginas web. 64 Elaborará páginas Web mediante animaciones interactivas de aplicación general y específica, en un ambiente multimedia. Además desarrollará las competencias genéricas necesarias para actuar con 13. Desempeños del estudiante al concluir el bloque: eficiencia no sólo en el trabajo, sino a lo largo de la vida, de conformidad con el desempeño integral del la capacitación en Informática 1. Se conoce y valora así mismo y aborda problemas y retos teniendo en cuenta los objetivos que persigue. 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. 7. Aprende por iniciativa e interés propio a lo largo de la vida. 8. Participa y colabora de manera efectiva en equipos diversos. Elaborar páginas Web con animaciones interactivas de aplicación general y específica, en un ambiente multimedia.

6 22. Inicio (Tiempo): 23. Inicio (Tiempo): 16. Objetos de aprendizaje: 17. Competencias a desarrollar: Dreamweaver. Flash * Estructura ideas y argumentos de manera clara, coherente y sintética. * Valora el pensamiento lógico en el proceso comunicativo en su vida cotidiana y académica. * Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. 3. EVALUACIÓN: 18. Productos: Practicas y proyectos 19. Estrategias de aprendizaje: Prácticas guiadas. 20. Actividades de enseñanza: 21. Actividades de aprendizaje: Contextualización del aprendizaje Para qué se aprende? Cómo lo voy a lograr? * Dirigir una lluvia de ideas, sobre las aplicaciones del software de diseño web, que los alumnos hayan observado en su vida cotidiana. * Dirigir una lluvia de ideas, sobre la importancia y aplicación que los alumnos encuentren en la vida real respecto al uso del * Expresar sus expectativas del curso. software de diseño web * Presentar videos con aplicaciones de páginas de diseño web (clip de películas, comerciales, campañas, etc.) * Proporcionar información sobre la utilidad del software de diseño web en diversos campos (educación, medicina, comercios, publicidad, etc.) *Solicitar a los alumnos expresar sus expectativas del curso. * Participar en la lluvia de ideas, sobre las aplicaciones de software de diseño, su importancia y aplicación. * Asistir a clase para ver los videos con aplicaciones de páginas de diseño web.

7 24. Desarrollo (Tiempo): 25. Desarrollo (Tiempo): Expone la función del software de aplicación Web e identifica los elementos que la componen. Detalla que opciones contienen cada una de las secciones (barras, pestañas de documento, inspectores y paneles) del software de aplicación web para la construcción de documentos HTML. Mediante láminas, diapositivas o la computadora ilustra las distintas vistas con las que cuenta el software para la visualización del proyecto HTML. Define que es lenguaje de programación y que tipos de lenguajes seutilizan en las Aplicaciones para la publicación de páginas web. Mediante material didáctico diverso, explica y da a conocer las propiedades del lenguaje de programación HTML utilizado en la programación del software de aplicación Dreamweaver. Mediante material didáctico diverso, describe las propiedades del lenguaje CSS aplicable en el Describe la forma en la que se da formato al texto donde se aplican estilos, sintaxis, controles de fuente, espaciado, y alineación y apariencia de texto al mismo, por medio de las opciones de lenguaje CSS. Por medio de material didáctico diverso específica cuáles son los controles de ratón, de lista, de fondo y de márgenes dentro de la construcción de la página. * Define con ayuda de material didáctico diverso que es la maquetación y como se aplica al contexto del software de aplicación web. * Específica cual es el tamaño adecuado para la publicación de una página web. * Detalla cual es la distribución apropiada para el contenido de la página web posicionándolo según las necesidades de la publicación Expone en clase con ayuda de material didáctico variado como utilizar la maquetación prediseñada con la que cuenta el Define que es un sitio web y cuál es el procedimiento para la reación de uno sin requerir una conexión a internet. Especifica y complementa con material didáctico diverso como abrir un sitio de internet y como agregar o subir archivos al servidor. Utilizando materiales didácticos diversos define como se lleva a cabo la configuración del sitio remoto, sus paneles de archivos y la sincronización del sitio para su correcta utilización. Identifica los elementos de la ventana de Dreamweaver con ayuda de un esquema gráfico en el que señale sus elementos. *Registra en su cuaderno los aspectos más importantes de la exposición del docente. * Identifica que barras están disponibles en la ventana del software de aplicación. * Distingue cuales son las pestañas de documentos que distinguen al * Localiza en la ventana de la aplicación los paneles e inspectores en los que se visualizan y editan características de los proyectos HTML. Explica que función tiene cada una de las vistas con las que cuenta el Registra en su cuaderno a manera de cuadro sinóptico los tipos de lenguajes que se emplean en la elaboración de páginas web. * Enlista las propiedades y características del lenguaje HTML utilizado en el * Codifica y escribe un algoritmo en la vista del lenguaje HTML de la aplicación. * Localiza errores en el inspector de código y los remplaza de forma que la sintaxis sea adecuada para el proyecto o diseño de la aplicación. En su cuaderno registra de forma ordenada las propiedades descritas por el docente en el aula sobre el lenguaje CSS. Aplica formato y estilos a un texto determinado en el diseño de la página web (apariencia del texto). * Registra en su cuaderno que es la maquetación además de definir cuál es la principal función de ésta en la elaboración o diseño de páginas web. * Aplica en una práctica de forma adecuada la distribución del contenido o posicionamiento dentro del diseño de la página web. * Aplica en la elaboración de la página web, la maquetación prediseñada de forma adecuada. * Explica que ventajas aporta la utilización de la maquetación Detalla en su cuaderno el proceso de creación de un sitio web sin la necesidad de su publicación en internet. Registra en su cuaderno que es un sitio de internet, que tipos de sitios existen y como puede abrir el mismo. Describe el proceso que se lleva a cabo para subir archivos en lapágina web mediante el servidor. Registra de forma ordenada las características configurables del sitio remoto.

8 26. Cierre (Tiempo): 27. Cierre (Tiempo): Realiza en Adobe Dreamweaver un proyecto a través de elaborar una página web y publicarla, con animaciones e interactividad, al promocionar los diferentes menús de un restaurant de tu comunidad o artículos de una tienda de abarrotes de tu comunidad, etc. Proyecto computacional en Dreamweaver sobre la promoción de un negocio de tu comunidad (Restaurant, tienda de abarrotes, negocios, etc.), donde el proyecto sea referido a elaborar en Dreamweaver debe incluir: * Aplicación de animaciones * Diseñar botones que incluya la configuración de sonido, así como el funcionamiento de sus fotogramas: reposo, sobre, presionado y zona activa * Uso del lenguaje HTML o CSS adecuados * Utilización de formato correcto para los textos involucrados en el diseño * Distribución y posicionamiento adecuado del contenido de la página * Incluir sonido en la línea de tiempo * Utilización de videos en formato flv que incluyan controles de reproducción del mismo * Publicar la página construida Entrega final del proyecto en medio de almacenamiento con formato de HTML y Ejecutable 28. Actividad Integradora: Trabajo colaborativo 29. Formas de evaluación: Heteroevaluación 30. Tipos de evaluación: Diagnostica, formativa y sumativa 32. Inicio: Motivar acerca de la importancia del manejo de las aplicaciones. 33. Desarrollo: 31. Interacción y retroalimentación: Ejercicios practicos sobre problemas cotidianos. 34. Cierre: Presentación de prácticas, ejercicios y proyectos. 35. Instrumentos de evaluación: 36. Material didáctico: Lista de cotejo Examen escrito Presentación electrónica, copias de ejercicios y/o practicas, y proyectos. 37. Recursos: Computadora, cañón, pizarrón, plumones, aula, cuaderno, Software "Karel el robot", memoria USB. 38. Fuentes de consulta: Internet OBSERVACIONES: Todavía de se estan ajustando actividades. Recursos didácticos. Manaul de dreamweaver Proyecto 2 Nota: En el archivo electrónico de la planeación cada recurso es un vínculo a los manuales, prácticas y/o proyectos.