Secuencia Didactica iii Elaborar Paginas WEB

SUBSECRETARIA DE EDUCACIÓN MEDIA SUPERIOR

INSTRUMENTO DE REGISTRO PARA LA SECUENCIA DIDÁCTICA1 Institución: Plantel:

CECyTE MORELOS 02 YECAPIXTLA

Asignatura/ Módulo Submódulo

Módulo II Creación de productos multimedia a través de software de diseño

A) IDENTIFICACIÓN(1) TIPO DE SECUENCIA: Profesor(es):

Semestre:

Sub III: Elaboración de páginas web

3º

Carrera:

Periodo de Aplicación: Primer parcial

De Arranque X Sucesiva LIC. MIRIAN OCHOA BENÍTEZ 22 de Agosto al 15 de Septiem bre del 2011

Fecha: 22 de Agosto 2011

Informática

Duración en Horas:

20

INTENCIONES FORMATIVAS Propósito de la Secuencia Didáctica por Asignatura o Componente Profesional del Módulo: (1) Identificar y utilizar los elementos fundamentales del diseño, en el diseño de la imagen corporativa de una Escuela Secundaria Otras asignaturas, módulos o submódulos Submódulo 1 Tema integrador: que trabajan el tema integrador: (1) Utilización de software de Imagen corporativa en (1) diseño para el manejo de internet de una Escuela gráficos Secundaria Submódulo 2 Producción de animaciones con elementos multimedia Asignaturas, Módulos y/o submódulos con los que se relaciona. (1) Categorías: (2) Espacio ( ) Energía( ) Diversidad ( X ) Tiempo ( ) Materia ( ) Página 1 de 16

Contenidos Fácticos: (2) Conceptos Fundamentales:

Conceptos Subsidiarios:

Contenidos Procedimentales: (2) 1.- Utilizar los elementos fundamentales del diseño. 1.1. Analizar las teorías del diseño (minimalismo, conceptualismo, etc.). 1.2. Identificar el impacto y el enfoque en diseños existentes. 1.3. Diseñar formatos considerando las zonas áureas, dirección, Sentido Y equilibrio. 1.4. Aplicar la teoría del color considerando el círculo cromático, contrastes, el RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow). Contenidos Actitudinales: (2) Orden Limpieza Responsabilidad

Contenidos en Competencias Profesionales: (3) 1.- Utilizar los elementos fundamentales del diseño. 1.1. Analizar las teorías del diseño (minimalismo, conceptualismo, etc.). 1.2. Identificar el impacto y el enfoque en diseños existentes. 1.3. Diseñar formatos considerando las zonas áureas, dirección, Sentido Y equilibrio. 1.4. Aplicar la teoría del color considerando el círculo cromático, contrastes, el RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow). Competencias Genéricas y Atributos: (1) 2. Es sensible al arte y participa en la apreciación e interpretación de sus expresiones en distintos géneros.  Valora el arte como manifestación de la belleza y expresión de ideas, sensaciones y emociones. 

Experimenta el arte como un hecho histórico compartido que permite la comunicación entre individuos y culturas en el tiempo y el espacio, a la vez que desarrolla un sentido de



Participa en prácticas relacionadas con el arte.

identidad.

Competencias Disciplinares: (1) C.C. 12Utiliza las tecnologías de la información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.

Página 2 de 16

PROTOCOLO DE ARRANQUE 1. 2. 3. 4. 5. 6. 7. 8. 9.

Verificación de materiales. Presentación del Profesor(a). Integración de alumnos. Objetivos del curso. Expectativas de los alumnos acerca del curso. Ajuste de expectativas y dar a conocer los beneficios del curso. Reglas del curso y compartir criterios de evaluación. Dar a conocer los contenidos y bibliografía del curso. Diagnóstico (examen escrito).

REGLAS DEL CURSO 1. 2. 3. 4.

RESPETO CUMPLIMIENTO RESPONSABILIDAD HONESTIDAD

