MOMENTO DEL ENCUADRE ACTIVIDAD / FECHA PROGRAMADA Dinámica Análisis de expectativas Referentes Conceptuales Propósito del módulo Nombre, duración y forma de trabajo DEL DOCENTE ACTIVIDADES Fomenta la participación individual del alumno mediante lluvia de ideas Aplica un cuestionario de forma individual con la finalidad de conocer lo que espera acerca del submódulo Expone en medio electrónico las competencias genéricas y profesionales que sustentan el perfil de egreso. Expone el propósito del Módulo 2 y el subm. 3 Integra a los participantes en equipos especificando la forma de trabajo, las competencias a lograr y duración del DEL PARTICIPANTE Expone sus puntos de vista referente a las interrogantes planteadas Contesta el cuestionario especificando lo que espera aprender durante el curso Expone su punto de vista sobre las competencias a desarrollar Asimila el propósito del Submódulo 2 Analiza la forma de trabajo y expone dudas. MEDIOS Y MATERIALES Pintarrón Marcadores Cuestionario Computadora Cañón o retroproyector Pintarrón EVIDENCIA * conocimie nto PRODUCTO DE APRENDIZAJE INSTRUMENTOS ** cuestionario PORTAFOLIO DE EVIDENCIAS
Criterios de evaluación Acuerdo de aprendizaje *EVIDENCIAS: Submódulo Específica como y cuando se evaluara, informando que productos y evidencias deben presentar y que desempeños y conocimientos deben mostrar los participantes. Plantea acuerdos y normas que regirán el trabajo precisando el compromiso y la participación del participante y del facilitador C= Conocimiento P= Producto D= Desempeño Analiza la forma de evaluar y expone dudas Analiza y firma el contrato de aprendizaje que corresponde al módulo 2 Contrato de aprendizaje **INSTRUMENTOS: C= Cuestionario = Lista de Cotejo = Guía de Observación Si se integra
COLEGIO DE BACHILLERES DEL ESTADO DE TAMAULIPAS SEMESTRE 2014-A Competencias profesionales: SECUENCIA DIDÁCTICA Elaborará páginas Web mediante animaciones interactivas de aplicación general y específica, en un ambiente multimedia. Competencias genéricas: 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. Capacidades Evidencias de logro (Portafolio) Criterios de desempeño Instrumentos de evaluación/ peso porcentual Actividades de apertura Contextualización del aprendizaje Para qué se aprende? Cómo lo voy a lograr? Utilizando ejemplos de animaciones en Flash se discute sobre la importancia de la interactividad de las páginas WEB por medio de las animaciones.. Proyecto COBAT-WEB Planteamiento del problema supuesto: La dirección de la escuela, viendo la necesidad de generar mayor proyección del plantel en la sociedad se encarga al grupo de 6º semestre elaborar una página web de la escuela que incluya información sobre ésta, misión, visión y valores, actividades tanto dentro del plantel, como participaciones sociales y cívicas en la comunidad, incluyendo fotografías relatorías y el anuario de su generación. Descripción: En equipo de 4 alumnos diseñarán una página web de la escuela, incluyendo el anuario. Debe contener texto, imágenes, animaciones en flash, usando etiquetas HTML y CSS en Adobe DreamWeaver
Parámetros: Uso de HTML y CSS en Adobe DreamWeaver. Debe contener texto, imágenes, maquetado y animaciones flash del submódulo anterior. Publicación: Sitio local grabado en CD con su exposición en el grupo. Estructura de la Práctica Integradora Página de Misión, Visión y Valores del plantel. 2.2 Práctica de página web sencilla en HTML. E.C. 1 y Actividad 2.1. Página Web de álbum fotográfico de actividades de la escuela Página Web de Actividades cívicas Página Web de Actividades culturales Página Web del anuario de flash Página Web de Información del plantel Página Web Principal de la práctica integradora. 2.3 Práctica de diseño de álbum fotográfico de actividades de la escuela en tablas en HTML 2.4 Práctica dde actividades cívicas como desfiles en HTML utilizando DreamWeaver. 2.6 Práctica de actividades culturales usando HTML y propiedades CSS. 2.7 página web utilizando HTML y CSS en DreamWeaver para el auario del grupo en flash 3.3 página de información con tamaño y posicionamiento de objetos usando capas. 3.5 página Web principal de la práctica integradora en DreamWeaver. Actividad 2.5 Práctica Integradora M2 S2 Actividad 3.1, 3.2 Actividad 3.4 Publicar el Sitio web de la práctica integradora E.C. 4 publicación con o sin conexión E. C. 4
Fecha 8 horas 16-03-14 17-03-14 18-03-14 Actividades de desarrollo Elemento de Competencia 1.Utilizar los elementos fundamentales del diseño. Actividad de enseñanza: El docente expone los conceptos básicos del Software de diseño de páginas web. Actividad 1.1. Investiga las características y aplicación del software de diseño de páginas web en un ensayo. Actividad de enseñanza: El docente muestra el entorno de trabajo de DreamWeaver y dirige la práctica. 1.2. Identifica todos los elementos de la ventana del software de diseño de página web y conocer para que sirve cada uno. P=Investigación documental de características del software de diseño de páginas web. 18-03-14 21-03-14 Actividad 1.2. Describe los elementos indagados directamente de la ventana de trabajo de Dreamweaver por medio de un documento electrónico donde ubique cada elemento. Actividad de enseñanza: El docente muestra las funciones de las opciones y botones más importantes de las barras de herramientas y menús de DreamWeaver y dirige la práctica. P=Documento electrónico de descripción de la ventana de trabajo de Dreamweaver. 4% 21-03-14 22-03-14 Actividad 1.3. Explica en un cuadro las funciones de las opciones y botones más importantes de las barras de herramientas y menús utilizando imágenes en la descripción. Síntesis de aprendizaje Actividad 1.4. Identifica los elementos del área de trabajo de Dreamweaver un cuestionario. P=Cuadro descriptivo de las opciones y botones de las barras de herramientas y menús. C=Cuestionario de elementos del área de trabajo de Dreamweaver 4% C 4% Total EC1 15%
13 horas Elemento de Competencia 2.Manejar los elementos básicos de un lenguaje utilizable en la creación de páginas web. 24-03-14 Actividad de enseñanza: El docente explica la estructura del HTML para crear páginas web. 25-03-14 26-03-14 26-03-14 27-03-14 Actividad 2.1. Investiga las etiquetas básicas de HTML y elabora una tabla que indique su función. Actividad de enseñanza: El docente ejemplifica el diseño de una página web usando HTML y guía la práctica. Actividad 2.2. Práctica de diseño de página web sencilla en HTML. (Encabezados, listas, barras, hipervínculos) con el tema de misión visión y valores del plantel. Actividad de enseñanza: El docente muestra el uso de tablas con imágenes en una página web usando HTML y guía la práctica. 2.1 Usar los elementos básicos del lenguaje de programación web HTML P=Tabla sobre etiquetas básicas HTML y función. creación de página weben HTML básico. 27-03-14 28-03-14 28-03-14 31-04-14 31-04-14 Actividad 2.3. Práctica de diseño de álbum fotográfico de actividades de la escuela en página web con tablas en HTML. (tablas e imágenes) Actividad de enseñanza: El docente guía la práctica de creación de página web sencilla en HTML utilizando DreamWeaver. Actividad 2.4. Práctica de creación de página web de actividades cívicas como desfiles en HTML utilizando DreamWeaver. Actividad de enseñanza: El docente describe las etiquetas CSS con sus propiedades dando ejemplos. Actividad 2.5. Investiga las propiedades CSS y elabora una tabla de funciones. Actividad de enseñanza: El docente guía la práctica de diseño de página web sencilla usando HTML y propiedades CSS 2.2 Usar los elementos básicos del lenguaje CSS creación de página web en HTML con tablas e imágenes creación de página weben HTML usando DreamWeaver P=Tabla sobre propiedades CSS y su función.
1-04-14 2-04-14 3-04-14 Actividad 2.6. Práctica de diseño de página web sencilla de actividades culturales usando HTML y propiedades CSS. Síntesis de aprendizaje Actividad 2.7. Diseña una página web utilizando HTML y CSS en DreamWeaver para publicar en el sitio el anuario del grupo en flash elaborado en el Módulo 2 Submódulo 2. creación de página weben HTML usando propiedades CSS creación de página weben HTML usando propiedades CSS en DreamWeaver Total EC2 15% 10 horas Elemento de Competencia 3.Diseñar una página web con un software de aplicación. 7-04-14 7-04-14 Actividad de enseñanza: El docente expone el uso de DIVs para crear páginas web con maquetación. Actividad 3.1. Investiga sobre la maquetación con DIVs (también conocido como capas o layouts) y elaborar un mapa mental de la definición y propiedades de tales. 3.1 Diseña la página web, el tamaño, posición, etc. P=Mapa mental sobre la maquetación. 8-04-14 Actividad de enseñanza: El docente guía el ejercicio de maquetación básica de inserción de capas (DIVs). 8-04-14 9-04-14 Actividad 3.2. Realiza un ejercicio de maquetación básica de inserción de capas (DIVs) por medio de una práctica guiada. Actividad de enseñanza: El docente guía la práctica de tamaño y posicionamiento de objetos usando capas. D= Práctica guiada de maquetación. 9-04-14 Actividad 3.3. Realiza una página de información en una práctica de tamaño y posicionamiento de objetos usando capas. D= Práctica de maquetación usando tamaño y
10-04-14 Actividad de enseñanza: El docente muestra los pasos para elaborar una página web con maquetación. posicionamiento de objetos. 11-04-14 28-04-14 Actividad 3.4. Diseña la página web principal de la práctica integradora usando maquetación en planeación de escritorio a papel. Síntesis de aprendizaje Actividad 3.5. Elabora una página Web principal de la práctica integradora, usando el diseño previo e involucrando las técnicas aprendidas en el elemento de competencia 3 en Adobe DreamWeaver. P=Diseño en papel de una página web usando maquetación. D=Práctica elaboración de una página web según el diseño ya establecido. Total EC3 = 15% 10 horas Elemento de Competencia 4.Publicar páginas web. 29-04-14 30-04-14 2-05-14 Actividad de enseñanza: El docente expone con una presentación electrónica la creación y publicación de un sitio web. Actividad 4.1. Investiga sobre la creación de un sitio web sin conexión a internet y describirlo en un desgrama de flujo. Actividad de enseñanza: El docente organiza y guía la investigación sobre las propiedades del sitio web. 4.1 Configura el sitio local para publicar la página P=Diagrama de flujo de creación de página web sin conexión. 2-05-14 6-05-14 6-05-14 7-05-14 Actividad 4.2. Investiga sobre las propiedades del sitio web y explíquelas en una tabla. Actividad de enseñanza: El docente guía la práctica de creación de un sitio web sin conexión a internet. Actividad 4.3. Práctica de creación de un sitio web sin internet configurándola según los requisitos de la página web. Actividad de enseñanza: El docente organiza y guía la investigación para la creación de un sitio web en internet. 4.2 Configura el sitio remoto para publicar la página web P=Tabla de propiedades del sitio web. creación de un sitio sin conexión.
7-05-14 Actividad 4.4.Investiga la creación de un sitio web en internet desde obtener hospedaje, configuración, subir archivos y sincronizar sitios, presentando la en una monografía. (en el plantel donde sea posible se llevará a la demostración práctica) P=Monografía de creación de sitio web en internet. 4% 9-05-14 Síntesis de aprendizaje Actividad 4.5. Cuestionario de los temas del elemento de competencia 4. C=Cuestionario de los temas del elemento de competencia 4. C Total EC4 = 15% Síntesis de aprendizaje del Submódulo III El docente realiza una retroalimentación de los temas a modo de resumen. Total 60% PRÁCTICA INTEGRADORA (Proyectos, Diseños, Resolución de Problemas, Casos) Actividades de cierre Actividades que permiten el cierre: Proyecto COBAT-WEB Planteamiento del problema supuesto: La dirección de la escuela, viendo la necesidad de generar mayor proyección del plantel en la sociedad se encarga al grupo de 6º semestre elaborar una página web de la escuela que incluya información sobre ésta, misión, visión y valores, actividades tanto dentro del plantel, como participaciones sociales y cívicas en la comunidad, incluyendo fotografías relatorías y el anuario de su generación. Descripción: En equipo de 4 alumnos diseñarán una página web de la escuela, incluyendo el anuario. Debe contener texto, imágenes, animaciones en flash, usando etiquetas HTML y CSS en Adobe DreamWeaver Criterios de evaluación: Proyecto o Información o Uso de recursos Adobe DreamWeaver o Cuerpo, enlace, adecuación o Publicación Examen escrito de Módulo 2 Submódulo III R 10% 10% 5% 5% 30% 10% 40% Parámetros:
Uso de HTML y CSS en Adobe DreamWeaver. Debe contener texto, imágenes, maquetado y animaciones flash del submódulo anterior. Publicación: Sitio local grabado en CD con su exposición en el grupo. Autoevaluación, coevaluación durante el proceso didáctico. Material de apoyo: Manual de CSS, hojas de estilo http://www.desarrolloweb.com/manuales/manual-css-hojas-de-estilo.html Taller de CSS http://www.desarrolloweb.com/manuales/63/ Manual de Maquetación CSShttp://www.desarrolloweb.com/manuales/maquetacion-css.html http://www.w3.org/style/examples/011/firstcss.es.html Propiedades CSS http://htmlhelp.com/es/reference/css/properties.html Curso de estilos CSS http://www.comocrearunsitioweb.com/c3-curso-de-estilos-css AulaClic: http://www.aulaclic.es/dreamweaver-cs5/index.htm Curso de HTML http://www.comocrearunsitioweb.com/c2-curso-de-html