Plantel: 20 SOLEDAD DE D.

Nombre del Docente: ISC CRISTIAN GUILLERMO VASQUEZ VASQUEZ Grupo(s): 301

Unidad de Aprendizaje Curricular (UAC): Semestre: Bloque(s): Parcial:

Capacitación en Programación .NET Tercero Módulo II: Aplicaciones Web Primero
SubMod I: HTML y CSS
Atributos de Competencias Genéricas que se atienden: Competencias profesionales:
CG1.6, CG5.1, CG9.1 CPBP3
Interdisciplinariedad: Ejes Transversales:
Matemáticas III, Inglés III, Física I Habilidades lectoras
Propósito del bloque:
Utiliza los lenguajes HTML, CSS y JavaScript, así como herramientas de software o frameworks relacionadas con ellos para la elaboración de
aplicaciones básicas de lado del cliente que incluyan interactividad aplicable dentro de su contexto escolar y social con los recursos a su alcance
de manera ética y responsable.
Aprendizajes esperados:
 Reconoce las funcionalidades del lenguaje HTML, las hojas CSS y el lenguaje JavaScript, mediante la consulta de diversas fuentes de
información para una mejor comprensión y toma de decisiones, optimizando así los recursos con los que cuenta.
Proyecto interdisciplinar Planteamiento detonador:
Construcción de Páginas Web ¿Cómo hacer una página Web? Los alumnos propondrán el Diseño de una
Pagina web su plantel.
Organizados en equipos los estudiantes construyen páginas web
con las herramientas básicas de programación con HTML y CSS
en apoyo a alguna(s) de sus demás asignaturas.

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente
 Secuencia Didáctica
Actividades Sesiones
1. Encuadre, dar el programa de estudios con su bibliografía sugerida, asi como los porcentajes de cada uno de los 1
periodos de evaluación parcial , los punde disciplina dentro del aula de clases Se realiza una evaluación diagnóstica
para validar y recuperar los conocimientos previos sobre la asignatura y se determinan las áreas de oportunidad e
intereses del grupo.
2. Se recomienda que los alumnos se registren en www.codeacademy.com y luego se inscriban al curso HTML & CSS ( traducción al
Apertura español) América Latina para que les sirva de referencia y para prácticas en clase guiadas. Los alumnos más interesados pueden 1
aprovechar mejor este curso gratuito y se puede usar como evaluación alternativa.
3. Otro curso ampliamente recomendable es que se inscriban www.miriadax.net y tomen el curso
https://miriadax.net/web/html5mooc/ si algunos alumnos lo toman y lo aprueban en línea obteniendo su constancia gratuita se le
puede poner el 100% de la evaluación a criterio del docente. El registro en este curso es individual pero pueden hacer las tareas
juntos.
4. El docente solicita una investigación (en internet) sobre los elementos de HTML en su versión actual HTML 5, así como la forma de
activar el servidor localhost y la creación de una cuenta en un sitio de alojamiento en internet ( www.neocities.org) .Los 3
estudiantes elabora un cuadro sinóptico con los elementos de Html solicitados, y crea una linea de tiempo de la Activacion de
servidor Local Host, un mapa conceptual sobre la cuenta en un sitio de alojamiento en internet ( www.neocities.org ).El docente
revisa a través de lluvia de ideas los elementos solicitados.
5. El docente explica en que consiste la programación de páginas web empleando el lenguaje html 5 así como las
etiquetas a utilizar y sus diferencias con versiones anteriores.
3
6. El docente realiza la estructura básica de una página HTML 5 y las etiquetas nuevas como <header>, <footer>, <nav>, <aside>,
Desarrollo <article> que especifican con claridad sus funciones:El docente pide a los alumnos observar el video:
https://www.youtube.com/watch?v=5uICVNFqsJg en donde se explican algunas de las etiquetas de texto o algún otro
equivalente.El estudiante hace un glosario de etiquetas de HTML 5 para aclarar sus posibles dudas e investigan como usar CSS para 2
dar formato al texto de su página.
7. Los estudiantes ingresan al laboratorio de computo para realizar una práctica de las etiquetas básicas de Html 5 en
equipos o sigue las prácticas de www.codeacadeny.com
8. El docente explica que son los hipervínculos , da un ejercicio práctico y como insertar texto e imágenes que tengan 2
hipervínculo.El docente dirige las prácticas en el laboratorio para la aplicación de los tipos de hipervínculo de html 5
9. IR A LA BIBLIOTECA TELMEX PARA PRACTICA FECHA DEL 6- AL 8 DE SEPTIEMBRE
10.Se concluye en plenaria si el producto construido contiene los aspectos solicitados y se responde al conflicto cognitivo.
Cierre 11.Se comparte la experiencia de los alumnos que en su caso hayan cursado en www.codeacademy.com o www.miriadax.net. 2

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente
 Evaluación