CRITERIOS DE EVALUACIÓN Participación en clase, desempeño. Exposición en equipos Tareas extraclases y en clase Saber Declarativo ( 5 %) Saber Procedimental ( 70 %) Saber Actitudinal ( 25%) INSTRUMENTOS DE EVALUACIÓN DE COMPETENCIAS Declarativo: Instrumento diagnóstico y tres parciales Procedimental: Lista de cotejo Actitudinal: Diarios de sesión y formato de autoevaluación.

Página 3 de 16

Actividades

A) ACTIVIDADES DE APRENDIZAJE Apertura Competencia(s) Producto(s) de Aprendizaje Genérica(s) y Disciplinar(es) sus atributos

APERTURA Encuadre grupal para: Presentar el submódulo. Informar los contenidos del submódulo. Informa las fechas y formatos de evaluación. Informar los resultados de aprendizaje. Informar la NTCL que se revisa durante este contenido. Informar que actividades extraescolares que complementan las actividades escolares Extracción de saberes previos a través de un diagnóstico que elabora previamente el docente. Lluvia de ideas: El docente pedirá a los educandos que realicen una lluvia de ideas sobre qué es la publicidad y cuál es el impacto de la publicidad en la sociedad y plasmarlo en papel bond para su exposición por grupo.

2. Es sensible al arte y participa en la apreciación e interpretación de sus expresiones en distintos géneros.  Valora el arte como manifestación de la belleza y expresión de ideas, sensaciones y emociones.  Experimenta el arte como un hecho histórico compartido que permite la comunicación entre individuos y culturas en el tiempo y el espacio, a la vez que desarrolla un sentido de identidad.  Participa en prácticas relacionadas con el arte.

C.C. 12Utiliza las tecnologías de la información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.

Evaluación

Diagnóstico Papel bond con los conceptos plasmados.

DIAGNOSTICA

Página 4 de 16

Desarrollo Competencia(s) Actividades

ACTIVIDADES DE DESARROLLO. 1. El docente pedirá que se agrupen los jóvenes de acuerdo a la secundaria de procedencia de cada uno. 2. El docente pedirá a los educandos investiguen las diferentes teorías del diseño, caracterizando su concepto. 3. El docente pedirá a los alumnos busquen en internet tres páginas basadas en cada una de las diferentes teorías del diseño, que copien pantalla y lo entreguen en archivo para su revisión.

4. En relación a los equipos antes formados y tomando en cuenta a la secundaria se pide que extraigan todo lo relacionado a la imagen corporativa de la secundaria. 5. Pedir toda la información referente a su secundaria y generar de manera formal la solicitud de generar la pagina web de la secundaria.

Genérica(s) y sus atributos

Disciplinar(es)

2. Es sensible al arte y participa en la apreciación e interpretación de sus expresiones en distintos géneros

C.C. 12Utiliza las tecnologías de la información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.

2. Es sensible al arte y participa en la apreciación e interpretación de sus expresiones en distintos géneros

C.C. 12Utiliza las tecnologías de la información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.

Producto(s) de Aprendizaje

Reporte impreso de las características de las diferentes teorías del diseño.

Evaluación

FORMATIVA

Archivo con el resultado de la búsqueda.

Investigación en cuaderno

SUMATIVA

Archivo modificado.

Cierre Competencia(s) Actividades

Genérica(s) y sus atributos

Disciplinar(es)

4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.

C.M. 5 Analiza las relaciones entre dos o más variables de un proceso social o natural para determinar o estimar su comportamiento.

ACTIVIDADES DE CIERRE. 8.- El docente solicita a los educandos frascos con pintura de los colores señalados en las diferentes teorías, para poder realizar las mezclas correspondientes en el salón de clases, para poder obtener el color deseado. 9.- Con la imagen que tienen de la secundaria se pide mejoren el diseño tomando en cuenta lo aprendido y si es necesario generar el que haga falta.

