1. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 1/9
SUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIOR
Dirección General de Educación Tecnológica Industrial y de Servicios
Centro de Bachillerato Tecnológico Industrial y de Servicios No. 49
Instrumento de registro de la Planeación Didáctica
Institución: DGETI Plantel: CBTIS 49 C.C.T 14DCT0209Z
Docente (s)
que elaboró el
instrumento:
M. C. Horacio Augusto Navarro García Fecha de
elaboración:
24 10 2022
Día Mes Año
Asignatura o submódulo: Semestre: Carrera:
Periodo de la
aplicación:
01/02/2023 a
10/03/2023
M3S1. Construye páginas Web 4 Programación Duración en Horas 20
Campo disciplinar de la asignatura Propósito formativo del campo disciplinar
Componente Profesional
En el contexto nacional la formación de Técnicos en Programación es relevante porque
contribuye a la formación de personas capaces de integrarse a un mercado laboral
dinámico y de alta demanda, que esta a la vanguardia en el uso de la tecnología y que
contribuye a la transformación digital de los sectores productivos en el país.
Transversalidad con otras asignaturas Submódulo 2 - Desarrolla aplicaciones que se ejecutan en el cliente Submódulo 3 -
Desarrolla aplicaciones que se ejecutan en el servidor Ingles TIC
Ámbitos del perfil de egreso en el que
contribuye la asignatura
COLABORACIÓN Y TRABAJO EN EQUIPO Trabaja en equipo de manera
constructiva y ejerce un liderazgo participativo y responsable, propone alternativas
para actuar y solucionar problemas. Asume una actitud constructiva.
SECRETARÍA DE EDUCACIÓN PÚBLICA
Identificación
2. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 2/9
Propósito formativo de la asignatura Al finalizar el módulo estudiante será capaz de Desarrollar aplicaciones web.
Aprendizajes
clave de la
asignatura
(NME)
Ejes disciplinarios N/A
Componente N/A
Contenido central
N/A
Aprendizaje esperado Competencia: Emplea HTML para construir páginas web
Proceso de aprendizaje N/A
Productos Esperados Elaboración de una página Web Estática
Contenidos específicos Emplea HTML para construir páginas web Utiliza CSS para dar formato a páginas web
Intenciones
Formativas
3. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 3/9
Habilidades socioemocionales (HSE)
a desarrollar
Relaciona T - Colaboración
Competencias Genéricas y atributos
G5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos
5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de
sus pasos contribuye al alcance de un objetivo.
G7 Aprende por iniciativa e interés propio a lo largo de la vida
7.1 Define metas y da seguimiento a sus procesos de construcción de conocimiento
G8 Participa y colabora de manera efectiva en equipos diversos
8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un
curso de acción con pasos específicos
8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que
cuenta dentro de distintos equipos de trabajo.
Competencias Disciplinares
M1 Construye e interpreta modelos matemáticos mediante la aplicación de procedimientos
aritméticos, algebraicos, geométricos y variacionales, para la comprensión y análisis de situaciones
reales, hipotéticas o formales
M8 Interpreta tablas, gráficas, mapas, diagramas y textos con símbolos matemáticos y científicos
CE9 Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar
principios científicos.
Competencias de Productividad Y
Empleabilidad
AD3 Se adapta para un cambio positivo
AD5 Aceptar y aplicar los cambios de los procedimientos y de las herramientas de trabajo.
PO4 Establecer prioridades y tiempos
AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
1. Encuadre del curso: a) Primer día de clases “Dinámica de Presentación” b)
Presentación del programadel ModuloIII submódulo I“Desarrollaaplicaciones Web” c)
Datos generales, sesiones y horarios, contenidos, competencias genéricas,
disciplinares, Evaluación, acreditación, objetivos, Bibliografía. d) Reglamento para las
clases virtuales e) Se le indica al alumno el material a utilizar. f) Carta Compromiso
firmada por el alumno y Padre o tutor 2. Elabora preguntas guías sobre el
tema“Páginas web y HTML” de manera global que ayuden a obtener información
acerca de lo que el grupo conoce sobre el tema.
Cuaderno, computadora, lapíz,
pluma
1
Actividad del estudiante Duración Producto de Tipo de evaluación Ponderación
Apertura
4. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 4/9
aprendizaje
esperado
- Participan exponiendo sus expectativas y
dudas, aportando opiniones para establecer
las reglas convivencia en clases virtuales y
registrando en el cuaderno de trabajo, la
descripción de metodología de trabajo,
criterios de evaluación y otros aspectos a
considerar en el semestre. - Responden de
manera individual las preguntas guía conforme
a lo que han aprendido en niveles anteriores o
experiencias de la vida cotidiana
1
Conocimientos
Previos
No Evaluada/Sin Instrumento 0.00%
Actividad del Docente Recursos utilizados Duración
El docente aplica un cuestionario diagnóstico para saber los conocimientos previos
que tiene sobre páginas web. 1. ¿Qué significan las siglas WWW? 2. ¿A qué se le
conoce como página estática? 3. Dibuja y escribe en donde se encuentra las
direcciones del sitio web. 4. La dirección de un sitio web se integra por diferentes
elementos. En la dirección que aparece en la siguiente línea, reconoce y asigna los
nombres de cada elemento presentado: http://www.google.com.mx 5. ¿Qué es un
enlace y cuáles son los nombres como se le conoce también? 6. Menciona la
diferencia entre una página y un sitio web. 7. Cuando has navegado en internet en
busca de información. ¿Qué navegador utilizas? 8. Escribe los navegadores que
conoces.
Cuaderno, Computadora, lapíz,
pluma, internet
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante responde al cuestionario
diagnóstico dado por el docente.
1
Evaluación
Diagnóstica
No Evaluada/Sin Instrumento 0.00%
Actividad del Docente Recursos utilizados Duración
El docente solicita que realicen la siguiente lectura Lección 3.1 Acuerdos y plan de
trabajo de las lecciones sociemocionales de Relaciona T: Colaboración, en su
cuaderno de trabajo.
cuaderno, lápiz, pluma 1
Apertura
Apertura
5. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 5/9
Actividad del estudiante Duración Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante lee y responde en su cuaderno la
lección 3.1 Acuerdos y plan de trabajo
1
Actividades
Socioemocionales
Autoevaluación/Sin Instrumento 0.00%
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
El docente mediante una presentación en clases da a conocer los elementos básicos
para la elaboración de una página web. Posteriormente el estudiante en su cuaderno
de apuntes, realicen un mapa mental sobre la información proporcionada.
Cuaderno, internet, pluma, lápiz 2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
En su cuaderno de apuntes, diseña un mapa
mental con la información que le proporciono
el docente de los elementos básicos para la
elaboración de una página web.
2
Mapa mental de los
elementos básicos
de una página Web
Heteroevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
El docente en el laboratorio de computo realiza una practica guiada en un editor de
codigo sobre las etiquetas basicas de HTML,
Computadora, cuaderno, pluma,
lápiz
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza la practica guiada y
realiza las anotaciones necesarias en su
cuaderno de la práctica realizada por el
docente.
2 Práctica guiada
Heteroevaluación/Sin
Instrumento
10.00%
Actividad del Docente Recursos utilizados Duración
Computadora, cuaderno, lápiz,
pluma
1
Desarrollo
Desarrollo
Desarrollo
6. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 6/9
El docente solicita que en el laboratorio de computo diseñen una página web, en la
que coloquen elementos para una portada donde incluya los datos de tu plantel, turno
e incluyas tanto tu nombre completo como los nombres del módulo y submódulos
correspondientes al cuarto semestre de tu plan de estudios, empleando estilos
automáticos.
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza la práctica propuesta por
el docente en el centro de computo.
Empleando una estructuración adecuada.
1 Práctica de portada Heteroevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
El docente les pide a los estudiantes que realicen en su cuaderno un mapa mental de
la etiqueta FONT con sus atributos.
computadora, cuaderno, pluma,
lápiz
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza un mapa mental de la
etiqueta FONT y sus atributos
2 Mapa mental Heteroevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
El docente pide que busquen un libro que tengan en casa, localiza el primer capítulo,
lea algunas páginas y seleccione, a manera de resumen, al menos 3 párrafos que
conside importantes. En su cuaderno de apuntes, diseña una página web en la que
coloques etiquetas y atributos necesarios para mostrar un letrero con el título del libro,
otros para colocar el nombre del o los autores y la palabra: introducción.
Posteriormente, coloca los párrafos seleccionados, finalizando con la palabra:
resumen, la fecha y tu nombre. Debes incluir las alineaciones siguientes: Los títulos
principales de manera centrada, los párrafos del resumen con alineación justificada, la
fecha a la derecha y los restantes, a la izquierda.
Computadora, cuaderno, lápiz,
pluma
1
Actividad del estudiante Duración Producto de
aprendizaje
Tipo de evaluación Ponderación
Desarrollo
Desarrollo
7. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 7/9
esperado
El estudiante realiza la practica propuesta por
el docente en HTML.
1 Practica de HTML
Heteroevaluación/Guía de
Observación
10.00%
Actividad del Docente Recursos utilizados Duración
El docente les solicita que empleando su creatividad, diseña una página web que
contenga una lista con los números del uno al veinte, colocando una lista numerada,
con su escritura en inglés. ¡No olvides colocar otros elementos que proporcionen
calidad y vista agradable a tu página!
Computadora, cuaderno, lápiz,
pluma
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante diseñada la página web
solicitada por el docente, con las etiquetas
necesarias, empleando una estructuración
adecuada para resolver el problema planteado.
1 Página Web
Autoevaluación/Guía de
Observación
10.00%
Actividad del Docente Recursos utilizados Duración
El docente realiza una práctica guíada con la etiqueta TABLE y sus atributos,
solicitando al estudiante que le agregue tambien de su creatividad.
computadora, cuaderno, pluma,
lápiz
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante, realiza la practica guíada por el
docente, modificandola de acuerdo a su
creatividad.
2
practica guíada
Página Web
Heteroevaluación/Guía de
Observación
10.00%
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
El docente solicita que realicen el diseño de la página web con la temática de los
efectos despues de la pandemia COVID-19, favoreciendo su creatividad e innovación,
para comunicar información sobre la pandemia. La página deberá tener la estructura
Computadora, cuaderno, lápiz,
pluma
6
Desarrollo
Desarrollo
Cierre
8. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 8/9
básica, elementos básicos, estilos básicos y diseño vistos durante la secuencia,
comprobando que sigue instrucciones y procedimientos de manera reflexiva, utiliza las
TIC´s para procesar e interpretar información.
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante, en equipos colaborativos,
diseñan la página web con la temática de los
efectos despues de la pandemia del COVID-
19, favoreciendo su creatividad e innovación,
para comunicar información sobre la
pandemia. La página web deberá cumplir con
los indicadores de la lista de cotejo
proporcionada por la docente.
6 pagina web Heteroevaluación/Lista de Cotejo 30.00%
Recursos por utilizar
Materiales Equipo
Cuaderno, lápiz, pluma, plumones, pegamento, colores Computadora, laptop, celular, proyector, servidor, memoria USB
Referencias
Bibliográficas Internet; otras fuentes
Gómez, M. R. (2018). Curso de Desarrollo Web: HTML, CSS Y
JavaScript. Madrid España: ANAYA editorial. García, J. A. (2017).
HTML5 CSS3 Y JQUERY. Curso práctico. España: RA-MA Editorial.
Bonilla, P. C. (2013). DISEÑO WEB ADAPTATIVO. España: ANAYA
MULTIMEDIA
Validación
Elaborado por: Recibido por: Avalado por:
M. C. Horacio Augusto Navarro García Iram Eloy Zavala Vargas, Myriam Liliana
Guzman Mares
Horacio Augusto Navarro García
9. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054199
www.planeaciondidactica.sems.gob.mx/plan/print/1054199 9/9
Contribuciones y/o colaboraciones
Dr. Rodolfo Gallardo Rosales (CBTIS 226) ILEANA CADENAS MEZA (CBTIS 201) ERICK RODOLFO JIMENEZ LOZANO (CBTIS 247)
Ing. ARTURO LARA BRIONES (CBTIS 245) M. C. Horacio Augusto Navarro García (CBTIS 49) LIC. ANAID OSIO RAMÍREZ (CETIS
161) Ing. OSWALDO RAMIREZ PARRA (CBTIS 68) Lic. Araceli Rodríguez Sánchez (CBTIS 262) Lic. SERGIO IVÁN SOLANO
ZEPEDA (CETIS 63) Ing Claudia Patricia Paz Robles (CBTIS 246) MTRA. MARIA GUADALUPE BOGARIN AGUAYO (CETIS 14) Lic.
Maricela Romero López (CBTIS 70)
10. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 1/9
SUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIOR
Dirección General de Educación Tecnológica Industrial y de Servicios
Centro de Bachillerato Tecnológico Industrial y de Servicios No. 49
Instrumento de registro de la Planeación Didáctica
Institución: DGETI Plantel: CBTIS 49 C.C.T 14DCT0209Z
Docente (s)
que elaboró el
instrumento:
M. C. Horacio Augusto Navarro García Fecha de
elaboración:
24 10 2022
Día Mes Año
Asignatura o submódulo: Semestre: Carrera:
Periodo de la
aplicación:
13/03/2023 a
10/05/2023
M3S1. Construye páginas Web 4 Programación Duración en Horas 21
Campo disciplinar de la asignatura Propósito formativo del campo disciplinar
Componente Profesional
En el contexto nacional la formación de Técnicos en Programación es relevante porque
contribuye a la formación de personas capaces de integrarse a un mercado laboral
dinámico y de alta demanda, que esta a la vanguardia en el uso de la tecnología y que
contribuye a la transformación digital de los sectores productivos en el país.
Transversalidad con otras asignaturas Submódulo 2 - Desarrolla aplicaciones que se ejecutan en el cliente Submódulo 3 -
Desarrolla aplicaciones que se ejecutan en el servidor Ingles TIC
SECRETARÍA DE EDUCACIÓN PÚBLICA
Identificación
11. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 2/9
Ámbitos del perfil de egreso en el que
contribuye la asignatura
HABILIDADES SOCIOEMOCIONALES Y PROYECTO DE VIDA Es autoconsciente y
determinado, cultiva relaciones interpersonales sanas, se autorregula, tiene
capacidad de afrontar la adversidad y actuar con efectividad y reconoce la
necesidad de solicitar apoyo. Tiene la capacidad de construir un proyecto de vida
con metas personales. Fa metas y busca aprovechar al máximo sus opciones y
recursos. Toma decisiones que le generan bienestar presente, oportunidades y
sabe lidiar con riesgos futuros.
Propósito formativo de la asignatura Al finalizar el módulo estudiante será capaz de Desarrollar aplicaciones web.
Aprendizajes
clave de la
asignatura
(NME)
Ejes disciplinarios N/A
Componente N/A
Contenido central
N/A
Aprendizaje esperado Competencia: Emplea HTML para construir páginas web
Intenciones
Formativas
12. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 3/9
Proceso de aprendizaje N/A
Productos Esperados
Contenidos específicos Planeando, diseñando y construyendo un sitio web
Habilidades socioemocionales (HSE)
a desarrollar
Relaciona T - Colaboración
Competencias Genéricas y atributos
G5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos
5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de
sus pasos contribuye al alcance de un objetivo.
G7 Aprende por iniciativa e interés propio a lo largo de la vida
7.1 Define metas y da seguimiento a sus procesos de construcción de conocimiento
G8 Participa y colabora de manera efectiva en equipos diversos
8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un
curso de acción con pasos específicos
8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que
cuenta dentro de distintos equipos de trabajo.
Competencias Disciplinares
M1 Construye e interpreta modelos matemáticos mediante la aplicación de procedimientos
aritméticos, algebraicos, geométricos y variacionales, para la comprensión y análisis de situaciones
reales, hipotéticas o formales
M8 Interpreta tablas, gráficas, mapas, diagramas y textos con símbolos matemáticos y científicos
CE9 Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar
principios científicos.
CO1 Identifica, ordena e interpreta las ideas, datos y conceptos explícitos e implícitos en un texto,
considerando el contexto en el que se generó y en el que se recibe
Competencias de Productividad Y
Empleabilidad
AD3 Se adapta para un cambio positivo
AD5 Aceptar y aplicar los cambios de los procedimientos y de las herramientas de trabajo.
PO4 Establecer prioridades y tiempos
AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
Actividades de aprendizaje
a
13. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 4/9
Actividad del Docente Recursos utilizados Duración
El docente mediante una reunión en plataforma realiza la lección 9 Información
confiable, El reto es que establezcan prioridades sobre sus metas, considerando su
escala de valores y las posibles consecuencias de las decisiones que toman sobre su
bienestar individual y colectivo.
Computadora, cuaderno, internet,
pluma, lápiz
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza la actividad
socioemocional propuesta por el docente,
enviando la actividad a la plataforma para su
revisión.
1
Actividad
Socioemocional El
método ABCD
Heteroevaluación/Sin
Instrumento
5.00%
Actividad del Docente Recursos utilizados Duración
El docente en el aula realiza una retroalimentación de la secuencia anterior,
respondiendo dudas de los estudiantes. Se les da a conocer las actividades que se
verán en esta secuencia 2
Cuaderno, pluma, lápiz,
computadora, internet
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Los estudiantes aclaran dudas sobre la
secuencia 1, tomando anotaciones en su
cuaderno.
1 Retroalimentación No Evaluada/Sin Instrumento 0.00%
Actividad del Docente Recursos utilizados Duración
El docente solicita a los estudiantes que investiguen y en su cuaderno realicen las
anotaciones de: * el concepto de CSS, * para que se utiliza CSS, * ventajas y
desventajas de utilizarlo en el lenguaje de programación HTML5.
Cuaderno, pluma, lápiz,
computadora, internet
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza la investigación solicitada 1 Que el estudiante Heteroevaluación/Lista de Cotejo 5.00%
Apertura
Apertura
Apertura
14. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 5/9
por la docente en el cuaderno sobre el
concepto de CSS, para que se utiliza, ventajas
y desventajas de utilizarlo en el lenguaje de
programación HTML5.
conozca el
concepto de CSS,
ventajas y
desventajas
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
El docente les solicita que investiguen sobre los conceptos básicos de estilos, sintaxis,
uso de CSS, y formas de insertar CSS, con la información obtenida elabora un mapa
conceptual en su cuaderno.
Cuaderno, lápiz, pluma, colores,
plumones, computadora, internet
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante investiga los conceptos básicos
sobre estilos, sintaxis, uso de CSS, y formas
de insertar CSS, con la información obtenida
elabora un mapa conceptual en su cuaderno.
1
Mapa conceptual
conceptos básicos
de estilos
Heteroevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
El docente en el aula explica a los estudiantes sobre ¨Aplicando CSS a nuestra
plantilla¨ elementos block y modelo de caja, dando unos ejemplos El alumno tomara
nota en su cuaderno de lo más importante.
Computadora, cuaderno, internet,
lápiz, pluma
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante toma notas de los conceptos más
importante y de los ejemplos en su cuaderno
de la exposición de la docente.
1
Notas en el
cuaderno de
Aplicando CSS a
nuestra plantilla
Heteroevaluación/Sin
Instrumento
5.00%
Actividad del Docente Recursos utilizados Duración
El docente en el centro de computo realiza ejemplos sobre el modelo de caja
tradicional en CSS. Los estudiantes mediante la aplicación o en el bloc de notas
Computadora, cuaderno, internet,
lápiz, pluma
2
Desarrollo
Desarrollo
Desarrollo
15. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 6/9
realizan los ejemplos.
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante en el centro de computo sigue
las indicaciones del docente para la realización
de los ejercicios del modelo de caja tradicional
CSS.
2
Ejemplos del
modelo de caja
tradicional CSS
Heteroevaluación/Sin
Instrumento
10.00%
Actividad del Docente Recursos utilizados Duración
El docente en el centro de computo realiza una practica guiada sobre las nuevas
reglas de CSS: Plantilla ,Border-radius,Box-shadow ,Text-shadow,@font-face,
Gradiente lineal , Gradiente radial,RGBA,HSLA ,Outline ,Border-image ,Transform y
transition Transform: scale, Transform: rotate, Transform: skew, Transform:
translate,Transformando todo al mismo tiempo,Transformaciones
dinámicas,Transiciones .
Computadora, cuaderno, internet,
lápiz, pluma
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante en el centro de computo realiza
practica guiada sobre las nuevas reglas de
CSS: Plantilla ,Border-radius,Box-shadow
,Text-shadow,@font-face, Gradiente lineal ,
Gradiente radial,RGBA,HSLA ,Outline ,Border-
image ,Transform y transition Transform: scale,
Transform: rotate, Transform: skew, Transform:
translate,Transformando todo al mismo
tiempo,Transformaciones
dinámicas,Transiciones.
2 Práctica guiada
Heteroevaluación/Guía de
Observación
10.00%
Actividad del Docente Recursos utilizados Duración
El docente mediante una reunión en Tela plataforma, realiza practicas guiadas de
como insertar contenido multimedia en HTML5. El estudiante deberá de enviar la
practica a la plataforma.
Computadora, cuaderno, internet,
lápiz, pluma
2
Desarrollo
Desarrollo
16. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 7/9
Actividad del estudiante Duración Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante sigue las indicaciones que la
docente les da, para realizar la practica guiada
de como insertar multimedia en HTML5.
Enviando a la docente captura de pantalla de
la practica a la plataforma.
2 Práctica guiada
Heteroevaluación/Guía de
Observación
5.00%
Actividad del Docente Recursos utilizados Duración
El docente solicita a los estudiantes que investiguen la sintaxis para insertar
formularios en HTML5, con la información obtenida el estudiante realiza un ejercicio
en HTML5, en un documento en word insertara captura del código y la vista del mismo
en un navegador a la plataforma.
Computadora, cuaderno, internet,
lápiz, pluma
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante investiga la sintaxis para insertar
formularios en HTML5, realiza el ejercicio
solicitado por la docente y envía el archivo a la
plataforma.
1
Ejercicio de como
insertar formularios
en HTML5
Heteroevaluación/Guía de
Observación
10.00%
Actividad del Docente Recursos utilizados Duración
El docente realiza una práctica guiada de los nuevos atributos type de la etiqueta input
en HTML5: tipo email,search,url,tel,number , range,date, week ,month ,time, datetime
,datetime-local,color.
Computadora, cuaderno, internet,
lápiz, pluma
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante realiza la práctica guiada de los
nuevos atributos type de la etiqueta input en
HTML5: tipo email,search,url,tel,number ,
range,date, week ,month ,time, datetime
,datetime-local,color.
2
Práctica de los
nuevos atributos de
HTML5
Heteroevaluación/Guía de
Observación
10.00%
Actividades de aprendizaje
Desarrollo
Desarrollo
17. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 8/9
Actividad del Docente Recursos utilizados Duración
La docente solicita que en equipos que se integraron en la secuencia I, insertaran las
nuevas etiquetas vistas en esta secuencia en su pagina web diseñada en la secuencia
anterior. Se aclararan dudas expuestas por los integrantes de los equipos.
Computadora, cuaderno, internet,
lápiz, pluma
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
En equipos colaborativos los integrantes,
integraran a su página web las nuevas
etiquetas vistas en esta secuencia.
Despejando todas sus dudas con la docente.
2 Página web Heteroevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
El docente solicita el producto final del diseño de la página web insertando las nuevas
etiquetas vistas en la secuencia, favoreciendo su creatividad e innovación, para
realizar los cambios necesarios, comprobando que sigue instrucciones y
procedimientos de manera reflexiva, utiliza las TIC´s para procesar e interpretar
información y desarrolla un proyecto en equipo colaborativo.
Computadora, cuaderno, internet,
lápiz, pluma
5
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Los estudiantes en equipos colaborativos
insertan las nuevas etiquetas vistas en la
secuencia, realizando los cambios necesarios
en su página web diseñada en la secuencia
anterior. La página web deberá cumplir con los
indicadores de la lista de cotejo proporcionada
por la docente
5
Pagina web en
HTML5, CSS
Heteroevaluación/Lista de Cotejo 20.00%
Recursos por utilizar
Materiales Equipo
Computadora, laptop, celular, proyector, servidor, memoria USB
Cierre
Cierre
18. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054200
www.planeaciondidactica.sems.gob.mx/plan/print/1054200 9/9
cuaderno, lápiz, pluma, colores
Referencias
Bibliográficas Internet; otras fuentes
Gómez, M. R. (2018). Curso de Desarrollo Web: HTML, CSS Y
JavaScript. Madrid España: ANAYA editorial. García, J. A. (2017).
HTML5 CSS3 Y JQUERY. Curso práctico. España: RA-MA Editorial
Bonilla, P. C. (2013). DISEÑO WEB ADAPTATIVO. España: ANAYA
MULTIMEDIA.
Validación
Elaborado por: Recibido por: Avalado por:
M. C. Horacio Augusto Navarro García Iram Eloy Zavala Vargas, Myriam Liliana
Guzman Mares
Horacio Augusto Navarro García
Contribuciones y/o colaboraciones
Dr. Rodolfo Gallardo Rosales (CBTIS 226) ILEANA CADENAS MEZA (CBTIS 201) ERICK RODOLFO JIMENEZ LOZANO (CBTIS 247)
Ing. ARTURO LARA BRIONES (CBTIS 245) M. C. Horacio Augusto Navarro García (CBTIS 49) LIC. ANAID OSIO RAMÍREZ (CETIS
161) Ing. OSWALDO RAMIREZ PARRA (CBTIS 68) Lic. Araceli Rodríguez Sánchez (CBTIS 262) Lic. SERGIO IVÁN SOLANO
ZEPEDA (CETIS 63) Ing Claudia Patricia Paz Robles (CBTIS 246) MTRA. MARIA GUADALUPE BOGARIN AGUAYO (CETIS 14) Lic.
Maricela Romero López (CBTIS 70)
19. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 1/8
SUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIOR
Dirección General de Educación Tecnológica Industrial y de Servicios
Centro de Bachillerato Tecnológico Industrial y de Servicios No. 49
Instrumento de registro de la Planeación Didáctica
Institución: DGETI Plantel: CBTIS 49 C.C.T 14DCT0209Z
Docente (s)
que elaboró el
instrumento:
M. C. Horacio Augusto Navarro García Fecha de
elaboración:
24 10 2022
Día Mes Año
Asignatura o submódulo: Semestre: Carrera:
Periodo de la
aplicación:
18/05/2023 a
23/06/2023
M3S1. Construye páginas Web 4 Programación Duración en Horas 23
Campo disciplinar de la asignatura Propósito formativo del campo disciplinar
Componente Profesional
En el contexto nacional la formación de Técnicos en Programación es relevante porque
contribuye a la formación de personas capaces de integrarse a un mercado laboral
dinámico y de alta demanda, que esta a la vanguardia en el uso de la tecnología y que
contribuye a la transformación digital de los sectores productivos en el país.
Transversalidad con otras asignaturas Submódulo 2 - Desarrolla aplicaciones que se ejecutan en el cliente Submódulo 3 -
Desarrolla aplicaciones que se ejecutan en el servidor Ingles TIC
Ámbitos del perfil de egreso en el que
contribuye la asignatura
COLABORACIÓN Y TRABAJO EN EQUIPO Trabaja en equipo de manera
constructiva y ejerce un liderazgo participativo y responsable, propone alternativas
para actuar y solucionar problemas. Asume una actitud constructiva.
SECRETARÍA DE EDUCACIÓN PÚBLICA
Identificación
20. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 2/8
Propósito formativo de la asignatura Al finalizar el módulo estudiante será capaz de Desarrollar aplicaciones web.
Aprendizajes
clave de la
asignatura
(NME)
Ejes disciplinarios N/A
Componente N/A
Contenido central
N/A
Aprendizaje esperado Competencia: Utiliza CSS paradar formato a páginas web
Proceso de aprendizaje N/A
Productos Esperados
Contenidos específicos Creando y aplicando un tema mediante hojas de estilo Creando una página web responsiva
Intenciones
Formativas
21. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 3/8
Habilidades socioemocionales (HSE)
a desarrollar
Relaciona T - Colaboración
Competencias Genéricas y atributos
G5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos
5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de
sus pasos contribuye al alcance de un objetivo.
G7 Aprende por iniciativa e interés propio a lo largo de la vida
7.1 Define metas y da seguimiento a sus procesos de construcción de conocimiento
G8 Participa y colabora de manera efectiva en equipos diversos
8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un
curso de acción con pasos específicos
8.3 Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que
cuenta dentro de distintos equipos de trabajo.
Competencias Disciplinares
M1 Construye e interpreta modelos matemáticos mediante la aplicación de procedimientos
aritméticos, algebraicos, geométricos y variacionales, para la comprensión y análisis de situaciones
reales, hipotéticas o formales
M8 Interpreta tablas, gráficas, mapas, diagramas y textos con símbolos matemáticos y científicos
CE9 Diseña modelos o prototipos para resolver problemas, satisfacer necesidades o demostrar
principios científicos.
CO1 Identifica, ordena e interpreta las ideas, datos y conceptos explícitos e implícitos en un texto,
considerando el contexto en el que se generó y en el que se recibe
Competencias de Productividad Y
Empleabilidad
AD3 Se adapta para un cambio positivo
AD5 Aceptar y aplicar los cambios de los procedimientos y de las herramientas de trabajo.
PO4 Establecer prioridades y tiempos
AC1 Utilizar la comunicación efectiva para identificar las necesidades del cliente.
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
El docente realiza una retroalimentación de la secuencia anterior, respondiendo dudas
de los estudiantes. Se les da a conocer las actividades que se verán en esta secuencia
3
Cuaderno, pluma, lápiz 1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Los estudiantes aclaran dudas sobre la secuencia 1 Retroalimentación No Evaluada/Sin Instrumento 0.00%
Apertura
22. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 4/8
2, tomando anotaciones en su cuaderno. de la
secuencia 3.
Actividad del Docente Recursos utilizados Duración
El docente solicita que realicen la siguiente lectura Lección Lección 4.2 Principios del
trabajo colaborativo de las lecciones sociemocionales de Relaciona T: Colaboración
Cuaderno, pluma, lápiz 1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante lee y responde a la lección 4.2
Principios del trabajo colaborativo, donde
reconozca las características del trabajo
colaborativo orientado al cumplimiento de metas
comunes, a través de actividades y
conversaciones en equipo.
1
Lección
Socioemocional
No Evaluada/Sin Instrumento 0.00%
Actividad del Docente Recursos utilizados Duración
El docente presenta y explica la definición Hojas de estilo CSS, presentando algunos
ejemplos.
PC, Proyector, USB, libreta, lápiz 1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Estudiante toma nota de la definición Hojas de
estilo CSS, genera y guarda ejercicios en USB
1
Analizar y
comprender que es
una Hoja de estilo
No Evaluada/Sin Instrumento 0.00%
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
Presenta y explica información Hojas de estilo Pc, proyector, cuaderno, usb 2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Apertura
Apertura
Desarrollo
23. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 5/8
El estudiante consulta información referente a
CSS en página
https://uniwebsidad.com/libros/css/capitulo-
1/breve-historia-de-css Elabora una línea del
tiempo representando las hojas de estilo
2 Línea del tiempo,
representando las
hojas de estilo
Coevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
Presenta y explica información Hojas de estilo , sus ventajas y desventajas PC, proyector, USB, libreta, lápiz 2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante analiza y toma nota de las ventajas
y desventajas de usar Hojas de estilo,
presentadas por el docente.
2 Notas ventajas CSS No Evaluada/Sin Instrumento 5.00%
Actividad del Docente Recursos utilizados Duración
Presenta y explica información Hojas de estilo . elementos de diseño, presenta y
ejecuta ejemplos.
PC, proyector, USB, libreta y
lápiz
1
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
El estudiante analiza, comprende y toma nota de
los elementos de diseño y ejecuta de forma
individual los ejercicios presentados por el
docente, guardando sus archivos en memoria
USB.
1 Hojas de estilo CSS
Heteroevaluación/Lista de
Cotejo
10.00%
Actividad del Docente Recursos utilizados Duración
Presenta y explica información Hojas de estilo , Creación CSS3, presenta y ejecuta
ejemplos, solicitando al alumno que proponga sus propios ejercicios.
PC, proyector, USB, libreta y
lápiz
2
Actividad del estudiante Duración Producto de
aprendizaje
Tipo de evaluación Ponderación
Desarrollo
Desarrollo
Desarrollo
24. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 6/8
esperado
El estudiante toma nota de los ejemplos
presentados por el docente y propone sus propios
ejemplos
2
Hojas de estilo
CSS3
Heteroevaluación/Lista de
Cotejo
10.00%
Actividades de aprendizaje
Actividad del Docente Recursos utilizados Duración
Docente facilita información sobre Responsive Web Design (Diseño Web Responsivo),
elementos, importancia y concepto mobile first.
Pc, proyector, cuaderno, usb 2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Estudiante elabora un mapa mental Elementos
del diseño web responsivo Responsive Web
Design
2
mapa mental
Elementos del
diseño web
responsivo
Responsive Web
Design
Coevaluación/Lista de Cotejo 10.00%
Actividad del Docente Recursos utilizados Duración
Docente facilita información sobre Responsive Web Design (Diseño Web Responsivo),
elementos, importancia y concepto mobile first.
PC, PROYECTOR, USB,
LIBRETA Y LÁPIZ
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Estudiante elabora un cuestionario sobre la
Importancia del diseño responsivo Responsive
Web Design
2
Cuestionario sobre
la Importancia del
diseño responsivo
Responsive Web
Design
Coevaluación/Lista de Cotejo 5.00%
Actividad del Docente Recursos utilizados Duración
Pc, proyector, usb, cuaderno y
lápiz
2
Cierre
Cierre
Cierre
25. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 7/8
Docente facilita información sobre Responsive Web Design (Diseño Web Responsivo),
elementos, importancia y concepto mobile first.
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Estudiante relaciona concepto mobile first y
creación.
2
Ejercicio de
relación mobile first
y creación.
Coevaluación/Sin Instrumento 10.00%
Actividad del Docente Recursos utilizados Duración
La docente solicita como producto final que se integren en equipos colaborativos el
diseño de una página web estatica utilizando todos los elementos vistos en las 3
secuencias, como lo son: los elementos básicos, la maquetación web, los estilos básicos
de formato y posicionamiento de elementos. Desarrolando todo su creatividad en el
diseño.
Cuaderno, lápiz, pluma,
plumones, pegamento, colores
5
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
ntegrados en equipos colaborativos los
estudiantes diseñan su producto fina: la página
web insertando todos los elementos vistos en
clase y realizando el acomodo correcto.
5 Producto Final
Heteroevaluación/Lista de
Cotejo
30.00%
Actividad del Docente Recursos utilizados Duración
El docente solicita a los equipos colaborativos, que expongan su página web.
Cuaderno, lápiz, pluma,
plumones, pegamento, colores
2
Actividad del estudiante Duración
Producto de
aprendizaje
esperado
Tipo de evaluación Ponderación
Integrados en equipos exponen su página web. 2
Exposición del
Producto Final
Autoevaluación/Guía de
Observación
10.00%
Cierre
Cierre
26. 11/1/23, 14:44 www.planeaciondidactica.sems.gob.mx/plan/print/1054201
www.planeaciondidactica.sems.gob.mx/plan/print/1054201 8/8
Recursos por utilizar
Materiales Equipo
Cuaderno, lápiz, pluma, plumones, pegamento, colores Computadora, laptop, celular, proyector, servidor, memoria USB
Referencias
Bibliográficas Internet; otras fuentes
Gómez, M. R. (2018). Curso de Desarrollo Web: HTML, CSS Y
JavaScript. Madrid España: ANAYA editorial. García, J. A. (2017).
HTML5 CSS3 Y JQUERY. Curso práctico. España: RA-MA Editorial
Bonilla, P. C. (2013). DISEÑO WEB ADAPTATIVO. España: ANAYA
MULTIMEDIA.
Validación
Elaborado por: Recibido por: Avalado por:
M. C. Horacio Augusto Navarro García Iram Eloy Zavala Vargas, Myriam Liliana
Guzman Mares
Horacio Augusto Navarro García
Contribuciones y/o colaboraciones
Dr. Rodolfo Gallardo Rosales (CBTIS 226) ILEANA CADENAS MEZA (CBTIS 201) ERICK RODOLFO JIMENEZ LOZANO (CBTIS 247)
Ing. ARTURO LARA BRIONES (CBTIS 245) M. C. Horacio Augusto Navarro García (CBTIS 49) LIC. ANAID OSIO RAMÍREZ (CETIS
161) Ing. OSWALDO RAMIREZ PARRA (CBTIS 68) Lic. Araceli Rodríguez Sánchez (CBTIS 262) Lic. SERGIO IVÁN SOLANO
ZEPEDA (CETIS 63) Ing Claudia Patricia Paz Robles (CBTIS 246) MTRA. MARIA GUADALUPE BOGARIN AGUAYO (CETIS 14) Lic.
Maricela Romero López (CBTIS 70)