Función Actividad Forma/Estrategia
Diagnóstica Aplicación de una evaluación diagnóstica Autoevaluación
Formativa Actividades de investigación, organizadores graficos, y glosario. Heteroevaluación
Prácticas d labotario
Sumativa Proyecto o un Diploma en linea Heteroevaluación

Evidencias del logro de Competencias: Genéricas/Disciplinares/Profesionales

Descripción Instrumento Criterio de Porcentaje

aplicación
Actividades de investigación, organizadores graficos, y glosario.de Rúbrica holística Individual/Binas 10%
HTML 5
Prácticas de laboratorio en Html 5 Rúbrica holística Binas 10%
Proyecto los alumnos propondrán el Diseño de una Pagina web de Rúbrica holística Individual 10%
su plantel o el diploma en línea de HTML y CSS
Suma 30%

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente
 Rúbrica Holística
Capacitación en Programación .NET
Primer Parcial
Actividades de investigación, organizadores graficos, y glosario.de HTML 5
Unidad de Aprendizaje Curricular (UAC): Semestre: Tercero Plantel: 20 Soledad de D. Grupo: 301
Capacitación en Programación .NET
Bloque(s): Módulo II: Aplicaciones Web Periodo de evaluación:
Sub Módulo I: HTML y CSS Primer parcial

Evidencia a evaluar: Actividades de investigación, organizadores graficos, y glosario.de HTML 5 Valor de la evidencia: 10 %
Nombre del alumno:

SI NO
Aspectos a evaluar Porcentaje
La investigación contiene los elementos semánticos de HTML5. 2%
El organizador grafico explica como configurar el servidor web localhost en Windows Seven para 2%
Html 5

El documento explica cómo crear una cuenta en Neocities u otor disponibley como subir sus 2%
ejercicios con HTML 5 a internet.

Describe los elementos de los hipervínculos en Html 5 2%

Entrega puntual en los horarios d clase sus actividades de aprendizaje
2%

Valor total: 10%

Valor Obtenido

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente
 Rúbrica Holística
Capacitación en Programación .NET
Primer parcial
Prácticas en clase usando HTML 5.
Unidad de Aprendizaje Curricular (UAC): Semestre: Tercero Plantel: 20 Soledad de D. Grupo: 301
Capacitación en Programación .NET
Bloque(s): Módulo II: Aplicaciones Web Periodo de evaluación:
Sub Módulo I: HTML y CSS Primer parcial
Evidencia a evaluar: Valor de la evidencia:
Prácticas en clase usando HTML 5. 10 %

Aspectos a evaluar Porcentaje

Crea una cuenta en Neocities para subir sus ejercicios.
2%
Elabora páginas en HTML5 que utilizan los nuevos elementos
2%
representativos de esta nueva versión.
Elabora páginas web con texto en diferentes formatos y con uso de
hipervínculos. 2%
Elabora páginas web con elementos multimedia utilizando las nuevas
etiquetas de HTML 5. 2%
Sigue las indicaciones del profesor y cuida las herramientas con que
2%
cuenta la escuela.

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente
 Rúbrica Holística
Capacitación en Programación .NET
Primer Parcial
Proyecto los alumnos propondrán el Diseño de una Pagina web de su plantel
Unidad de Aprendizaje Curricular (UAC): Semestre: Plantel: 20 Soledad de D. Grupo: 301
Capacitación en Programación .NET Tercero
Bloque(s): Módulo II: Aplicaciones Web Periodo de evaluación:
Sub Módulo I: HTML y CSS Primer parcial
Evidencia a evaluar: Valor de la evidencia:
 Proyecto los alumnos propondrán el Diseño de una Pagina web de su plantel 10%

Aspectos a evaluar Porcentaje

Elabora una página index.html como punto de entrada al minisitio que
tenga headers, footers y elementos de navegación debidamente 4%
organizados utilizando las etiquetas HTML apropiadas.
El minisitio contiene al menos 4 páginas html que se puedan accesar
mediante hipervínculos desde la página principal del ministio. 2%

Las páginas que integran objetos y etiquetas vista en primer parcial

2%

Entrega impresa de su diseño de pagina web.

2%

Revisado y Validado.
Plantel 20 “LIC. MANUEL DOBLADO”
Calle Jazmín S/N, Col Palito Verde., C.P.94240, Soledad de Doblado, Ver. Lic. Adriana Pérez Castillo I.S.C Cristian G. Vásquez V.
Teléfono: (285) 97 20111
correo Electrónico: direccionacademica20@hotmail.coM Sub Director Académico P. 20 Firma del docente