Producto(s) de Aprendizaje

Revisión de colores obtenidos.

Evaluación

SUMATIVA

Archivo de Word generado O EN SU DEFECTO DE COREL

Página 5 de 16

Segundo parcial Institución: Plantel:

CECyTE 02 YECAPIXTLA

Asignatura/ Módulo Submódulo

Mod. II: Creación de productos multimedia a través de software de diseño.

Semestre:

Sub III: Elaboración de páginas Web.

TERCER

B) IDENTIFICACIÓN(1) TIPO DE SECUENCIA: Profesor(es): Carrera: Periodo de Aplicación: Segundo Parcial

TÉCNICO EN INFORMÁTICA

De Arranque

Sucesiva X

LIC. MIRIAN OCHOA BENITEZ

19 de Septiem bre al 21 de octubre

Duración en Horas:

80

Fecha: Agosto 2011 A enero 2012

B) INTENCIONES FORMATIVAS Propósito de la Secuencia Didáctica por Asignatura o Componente Profesional del Módulo: Estructurar una página Web, manipular objetos, etiquetas, vínculos e hipervínculos, tablas, imágenes, sonido, video, así como la implementación de los servicios de correo en una página Web.

Tema integrador: (1)

Otras asignaturas, módulos o submódulos que trabajan el tema integrador: (1) PUBLICIDAD Asignaturas, Módulos y/o submódulos con los que se relaciona. (1)

Categorías: (2) Espacio ( x )

Energía(

)

Diversidad (

)

Tiempo (

• SUBMÓDULOS II Y III DEL MÓDULO II • SUBMÓDULOS II Y III DEL MÓDULO II • INGLES )

Materia (

Página 6 de 16

)

Contenidos Fácticos: (2) Conceptos Fundamentales: N/A

Conceptos Subsidiarios: N/A

Contenidos Procedimentales: (2) 2.1. Definir objetivos y contenidos de la página Web. 2.2. Esquematizar la estructura general de una página Web. 2.3. Utilizar etiquetas en una página Web. 2.4. Establecer vínculos e hipervínculos. 2.5. Manipular objetos y formularios en una página Web. 2.6. Manipular tablas en una página Web. 2.7. Manipular imágenes y animaciones en una página Web. 2.8. Definir secciones de mapeo de imágenes en una página Web. 2.9. Insertar sonido y video en una página Web. 2.10. Implementar servicios de correo en una página Web. Contenidos Actitudinales: (2) Limpieza Responsabilidad Contenidos en Competencias Profesionales: (3) Manejar los elementos básicos de un lenguaje usado en la creación de páginas WEB (HTML, DHTML, ASP, Java Script, CSS u otros) Competencias Genéricas y Atributos: (1) 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. Competencias Disciplinares: (1) Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos.

Página 7 de 16

C) ACTIVIDADES DE APRENDIZAJE Apertura Competencia(s) Producto(s) de Aprendizaje Actividades Genérica(s) y Disciplinar(es) sus atributos Investiga lo siguiente en Internet: Escucha, Escucha, Documento interpreta y interpreta y impreso con la • SERVICIOS QUE PROPORCIONA EL emite emite mensajes información INTERNET. mensajes pertinentes en investigada y con • FACTORES QUE SE DEBEN TOMAR EN pertinentes en distintos las conclusiones CUENTA PARA DISEÑAR UN SITIO WEB. distintos contextos hechas por el • LA ESTRUCTURA DE UN SITIO WEB. contextos mediante la alumno mediante la utilización de En un documento del procesador de textos, copia y pega utilización de medios, códigos la información investigada. medios, y herramientas Copiar la pantalla de 5 sitos web que más te agraden, códigos y apropiados diseña una tabla con los factores que se deben de herramientas considerar para el buen diseño de un sitio web: en la apropiados primera columna escribe los factores que investigaste y

Evaluación Formativa

en la siguiente columna indica con una “x” si cumple ó no cumple con los factores que se mencionan. Lee detalladamente la información encontrada, compara y genera tu propia conclusión apoyándote en ella. Anota las direcciones o referencias de las páginas a las que te envió el buscador. Coloca de encabezado tu nombre en el archivo, guarda e imprime tu documento para entregárselo al profesor.

Página 8 de 16

Desarrollo Competencia(s) Actividades El docente realizará prácticas guiadas con el grupo donde se conozca la estructura y donde se apliquen las etiquetas más comunes de una página web. El docente y el alumno realizaran prácticas en conjunto donde se pueda insertar objetos multimedia dentro de una página web (imágenes, sonido, video) El alumno realizará una investigación y una práctica de laboratorio de forma individual. 1, Inicializa el navegador instalado. 2. Utiliza los buscadores de Internet para buscar un sitio web que hable brevemente de las funciones que hace cada una de las etiquetas más importantes usadas en una página web, asegúrate de que incluya ejemplos. 3. Realiza un reporte escrito en tu libreta sobre lo antes investigado. 4. Inicia el editor Bloc de notas. 5. Genera el código para crear una página Web siguiendo la siguiente estructura. a. Insertar como título de la página tu nombre completo. b. Coloca en color azul el cuerpo de la página. c. Insertar como título dentro de la página “ETIQUETAS MAS USADAS DENTRO DE UNA PÁGINA WEB”. d. Organiza la información escrita en tu libreta dentro del bloc de notas usando las etiquetas que tú creas correctas para darle una presentación al cuerpo de la página que estas diseñando. e. Coloca una marquesina de color blanco con texto Arial número 12 en color rojo movimiento alternativo y dirección izquierda que se repita solamente 3 veces. f. Inserta palabras y caracteres especiales en la Página Web como ejemplos extras. 6. Guardar la página con el nombre Práctica2 y con formato htm en algún medio de información. Prueba que funcione adecuadamente tu página con lo requerido antes de entregarlo.

Genérica(s) y sus atributos

Disciplinar(es)

Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos

CE9. Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos.

Producto(s) de Aprendizaje

Páginas Web

Evaluación

Formativa

Investigación entregada en libreta. Implementación electrónica de la página web.

Página 9 de 16

Cierre Competencia(s) Actividades

Genérica(s) y sus atributos

1. Crea una carpeta con tu nombre. 2. Inicia el editor Bloc de notas. 3. Genera el código para crear una página Web siguiendo la siguiente estructura. 4. Insertar como título de la página tu nombre completo. 5. Coloca una imagen agradable de fondo. 6. Coloca un archivo de sonido de fondo. 7. Insertar como título dentro de la página “ELABORACIÓN DE PÁGINAS WEB”. 8. Coloca una marquesina de color azul con texto Tahoma del número 14 en color gris con movimiento alternativo y dirección izquierda. 9. Inserta la siguiente tabla con el color que desees.

Evaluación

Disciplinar(es)

El alumno desarrollará la siguiente práctica de laboratorio de forma individual: Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo

Producto(s) de Aprendizaje

Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos.

Implementación electrónica de una Página web

Sumativa

Software de Diseño Aplicar las herramientas de software de diseño para el manejo de gráficos. Corel Draw. Generar animación con aplicaciones multimedia. Flash Elaborar páginas Web utilizando las aplicaciones actuales. Dreamweaver 10. Coloca una imagen centrada dentro de la celda Software de Diseño. 11. Inserta un archivo de sonido con controles. 12. Inserta un archivo de video. 13. Inserta un hipervínculo que te conecte un archivo que tú elijas. 14. Inserta un ancla con tu nombre al principio de tu documento. 15. Inserta un hipervínculo al ancla antes creada. 16. Inserta un hipervínculo que te conecte a alguna página Web disponible en Internet. 17. Inserta un hipervínculo con tu nombre que te permita enviar un e-mail a tu dirección de correo. 18. Guarda tu archivo con el nombre de práctica3 con formato htm. 19. Crea una segunda página personalizada a tu gusto y guárdala con tu nombre y con formato htm. 20. En la página práctica3 inserta una imagen y con ella crea un hipervínculo que te conecte a la página que tiene tu nombre. 21. Prueba y revise que tu página cumpla con todo lo que se te pide. 22. Guarda tu carpeta completa en algún medio de información. 19 de Septiembre al 21 de octubre

TERCER PARCIAL Página 10 de 16

Institución: Plantel: Asignatura/ Módulo Submódulo

CECyTE MORELOS 02 YECAPIXTLA Mod. II: Creación de Semestre: productos multimedia a través de software de diseño

Sub I: Elaboración de páginas web.

Tercero

C) IDENTIFICACIÓN(1) TIPO DE SECUENCIA: Profesor(es): Carrera: Periodo de Aplicación: Tercer parcial

Técnico en Informática

Duración en Horas:

De Arranque

Sucesiva X

LIC. MIRIAN OCHOA BENITEZ

24 de octubr e al 09 Fecha: de Diciem bre

Agosto 2011 A enero 2012

25

D) INTENCIONES FORMATIVAS Propósito de la Secuencia Didáctica por Asignatura o Componente Profesional del Módulo: (1) Estructurar una página Web, manipulando objetos, etiquetas, vínculos e hipervínculos, tablas, imágenes, sonido, video, implementación de los servicios de correo en una página Web, creación de un blog oficial y una red social.

Tema integrador: (1)

Otras asignaturas, módulos o Submódulos que trabajan el tema integrador: (1) Módulo II Submódulo 1 Utilización de software de diseño para el manejo de gráfico.

Imagen corporativa en internet de una secundaria

Asignaturas, Módulos y/o Submódulos con Módulo II Submódulo 2 los que se relaciona. (1) Producción de animaciones con elementos multimedia Categorías: (2) Espacio ( X )

Energía(

)

Diversidad ( X ) Contenidos Fácticos: (2)

Tiempo (

)

Materia (

Página 11 de 16

)

Conceptos Fundamentales: N/A

Conceptos Subsidiarios: N/A

Contenidos Procedimentales: (2) Almacenar páginas Web en un servidor dedicado o gratuito Diseñar una página Web en un editor Visual. Contenidos Actitudinales: (2) • Orden • Limpieza • Responsabilidad

Contenidos en Competencias Profesionales: (3) • Diseñar una página Web con un software de aplicación. • Publicar páginas Web. Competencias Genéricas y Atributos: (1) 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. Competencias Disciplinares: (1) CE9. Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos. CC2. Evalúa un texto mediante la comparación de su contenido con el de otros, en función de sus conocimientos previos y nuevos.

Página 12 de 16

Actividades

A) ACTIVIDADES DE APRENDIZAJE Apertura Competencia(s) Producto(s) de Aprendizaje Genérica(s) y Disciplinar(es) sus atributos

Identificar los conocimientos previos de los alumnos. Técnicas de análisis y reflexión (esquemas, mapas mentales, cuadros sinópticos, etc.) de los componentes de una página Web. El alumno Investigara que es un mapa de sitio Web, y cual su objetivo.

4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Definir Objetivos y contenidos de la página Web.

CE9. Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos.

Determinación del objetivo de página Web.

Evaluación

FORMATIVA

Mapa del sitio

Realizar actividades que permitan ampliar, complementar y profundizar el conocimiento. El docente solicita una investigación sobre el tema de Calentamiento global, y de manera grupal por medio de una lluvia de ideas los alumnos plantean el objetivo de la página, los contenidos que contendrá la información así como la estructura del documento.

Página 13 de 16

Desarrollo Competencia(s) Actividades

Genérica(s) y sus atributos

Disciplinar(es)

5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos

CE9. Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar principios científicos

Producto(s) de Aprendizaje

El maestro ocupara técnicas demostrativas. • • •

El maestro mostrara un ejemplo de un mapa del sitio Web El maestro Mostrara una estructura de la página Web. El maestro Mostrara diferentes editores de visuales de páginas Web más utilizados

•

El docente les pedirá a los alumnos que se integren con otro de sus compañeros. • En parejas identificaran, anotaran y traducirán los nombres de los componentes de la pantalla. Dreamweaver Realizar actividades que permitan ampliar, complementar y profundizar el conocimiento de las páginas Web. •

• •

• •

El profesor pedirá Integrase a un equipo máximo 3 personas para Elaborar un mapa del sitio, con el tema de Drogadicción, definiendo el objetivo que se persigue al dar a conocer este problema social. El profesor pedirá al alumno analizar la información proporcionada identificando la importancia de crear y utilizar un sitio Web. El profesor mostrara como almacenar una página en un servidor el alumno deberá relacionar su conocimientos previos y los nuevos proporcionados por el profesor para almacenar una página Web en un servidor gratuito. El alumno Realizara una investigación sobre los servidores dedicados o gratuitos y FTP le da un orden a la investigación realizada, complementando la tabla. El docente pedirá al alumno Localizar alguna de las páginas creadas durante este curso, crea una cuenta

Evaluación

FORMATIVA

Pantalla con los elementos identificados

FORMATIVA

Mapa del sitio elaborado.

FORMATIVA

FORMATIVA FORMATIVA

Investigación realizada.

FORMATIVA FORMATIVA

Página 14 de 16

•

en un servidor gratuito. Subirá los elementos de una página a la dirección Web asignada mediante un programa FTP. Mostrará el trabajo al resto del grupo. El profesor proporcionará los datos de una cuenta en un servidor dedicado. Una vez realizado lo anterior, el alumno localizara una página Web y la subirá al servidor mediante software vía FTP.

Cierre Competencia(s) Actividades Técnicas de análisis y reflexión mediante exposición por parte del alumno en la creación objetivos, y un mapa del sitio de la página Web. Exposición en plenaria de las páginas realizadas a empresa o instituciones educativas alojadas en un servidor dedicado. 24 de octubre al 09 de Diciembre

Genérica(s) y sus atributos

Pagina guardada en el servidor.

FORMATIVA

Producto(s) de Aprendizaje

Evaluación

Disciplinar(es) Exposición de objetivos y mapa del sitio.

7. Aprende por iniciativa e interés propio a lo largo de la vida. 8. Participa y colabora de manera efectiva en equipos diversos

CC2. Evalúa un texto mediante la comparación de su contenido con el de otros, en función de sus conocimientos previos y nuevos

Paginas terminadas y alojadas en un servidor.

Lista de cotejo Portafolio de evidencias

Página 15 de 16

quipo

Material Pintarrón

• Computadora personal por alumno • Proyector de imágenes multimedia (cañón)

Elabora:

E) RECURSOS Fuentes de Información •

Page, Khristine Annwn. (2004), Dreamweaver MX 2004: Trucos esenciales versión dual. Anaya Multimedia-Anaya Interactiva.

•

Peña de San Antonio, Óscar. (2001), Dreamweaver 4: administración de sitios y páginas Web. Ra-Ma, Librería y Editorial Microinformática.

•

Pérez, César. (2003), Curso práctico multimedia de Dreamweaver MX. Garben.

•

S.A. (2004), Diseño web con HTML y FrontPage XP. Grupo Eidos

•

Talavera Rosales, Alejandro. (2002), Páginas interactivas para Internet. Colección Guías y textos de cómputo. Dirección General de Servicios de Cómputo Académico, UNAM.

•

http://www.prendete.net

•

www.aulaclic.com

•

www.lawebdelprogramador.com

•

www.forosdelweb.com

•

www.webexperto.com

F) VALIDACIÓN Recibí:

Avala:

Profesor(es): LIC. MIRIAN OCHOA BENÍTEZ

Página 16 de 16