FO04.1-7.5 Plan Sesión Diseño 2020

Planeación didáctica
Código: FO04.1-7.5 Versión: 06

Responsable: Dirección de Formación Técnica y Capacitación Fecha: 31-julio-19
Datos de identificación
Fecha de elaboración 12/01/2020
Nombre del
Conalep Silao Nombre del docente: Edgar Iván Hernández Rodríguez
Plantel:
Nombre del Semestre

Diseño y elaboración de páginas web. Sexto
Módulo: :
1. Desarrollo de páginas web estáticas Desarrollar sitios web de acuerdo con los estándares
internacionales establecidos de diseño y desarrollo web,
Número y nombre atendiendo los requerimientos del usuario,
Propósito
de la unidad de para mostrar y actualizar la información contenida en
del módulo:
aprendizaje: las páginas web, incluyendo la de las bases de datos
asociadas, sin importar la localización física
del usuario.
Competencia Profesional X Disciplinar Modelo Académico 2008
del Módulo:
*Sigue instrucciones y procedimientos de manera
reflexiva, comprendiendo como cada uno de sus pasos
Piensa crítica y reflexivamente.
Competencia Genérica: Atributos: contribuye al alcance de un objetivo.
*Utiliza las tecnologías de la información y comunicación
para procesar e interpretar información.
Resultado 1.1. Diseña la estructura del sitio

de web con base en las mejores Duració
Aprendizajes esperados: prácticas y los requerimientos del 20 horas
Aprendizaje cliente n:
:
Producto esperado/evidencia a Documento con la estructura Actividad 1.1.1 Elabora la justificación y la estructura propuesta del
sitio web acorde con los requerimientos del usuario, en la
que define:
 Objetivo del sitio.
 Audiencia.
de
recopilar: propuesta del sitio.  Contenidos.
Evaluación:
 Mapa del sitio.
 Sistemas de Navegación.
 Borradores de páginas.
 Maqueta web.
Dimensión Número y Duración:

Socioemocional/Habilidad Elíge T nombre de Perseverancia 20
Socioemocional la Lección: (en minutos)
Identificara los elementos necesarios para determinar, y

Propósito de aprendizaje: Número de sesión 1/18 Duración: 8/20
diseñar un sitio Web y de los sistemas de navegación.
APERTURA
Estrategias Recursos y materiales
Contenido Específico
Enseñanza Aprendizaje Evaluación didácticos
A. Identificación de elementos Saludo a los alumnos. Atiende al saludo. Computadora
Web. Pase de lista. Diagnóstica. Proyector
 Internet. Analiza con sus alumnos, Atiende al pase de lista Pizarrón
 World Wide Web. las implicaciones y Marcadores
 Navegadores Web. alcances del programa del Escucha con atención y Programa del módulo
 Protocolo HTTP. módulo, con el fin de participa. Guías pedagógicas
 Protocolo FTP. precisar aquellas formas Fichas HSE
 W3C. de trabajar, Bibliografía
 CSS. responsabilidades y Internet
 Lenguajes del lado del compromisos de los Cuaderno de trabajo
usuario. integrantes del grupo que Portafolio de evidencias
HTML. dirijan tanto al logro del Responde de acuerdo a los Lista de asistencia
JavaScript. propósito el módulo, conocimientos previos del Laboratorio de computo
HTML 5 como de los objetivos concepto en su vida cotidiana. Software especializado.
XML generales de la carrera. Participa en la dinámica Rubricas.
 Lenguajes del lado del Inicia el módulo fijando grupal.
servidor. las expectativas, los
APERTURA
B. Comprobación de uso de resultados esperados y los Realiza la evaluación
estándares en beneficios que obtendrá el diagnostica.
el código de programación. alumno. Atiende con atención los
 Validación de HTML. Promueve la dinámica criterios de evaluación y
 Validación de CSS. grupal colaborativa y reglamento.
cooperativa a través de la
realización de las técnicas
didácticas y de Toma apuntes.
aprendizaje.
Realiza una dinámica de
integración. Establece el
reglamento interno de
clases.
Aplica una evaluación
diagnostica.
DESARROLLO
Recursos y materiales
Estrategias
Contenido Específico didácticos
Enseñanza Aprendizaje Evaluación
C. Determinación de la Aborda la determinación Computadora
información del de la estructura del sitio Realiza una investigación Documento digital o Proyector
sitio. web mediante documental a través de la impreso con la Pizarrón
 Definición del objetivo investigación, consulta de las fuentes investigación realizada. Marcadores
del sitio. identificación y uso del sugeridas o haciendo Formativa. Programa del módulo
 Definición de la conjunto de métodos y uso de internet, para Guías pedagógicas
audiencia. herramientas analizar y describir en un Fichas HSE
 Definición de contenidos. que permitan organizar documento empleando Bibliografía
los contenidos del sitio algún procesador de textos, Internet
web de manera tal que las arquitecturas más Cuaderno de trabajo
permitan ser encontrados comunes empleadas en Portafolio de evidencias
y utilizados por los desarrollo de aplicaciones Lista de asistencia
usuarios, de manera web. Laboratorio de computo
simple y directa. Presenta dudas específicas. Software especializado.
Expone la actividad de Toma apuntes. Rubricas.
Construye T a realizar. Realiza la actividad
Construye T Vega, J. & Van Der
Henst C. (2011).
Guía HTML5.
El presente de la web.
Recuperado
http://bit.ly/2GeflYd
Mateu, C. (2004).
Desarrollo de
aplicaciones Web.
Recuperado de
https://openlibra.com/
es/book/downl
oad/desarrollo-de-
aplicaciones-web
CIERRE
Revisa la evaluación Escucha con atención a los Formativa. Computadora
diagnostica, para dar compañeros expositores y de Proyector
realimentación, y pide forma voluntaria expresa su Pizarrón
participación de los opinión de lo investigado. Marcadores
alumnos para debatir en Programa del módulo
grupo las respuestas dadas. Reflexiona sobre sus áreas Guías pedagógicas
de oportunidad. Fichas HSE
Revisa las tareas, Bibliografía
investigaciones, reportes y Internet
ejercicios elaborados Cuaderno de trabajo
durante la semana. Portafolio de evidencias
Lista de asistencia
Realizará retroalimentación Laboratorio de computo
Software especializado.
Rubricas.
Elaboró: Edgar Iván Hernández Rodríguez Validó: Lic. Juan Pedro Barbosa Morales
Nombre y firma del docente Nombre y firma del Responsable de Formación
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Aprendizajes esperados: Resultado 1.1. Diseña la estructura del sitio Duració 20 horas
de web con base en las mejores n:
Aprendizaje prácticas y los requerimientos del
cliente
:
1.1.1 Elabora la justificación y la estructura propuesta del
que define:
Actividad
Producto esperado/evidencia a Documento con la estructura  Audiencia.
de
recopilar: propuesta del sitio.  Contenidos.
Evaluación:
 Mapa del sitio.
 Maqueta web.

Diseñara y elaborara los diferentes elementos que se

necesiten para crear un sitio Web.
APERTURA
D. Diseño de la estructura del sitio. Saludo a los alumnos. Atiende al saludo. Computadora
 Elaboración de mapas del sitio. Pase de lista. Diagnóstica. Proyector
 Definición de los sistemas de Inicia la semana recordando Atiende al pase de lista Pizarrón
navegación. las expectativas, y los Marcadores
E. Determinación de elementos de resultados esperados sobre el Escucha con atención y participa. Programa del módulo
los tema. Guías pedagógicas
sistemas de navegación. Promueve la participación y Responde de acuerdo a los Fichas HSE
 Definición del diseño visual. compromiso del alumno en el conocimientos previos del Bibliografía
 Diseño de las estructuras de las desarrollo del tema. concepto en su vida cotidiana. Internet
páginas. Realiza preguntas abiertas o Cuaderno de trabajo
 Bocetos de diseño. lluvia de ideas para recordar Portafolio de evidencias
 Borradores de página. lo visto en las clases Lista de asistencia
 Maqueta Web. anteriores. Laboratorio de computo
Rubricas.
DESARROLLO
Estrategias
D. Diseño de la estructura del Expresar ideas y conceptos Computadora
sitio. sobre la construcción de Realiza una investigación Documento digital o impreso Proyector
 Elaboración de mapas del páginas web mediante sus documental y elabora una tabla con la investigación realizada. Pizarrón
sitio. representaciones y en la que describa los Formativa. Marcadores
 Definición de los sistemas de elementos gráficos para el siguientes Programa del módulo
navegación. establecimiento de elementos web: Guías pedagógicas
E. Determinación de elementos comunicación con el Internet Fichas HSE
de los usuario. Protocolo HTTP. Bibliografía
sistemas de navegación. Elige y enseña a los Protocolo FTP. Internet
 Definición del diseño visual. alumnos a elegir las fuentes W3C. Cuaderno de trabajo
 Diseño de las estructuras de de información más Hojas de estilo en cascada Portafolio de evidencias
las relevantes al realizar labores (CSS). Lista de asistencia
páginas. de investigación Lenguajes de programación Laboratorio de computo
 Bocetos de diseño. documental y discrimina del lado del cliente orientados Software especializado.
 Borradores de página. entre ellas a fin de presentar al desarrollo web. Rubricas.
 Maqueta Web. información que sea de Lenguajes de programación
utilidad y confiable. del lado del servidor orientados Vega, J. & Van Der
al desarrollo web.
Henst C. (2011).
Expone la actividad de Presenta dudas específicas.
Realiza tareas, ejercicios, etc. Guía HTML5.
Construye T a realizar. El presente de la web.
Realiza la actividad Construye
T Recuperado
http://bit.ly/2GeflYd
Mateu, C. (2004).
Desarrollo de
aplicaciones Web.
Recuperado de
es/book/downl
oad/desarrollo-de-
aplicaciones-web
CIERRE
Formativa. Computadora
Revisa las tareas, Escucha con atención a los Proyector
investigaciones, reportes y compañeros expositores y de Pizarrón
ejercicios elaborados forma voluntaria expresa su Marcadores
durante la semana. opinión de lo investigado. Programa del módulo
Guías pedagógicas
Realizará retroalimentación Reflexiona sobre sus áreas Fichas HSE
de oportunidad. Bibliografía
Internet
Cuaderno de trabajo
Portafolio de evidencias
Lista de asistencia
Laboratorio de computo
Rubricas.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Aprendizajes esperados: Resultado 1.1. Diseña la estructura del sitio Duració 20 horas
de web con base en las mejores n:
Aprendizaje prácticas y los requerimientos del
Cliente/
:
1.2. Elabora páginas web estáticas
haciendo uso del lenguaje de
etiquetas HTML 5
1.1.1 Elabora la justificación y la estructura propuesta del
que define:
 Audiencia.
 Contenidos.
 Mapa del sitio.
Documento con la estructura
propuesta del sitio. / Actividad  Maqueta web. /
Producto esperado/evidencia a
Código HTML 5 de las de 1.2.1 Desarrolla la página web del
recopilar:
páginas web Evaluación: sitio propuesto en la actividad de evaluación
desarrolladas. 1.1.1,empleando los siguientes elementos del lenguaje de
etiquetas HTML 5:
 Formato de texto.
 Hipervínculos.
 Imágenes y elementos
multimedia.
 Listas.
 Tablas.
 Formularios.

Identificara las etiquetas de HTML 5 necesarias para 4/20

Propósito de aprendizaje: Número de sesión 3/18 Duración:
crear un sitio Web. 4/35
APERTURA
Saludo a los alumnos. Atiende al saludo. Computadora
Pase de lista. Sumativa Proyector
Atiende al pase de lista Pizarrón
Inicia la semana aplicando la Marcadores
actividad de evaluación del Escucha con atención y participa. Programa del módulo
tema 1.1.1 Guías pedagógicas
Fichas HSE
Revisa la actividad de Reflexiona sobre sus áreas de Bibliografía
evaluación para realimentar a oportunidad y aprende y mejora. Internet
los alumnos sobre sus áreas Cuaderno de trabajo
de oportunidad. Portafolio de evidencias
Lista de asistencia
Rubricas.
DESARROLLO
Estrategias
Promueve la Responde de acuerdo a los Computadora
A. Identificación de las participación y conocimientos previos del Diagnostica Proyector
Normas mínimas compromiso del alumno concepto en su vida Formativa. Pizarrón
Marcadores
para facilitar el acceso. en el desarrollo del tema. cotidiana.
Programa del módulo
 Peso de las Páginas. Realiza preguntas Guías pedagógicas
 Diagramación de las abiertas o lluvia de ideas Aplica las siguientes Fichas HSE
Páginas. para recordar lo visto en etiquetas en la inserción y Bibliografía
 Uso de Presentaciones en las clases anteriores. estructuración de texto en el Internet
Flash. Aborda el desarrollo de diseño de las páginas web. Cuaderno de trabajo
 Uso de Marcos o Frames. sitios web mediante el Portafolio de evidencias
 Uso de imágenes de uso de un lenguaje para Lista de asistencia
fondo. desarrollo de páginas Laboratorio de computo
 Uso de meta tags web, haciendo uso del h1, h2, h3, h4, h5, h6 Software especializado.
adecuados. lenguaje de Realiza la práctica No. 1 Rubricas.
programación del lado Inserción de texto y
del cliente HTML 5 en la estructuración en párrafos Vega, J. & Van Der
que presenta los con código HTML. Henst C. (2011).
principales elementos Guía HTML5.
empleados en el El presente de la web.
desarrollo de páginas Recuperado
web. http://bit.ly/2GeflYd
Realiza la actividad Mateu, C. (2004).
Expone ejercicios, Construye T Desarrollo de
practicas, etc., utilizando aplicaciones Web.
el lenguaje de Recuperado de
programación de paginas
es/book/downl
Web.
oad/desarrollo-de-
aplicaciones-web
Expone la actividad de
Construye T a realizar.
CIERRE
Revisa las tareas, Realiza y entrega un reporte Sumativa. Proyector
investigaciones, reportes y sobre la practica no. 1 Pizarrón
ejercicios elaborados Reflexiona sobre sus áreas Marcadores
durante la semana. de oportunidad. Programa del módulo
Guías pedagógicas
Realizará realimentación Fichas HSE
sobre lo revisado. Bibliografía
Internet
Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
PROGRAMACIÓN DE PRÁCTICAS
Prácticas Recursos y materiales
Nombre de la práctica Objetivo Evaluación didácticos, fecha
A. Identificación de las 1 Inserción de texto y Insertar texto en las páginas Equipo de cómputo
Normas mínimas estructuración en párrafos web y emplear párrafos con Formativa Dispositivo de
para facilitar el acceso. con código HTML 5. código HTML 5, con la Sumativa almacenamiento (USB)
 Peso de las Páginas. finalidad de presentar Bibliografía
 Diagramación de las información Editor de texto plano.
Páginas. ordenada y estructurada para Navegador web.
 Uso de Presentaciones en que sea fácil de comprender
Flash. por el usuario.
 Uso de Marcos o Frames.
 Uso de imágenes de fondo.
 Uso de meta tags
adecuados.
Elaboró: Edgar Iván Hernández Rodríguez. Validó: Lic. Juan Pedro Barbosa Morales.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado
de Duració
Aprendizajes esperados: haciendo uso del lenguaje de 35horas
Aprendizaje n:
etiquetas HTML 5
:
Producto esperado/evidencia a Código HTML 5 de las Actividad 1.2.1 Desarrolla la página web del
sitio propuesto en la actividad de evaluación
1.1.1,empleando los siguientes elementos del lenguaje de
etiquetas HTML 5:
de  Hipervínculos.
recopilar: páginas web desarrolladas. Evaluación:  Imágenes y elementos
multimedia.
 Listas.
 Tablas.
 Formularios.

Identificara y usara las normas mínimas requeridas para

Propósito de aprendizaje: incorporar elementos gráficos y multimedia a las paginas Número de sesión 4/18 Duración: 8/35
web.
APERTURA
Pase de lista. Formativa. Proyector
Aborda el desarrollo de sitios Marcadores
web mediante el uso de un Escucha con atención y participa. Programa del módulo
lenguaje para desarrollo de Guías pedagógicas
páginas web, haciendo uso Fichas HSE
del lenguaje de Realiza ejercicios, Bibliografía
programación del lado del investigaciones, tareas, etc. Internet
cliente HTML 5 en la que Cuaderno de trabajo
presenta los principales Portafolio de evidencias
elementos empleados en el Lista de asistencia
desarrollo de páginas web. Laboratorio de computo
Realiza exposiciones Software especializado.
mediante presentaciones Rubricas.
electrónicas y/o videos, así
como ejercicios para
ejemplificar el lenguaje
HTML 5.
DESARROLLO
Estrategias
B. Uso de las Normas participación y conocimientos previos del Proyector
requeridas en la compromiso del alumno concepto en su vida Formativa. Pizarrón
Marcadores
incorporación de elementos en el desarrollo del tema. cotidiana. Sumativa.
gráficos y Realiza preguntas Guías pedagógicas
multimedia. abiertas o lluvia de ideas Aplica las diferentes Fichas HSE
 Optimización del peso de para recordar lo visto en etiquetas y normas mínimas Bibliografía
las las clases anteriores. de elementos gráficos y Internet
imágenes. Aborda el desarrollo de multimedia en las páginas Cuaderno de trabajo
 Formato de imágenes. sitios web mediante el web. Portafolio de evidencias
 Ubicación de imágenes. uso de normas mínimas Realiza las practicas #2, 3 y Lista de asistencia
 Uso del atributo ALT. del lenguaje HTML5 4 marcadas en la guía de Laboratorio de computo
 Imágenes con alto y para el desarrollo de estudio. Software especializado.
ancho. páginas web. Rubricas.
 Manejo de Plugins.
C. Establecimiento del Expone mediante
entorno para el presentaciones
desarrollo de un sitio web. electrónicas, videos,
 Herramientas para el ejercicios, practicas, etc.,
desarrollo. utilizando el lenguaje de
 Planificación del trabajo. programación de páginas
 Elementos gráficos y Web.
multimedia.
Expone la actividad de Realiza la actividad
Construye T a realizar. Construye T
CIERRE
investigaciones, reportes y sobre las practicas 2, 3 y 4. Pizarrón
Guías pedagógicas
Realizará realimentación Fichas HSE
Internet
Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
B. Uso de las Normas 2 Manejo de secciones con Estructura las páginas Equipo de cómputo
requeridas en la código HTML 5. empleando secciones con Formativa Dispositivo de
incorporación de elementos código HTML 5, para Sumativa almacenamiento (USB)
gráficos y ayudar a la fácil lectura de la Bibliografía
multimedia. información. Editor de texto plano.
 Optimización del peso de Navegador web.
las
imágenes. 3 Marcado de texto, con Realizar el marcado de los
 Formato de imágenes. código HTML 5. elementos que conforman el
 Ubicación de imágenes. texto con código HTML 5,
 Uso del atributo ALT. para presentar elementos
 Imágenes con alto y ancho. que requieran denotar
 Manejo de Plugins. énfasis.
C. Establecimiento del entorno
para el Establecer relaciones entre 2
desarrollo de un sitio web. 4 Creación de hipervínculos o más recursos con código
 Herramientas para el con código HTML 5. HTML 5, para demostrar el
desarrollo. uso de hipervínculos
 Planificación del trabajo.
 Elementos gráficos y
multimedia.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado
1.2. Elabora páginas web estáticas 35
de Duració
Aprendizajes esperados: haciendo uso del lenguaje de
Aprendizaje n: horas
etiquetas HTML 5
:
etiquetas HTML 5:
multimedia.
 Listas.
 Tablas.
 Formularios.

Usará el lenguaje HTML5 para realizar hipervínculos,

Propósito de aprendizaje: aplicar los diferentes formatos e incorporar imágenes, Número de sesión 5/18 Duración: 8/35
etc.
APERTURA
Saludo a los alumnos. Atiende al saludo. Diagnostica Computadora
Pase de lista. Proyector
Promueve la dinámica grupal Marcadores
colaborativa y cooperativa a Escucha con atención y participa. Programa del módulo
través de la realización de las Guías pedagógicas
técnicas didácticas y de Fichas HSE
aprendizaje correspondientes, Realiza ejercicios, prácticas, Bibliografía
durante el transcurso de cada investigaciones, tareas, etc. Internet
sesión para favorecer el clima Cuaderno de trabajo
que fomente el intercambio Portafolio de evidencias
constructivo de ideas. Lista de asistencia
Realiza preguntas abiertas Laboratorio de computo
para recordar los temas Software especializado.
anteriormente vistos. Rubricas.
DESARROLLO
Estrategias
D. Implementación del participación y conocimientos previos del Proyector
código HTML 5 para compromiso del alumno concepto en su vida Formativa. Pizarrón
Marcadores
el desarrollo de páginas en el desarrollo del tema. cotidiana. Sumativa.
Web. Aborda el desarrollo de Guías pedagógicas
 Aplicación de Formato a sitios web mediante el Aplica las diferentes Fichas HSE
los siguientes elementos de uso de etiquetas del etiquetas de formato, Bibliografía
las páginas web. lenguaje HTML5 para el imágenes e hipervínculos en Internet
Tipos de letra formato, imágenes e las páginas web. Cuaderno de trabajo
Párrafos hipervínculos en las Realiza las practicas #5y 6 Portafolio de evidencias
Colores páginas web. marcadas en la guía de Lista de asistencia
 Creación de Hipervínculos estudio. Laboratorio de computo
en las páginas web. Expone mediante Software especializado.
Referencia absoluta presentaciones Rubricas.
Referencia relativa electrónicas, videos,
 Incorporación de ejercicios, practicas, etc.,
Imágenes y elementos utilizando el lenguaje de
multimedia a las páginas programación de páginas
web. Web.
 Listas.
 Tablas. Expone la actividad de Realiza la actividad
 Formularios. Construye T a realizar. Construye T
CIERRE
investigaciones, reportes y sobre las practicas 5 y 6. Pizarrón
Guías pedagógicas
Realiza realimentación Fichas HSE
Internet
Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
D. Implementación del código 5 Agrupamiento de Agrupar elementos Equipo de cómputo
HTML 5 para elementos mediante listas. empleando listas para Formativa Dispositivo de
el desarrollo de páginas Web. presentar información Sumativa almacenamiento (USB)
 Aplicación de Formato a los ordenada. Bibliografía
siguientes elementos de las Editor de texto plano.
páginas web. Navegador web.
Tipos de letra 6 Inserción de imágenes Insertar imágenes directas Software especializado.
Párrafos empleando etiquetas de en las páginas web
Colores imágenes empleando etiquetas de
 Creación de Hipervínculos imágenes, que mejoren el
en las páginas web. aspecto y presentación de la
Referencia absoluta información en las páginas
Referencia relativa web.
 Incorporación de Imágenes
y elementos multimedia a las
páginas web.
 Listas.
 Tablas.
 Formularios.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado
de Duració
Aprendizajes esperados: haciendo uso del lenguaje de 35 horas
Aprendizaje n:
etiquetas HTML 5
:
etiquetas HTML 5:
multimedia.
 Listas.
 Tablas.
 Formularios.

Usará el lenguaje HTML5 para insertar listas, tablas y

formularios en las páginas web.
APERTURA
Saludo a los alumnos. Atiende al saludo. Diagnostica Computadora
colaborativa y cooperativa a Escucha con atención y participa. Programa del módulo
través de la realización de las Guías pedagógicas
aprendizaje correspondientes, Realiza ejercicios, prácticas, Bibliografía
durante el transcurso de cada investigaciones, tareas, etc. Internet
Realiza preguntas abiertas Laboratorio de computo
para recordar los temas Software especializado.
anteriormente vistos. Rubricas.
DESARROLLO
Estrategias
D. Implementación del participación y conocimientos previos del Proyector
código HTML 5 para compromiso del alumno concepto en su vida Formativa. Pizarrón
Marcadores
el desarrollo de páginas en el desarrollo del tema. cotidiana. Sumativa.
Web. Aborda el desarrollo de Guías pedagógicas
 Aplicación de Formato a sitios web mediante el Aplica las diferentes Fichas HSE
los siguientes elementos de uso de etiquetas del etiquetas de formato, Bibliografía
las páginas web. lenguaje HTML5 para imágenes e hipervínculos en Internet
Tipos de letra insertar listas, tablas y las páginas web. Cuaderno de trabajo
Párrafos crear formularios en las Realiza la practica 7 Portafolio de evidencias
Colores páginas web. marcada en la guía de Lista de asistencia
 Creación de Hipervínculos estudio. Laboratorio de computo
en las páginas web. Expone mediante Software especializado.
Referencia absoluta presentaciones Rubricas.
Referencia relativa electrónicas, videos,
 Incorporación de ejercicios, practicas, etc.,
Imágenes y elementos utilizando el lenguaje de
multimedia a las páginas programación de páginas
web. Web.
 Listas.
 Tablas. Expone la actividad de Realiza la actividad
 Formularios. Construye T a realizar. Construye T
CIERRE
ejercicios elaborados Marcadores
durante la semana. Programa del módulo
Guías pedagógicas
Realiza realimentación Fichas HSE
sobre lo revisado. Reflexiona sobre sus áreas Bibliografía
de oportunidad. Internet
Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
D. Implementación del código 7 Manejo de tablas con Emplear tablas con código Equipo de cómputo
HTML 5 para código HTML 5 HTML 5, para estructurar en Formativa Dispositivo de
el desarrollo de páginas Web. filas y columnas la Sumativa almacenamiento (USB)
 Aplicación de Formato a los información de las páginas Bibliografía
siguientes elementos de las web. Editor de texto plano.
páginas web. Navegador web.
Tipos de letra Software especializado.
Párrafos
Colores
 Creación de Hipervínculos
en las páginas web.
Referencia absoluta
Referencia relativa
 Incorporación de Imágenes
y elementos multimedia a las
páginas web.
 Listas.
 Tablas.
 Formularios.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Aprendizajes esperados: Resultado 1.2. Elabora páginas web estáticas Duració 35/25
de haciendo uso del lenguaje de n: horas
Aprendizaje etiquetas HTML 5 /1.3. Construye
: hojas de estilo en cascada (CSS)
de acuerdo con las
especificaciones del World
Wide Web Consortium (W3C)
1.2.1 Desarrolla la página web del sitio propuesto en la
actividad de evaluación 1.1.1, empleando los siguientes
elementos del lenguaje de
etiquetas HTML 5:
 Hipervínculos.
 Imágenes y elementos
multimedia.
Código CSS implementado para Actividad  Listas.
definir el aspecto de las páginas de  Tablas.
recopilar:
web. Evaluación:  Formularios.
/1.3.1 Construye hojas de estilo en cascada para definir su
aspecto y presentación de los siguientes elementos en las
páginas web desarrolladas:
Texto.
Enlaces.
Listas.
Tablas.
Formularios.

Usará el lenguaje HTML5 para insertar listas, tablas y 7/35

formularios en las páginas web.
APERTURA
Aplica la actividad de Sumativa Marcadores
evaluación del tema 1.2.1 Realiza la actividad de Programa del módulo
Desarrolla la página web del evaluación, utilizando las Guías pedagógicas
sitio propuesto en la etiquetas básicas del lenguaje Fichas HSE
actividad HTML5 vistas en clases. Bibliografía
de evaluación 1.1.1, Internet
empleando los siguientes Cuaderno de trabajo
elementos del lenguaje de Portafolio de evidencias
etiquetas HTML 5: Lista de asistencia
 Formato de texto. Laboratorio de computo
 Hipervínculos. Software especializado.
 Imágenes y elementos Rubricas.
multimedia.
 Listas.
 Tablas.
 Formularios.
DESARROLLO
Estrategias
Comenta en clase los Escucha con atención y Computadora
resultados de la actividad participa. Proyector
de evaluación realizada, Formativa. Pizarrón
Marcadores
efectuando una
coevaluación enfocada Guías pedagógicas
tanto al proceso Fichas HSE
ejecutado como a los Bibliografía
resultados obtenidos. Internet
Cuaderno de trabajo
Realiza ejercicios, prácticas, Portafolio de evidencias
Promueve la
investigaciones, tareas, etc. Lista de asistencia
participación y
compromiso del alumno Laboratorio de computo
en el desarrollo del tema Software especializado.
1.3.1. Rubricas.
Realiza la actividad
Construye T
CIERRE
Computadora
ejercicios elaborados Marcadores
durante la semana. Programa del módulo
Reflexiona sobre sus áreas Guías pedagógicas
Revisa la actividad de de oportunidad surgidas en Fichas HSE
evaluación del tema 1.2.1 la actividad de evaluación Bibliografía
Internet
Cuaderno de trabajo
Realiza realimentación Lista de asistencia
sobre lo revisado. Laboratorio de computo
Rubricas.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado 1.3. Construye hojas de estilo en
de cascada (CSS) de acuerdo con las Duració
Aprendizajes esperados: 25 horas
Aprendizaje especificaciones del World n:
: Wide Web Consortium (W3C)
Producto esperado/evidencia a Código CSS implementado para Actividad 1.3.1 Construye hojas de estilo en cascada para definir su
Texto.
definir el aspecto de las páginas de
recopilar: Enlaces.
web. Evaluación:
Listas.
Tablas.
Formularios.

Usará el lenguaje de programación de hojas de estilo

(css), para elaborar texto, enlaces, listas, etc.
APERTURA
Atiende al pase de lista Diagnostica Pizarrón
colaborativa y cooperativa a Programa del módulo
través de la realización de las Escucha con atención y participa. Guías pedagógicas
aprendizaje correspondientes, Bibliografía
durante el transcurso de cada Internet
Realiza preguntas abiertas o a Laboratorio de computo
través de una lluvia de ideas Software especializado.
para recordar los temas Rubricas.
anteriormente vistos.
DESARROLLO
Estrategias
Escucha con atención y Computadora
A. Identificación del Realiza ejercicios, participa. Proyector
lenguaje de CSS. exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
 Definición de CSS. demostraciones, presentaciones, Sumativa
 Especificación oficial de comentarios, simulaciones, etc., y pone Guías pedagógicas
CSS. conclusiones, atención a la explicación del Fichas HSE
 Funcionamiento básico. recapitulaciones, con docente, además toma nota. Bibliografía
 Formas de inclusión de evaluación sobre hojas Internet
CSS en HTML 5. de estilo (css). Presenta dudas específicas. Cuaderno de trabajo
 Glosario básico. Portafolio de evidencias
 Uso de comentarios. Aplica la practica #8 Lista de asistencia
 Sintaxis de la definición marcada en la guía de Realiza ejercicios, prácticas, Laboratorio de computo
de cada propiedad. estudio. investigaciones, tareas, etc. Software especializado.
 Selectores. Rubricas.
 Agrupación de reglas.
 Herencia.
 Colisiones de estilos. Realiza la prácticas #8.
 Unidades de medida. además elabora el reporte
 Colores. Expone la actividad de correspondiente de la
Construye T a realizar. práctica como evidencia.
Realiza la actividad
Construye T
CIERRE
Computadora
Revisa las tareas, Sumativa. Proyector
investigaciones, reportes y Reflexiona sobre sus áreas Pizarrón
ejercicios elaborados de oportunidad surgidas en Marcadores
durante la semana. la realización de la práctica. Programa del módulo
Guías pedagógicas
Fichas HSE
Bibliografía
Realiza realimentación Internet
sobre lo revisado. Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
A. Identificación del lenguaje 8 Creación de formularios Emplear formularios con Equipo de cómputo
de CSS. con código HTML 5 código HTML 5, para que Formativa Dispositivo de
 Definición de CSS. los usuarios interactúen con Sumativa almacenamiento (USB)
 Especificación oficial de las aplicaciones web. Bibliografía
CSS. Editor de texto plano.
 Funcionamiento básico. Navegador web.
 Formas de inclusión de CSS Software especializado.
en HTML 5.
 Glosario básico.
 Uso de comentarios.
 Sintaxis de la definición de
cada propiedad.
 Selectores.
 Agrupación de reglas.
 Herencia.
 Colisiones de estilos.
 Unidades de medida.
 Colores.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Texto.
recopilar: Enlaces.
web. Evaluación:
Listas.
Tablas.
Formularios.


APERTURA
DESARROLLO
Estrategias
B. Implementación de los Realiza ejercicios, participa. Proyector
elementos CSS exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
en la definición de la demostraciones, presentaciones, Sumativa
apariencia de los comentarios, simulaciones, etc., y pone Guías pedagógicas
elementos que integran las conclusiones, atención a la explicación del Fichas HSE
DESARROLLO
Estrategias
páginas recapitulaciones, con docente, además toma nota. Bibliografía
web. evaluación sobre hojas Internet
 Boxmodel. de estilo (css). Presenta dudas específicas. Cuaderno de trabajo
Anchura y altura.
Lista de asistencia
Margen y relleno. Aplica las practicas #9 y Laboratorio de computo
Bordes. #10 marcadas en la guía Realiza ejercicios, prácticas,
investigaciones, tareas, etc. Software especializado.
Margen, relleno, bordes y de estudio.
Rubricas.
boxmodel.
Fondos.
 Posicionamiento y
visualización. Realiza las prácticas #9 y
Tipos de elementos. 10. además elabora el
Posicionamiento normal. Expone la actividad de reporte correspondiente de
Posicionamiento float. Construye T a realizar. la práctica como evidencia.
Posicionamiento absoluto.
Visualización. Realiza la actividad
 Texto. Construye T
Tipografía.
Propiedades de Texto.
 Enlaces.
 Imágenes.
 Listas.
 Tablas.
 Formularios.
CIERRE
Computadora
durante la semana. la realización de las Programa del módulo
practicas. Guías pedagógicas
Fichas HSE
Bibliografía
sobre lo revisado. Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
B. Implementación de los 9 Declaración de hojas de Determinar las formas de Equipo de cómputo
elementos CSS estilo con código HTML 5 definir estilos con código Formativa Dispositivo de
en la definición de la HTML 5, para la inserción Sumativa almacenamiento (USB)
apariencia de los de hojas de estilo en Bibliografía
elementos que integran las cascada. Editor de texto plano.
páginas Navegador web.
web. Software especializado.
 Boxmodel. 10 Establecer apariencia del
Anchura y altura. texto y de la letra en las Definir propiedades con
Margen y relleno. páginas web con código código HTML 5, que
Bordes. HTML 5 permitan establecer la
Margen, relleno, bordes y apariencia del texto y de la
boxmodel. letra utilizada
Fondos.
visualización.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Texto.
recopilar: Enlaces.
web. Evaluación:
Listas.
Tablas.
Formularios.


APERTURA
DESARROLLO
Estrategias
B. Implementación de los Realiza ejercicios, participa. Proyector
elementos CSS exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
en la definición de la demostraciones, presentaciones, Sumativa
apariencia de los comentarios, simulaciones, etc., y pone Guías pedagógicas
elementos que integran las conclusiones, atención a la explicación del Fichas HSE
DESARROLLO
Estrategias
páginas recapitulaciones, con docente, además toma nota. Bibliografía
web. evaluación sobre hojas Internet
 Boxmodel. de estilo (css). Presenta dudas específicas. Cuaderno de trabajo
Anchura y altura.
Lista de asistencia
Margen y relleno. Aplica las practicas #11 Laboratorio de computo
Bordes. y #12 marcadas en la Realiza ejercicios, prácticas,
investigaciones, tareas, etc. Software especializado.
Margen, relleno, bordes y guía de estudio.
Rubricas.
boxmodel.
Fondos.
visualización. Realiza las prácticas #11 y
Tipos de elementos. 12. además elabora el
Posicionamiento normal. Expone la actividad de reporte correspondiente de
Posicionamiento float. Construye T a realizar. la práctica como evidencia.
Posicionamiento absoluto.
Visualización. Realiza la actividad
 Texto. Construye T
Tipografía.
Propiedades de Texto.
 Enlaces.
 Imágenes.
 Listas.
 Tablas.
 Formularios.
CIERRE
Computadora
Aplica la actividad de prácticas y la actividad de Guías pedagógicas
evaluación correspondiente evaluación. Fichas HSE
al tema 1.3.1 Bibliografía
Internet
Cuaderno de trabajo
Realiza realimentación Portafolio de evidencias
sobre la actividad de Lista de asistencia
evaluación.. Laboratorio de computo
Rubricas.
Técnica
 Posicionamiento y 11 Cambio de apariencia de Cambiar el aspecto de los Equipo de cómputo
visualización. la página web empleando hipervínculos y de las listas Formativa Dispositivo de
Tipos de elementos. estilos en los hipervínculos empleadas para mejorar la Sumativa almacenamiento (USB)
Posicionamiento normal. y en las listas apariencia de las páginas Bibliografía
Posicionamiento float. de las páginas web. web. Editor de texto plano.
Posicionamiento absoluto. Navegador web.
Visualización. Software especializado.
 Texto.
Tipografía. 12 Definición de Mejorar el aspecto de las
Propiedades de Texto. propiedades para el control tablas diseñadas mediante el
 Enlaces. del aspecto de las tablas uso de hojas de estilos en
 Imágenes. usando hojas de estilos cascada para su desarrollo.
 Listas. en cascada.
 Tablas.
 Formularios.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
2. Desarrollo de páginas web dinámicas. Desarrollar sitios web de acuerdo con los estándares
Propósito
del módulo:
del usuario.
del Módulo:
2.1 Implementa interactividad a
Resultado
las páginas web, mediante el
de Duració
Aprendizajes esperados: desarrollo de código de 30 horas
Aprendizaje n:
programación
:
en un lenguaje script
2.1.1 Desarrolla código de programación para
implementar interactividad a las páginas web
desarrolladas haciendo uso de los siguientes elementos
Código fuente del lenguaje de script Actividad del lenguaje JavaScript:
utilizado en las páginas web de  Variables.
recopilar:
desarrolladas. Evaluación:  Operadores.
 Estructuras de control
 Funciones predefinidas
de JavaScript.

Identificara y usara código JavaScript para desarrollar

paginas web.
APERTURA
Enfatiza los objetivos del Marcadores
módulo precisados en la Programa del módulo
anterior unidad, de forma que Escucha con atención y participa. Guías pedagógicas
se renueve el compromiso del Fichas HSE
grupo para su logro. Bibliografía
Realiza preguntas abiertas o a Internet
través de una lluvia de ideas Cuaderno de trabajo
para recordar los temas Portafolio de evidencias
anteriormente vistos. Lista de asistencia
Organizar Laboratorio de computo
sistemáticamente la Software especializado.
información que se ha de Rubricas.
manejar y procesar para su
aprendizaje. Efectuando
explícitamente la
APERTURA
vinculación
de esta unidad con la que
precede, con el fin de que
el alumno valore su
importancia académica y
curricular.
DESARROLLO
Estrategias
A. Identificación del Realiza ejercicios, participa. Proyector
lenguaje de JavaScript. exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
 Especificaciones oficiales. demostraciones, presentaciones, Sumativa
 Formas de incluir comentarios, simulaciones, etc., y pone Guías pedagógicas
JavaScript en conclusiones, atención a la explicación del Fichas HSE
HTML 5. recapitulaciones, con docente, además toma nota. Bibliografía
 Etiqueta <noscript> evaluación sobre Internet
 Glosario básico. elementos del lenguaje Presenta dudas específicas. Cuaderno de trabajo
 Sintaxis. JavaScript. Portafolio de evidencias
B. Implementación de los Realiza ejercicios, prácticas, Lista de asistencia
elementos del investigaciones, tareas, etc. Laboratorio de computo
lenguaje de script en las Aplica la practica #13 Realiza la práctica #13. Software especializado.
páginas web marcada en la guía de además elabora el reporte Rubricas.
para el desarrollo de páginas estudio. correspondiente de la
web práctica como evidencia.
dinámicas.
 Variables. Expone la actividad de Realiza la actividad
Numéricas. Construye T a realizar. Construye T
Cadenas de texto.
Arrays.
Booleanos
CIERRE
Computadora
prácticas y lo realizado Guías pedagógicas
durante la semana. Fichas HSE
Realiza realimentación Bibliografía
sobre las actividades Internet
realizadas. Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
A. Identificación del lenguaje 13 Inclusión de código Identificar las distintas Equipo de cómputo
de JavaScript. JavaScript en HTML 5 formas de incrustar código Formativa Dispositivo de
 Especificaciones oficiales. empleando un archivo del lenguaje de Sumativa almacenamiento (USB)
 Formas de incluir externo programación JavaScript en Bibliografía
JavaScript en HTML 5, para su Editor de texto plano.
HTML 5. desarrollo. Navegador web.
 Etiqueta <noscript> Software especializado.
 Glosario básico.
 Sintaxis.
B. Implementación de los
elementos del
lenguaje de script en las
páginas web
para el desarrollo de páginas
web
dinámicas.
 Variables.
Numéricas.
Cadenas de texto.
Arrays.
Booleanos
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado
de Duració
Aprendizaje n:
programación
:
recopilar:
de JavaScript.


páginas web.
APERTURA
Organiza Laboratorio de computo
explícitamente la
APERTURA
vinculación
el alumno valore su
curricular.
DESARROLLO
Estrategias
 Operadores. Realiza ejercicios, participa. Proyector
Asignación exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
Incremento y decremento. demostraciones, presentaciones, Sumativa
Lógicos. comentarios, simulaciones, etc., y pone Guías pedagógicas
Matemáticos. conclusiones, atención a la explicación del Fichas HSE
Relacionales. recapitulaciones, con docente, además toma nota. Bibliografía
 Estructuras de control evaluación sobre Internet
If elementos del lenguaje Presenta dudas específicas. Cuaderno de trabajo
If…else JavaScript para que los Portafolio de evidencias
For alumnos entiendan las Realiza ejercicios, prácticas, Lista de asistencia
For…in estructuras de control y investigaciones, tareas, etc. Laboratorio de computo
 Funciones predefinidas de funciones predefinidas. Realiza la práctica #14. Software especializado.
JavaScript para: además elabora el reporte Rubricas.
Cadenas de texto. correspondiente de la
Arrays. Aplica la practica #14 práctica como evidencia.
Números. marcada en la guía de
 Construcción de funciones estudio. Realiza la actividad
Argumentos y valores de Construye T
retorno.
Ámbito de las variables. Expone la actividad de
CIERRE
Computadora
Lista de asistencia
Rubricas.
Técnica
 Operadores. 14 Uso de variables Emplear variables Equipo de cómputo
Asignación empleando JavaScript JavaScript por medio de su Formativa Dispositivo de
Incremento y decremento. código para almacenar y Sumativa almacenamiento (USB)
Lógicos. hacer referencias a valores. Bibliografía
Matemáticos. Editor de texto plano.
Relacionales. Navegador web.
 Estructuras de control Software especializado.
If
If…else
For
For…in
 Funciones predefinidas de
JavaScript para:
Cadenas de texto.
Arrays.
Números.
 Construcción de funciones
Argumentos y valores de
retorno.
Ámbito de las variables.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado
de Duració
Aprendizaje n:
programación
:
recopilar:
de JavaScript.


páginas web.
APERTURA
Organiza Laboratorio de computo
explícitamente la
APERTURA
vinculación
el alumno valore su
curricular.
DESARROLLO
Estrategias
 Operadores. Realiza ejercicios, participa. Proyector
Asignación exposiciones, Visualiza las Formativa. Pizarrón
Marcadores
Incremento y decremento. demostraciones, presentaciones, Sumativa
Lógicos. comentarios, simulaciones, etc., y pone Guías pedagógicas
Matemáticos. conclusiones, atención a la explicación del Fichas HSE
Relacionales. recapitulaciones, con docente, además toma nota. Bibliografía
 Estructuras de control evaluación sobre Internet
If elementos del lenguaje Presenta dudas específicas. Cuaderno de trabajo
If…else JavaScript para que los Portafolio de evidencias
For alumnos entiendan las Realiza ejercicios, prácticas, Lista de asistencia
For…in estructuras de control y investigaciones, tareas, etc. Laboratorio de computo
 Funciones predefinidas de funciones predefinidas. Realiza la práctica #15. Software especializado.
JavaScript para: además elabora el reporte Rubricas.
Cadenas de texto. correspondiente de la
Arrays. Aplica la practica #15 práctica como evidencia.
Números. marcada en la guía de
 Construcción de funciones estudio. Realiza la actividad
Argumentos y valores de Construye T
retorno.
Ámbito de las variables. Expone la actividad de
CIERRE
Computadora
Lista de asistencia
Rubricas.
Técnica
 Operadores. 15 Manejo de arreglos con Emplear arreglos con Equipo de cómputo
Asignación JavaScript JavaScript para almacenar Formativa Dispositivo de
Incremento y decremento. múltiples valores. Sumativa almacenamiento (USB)
Lógicos. Bibliografía
Matemáticos. Editor de texto plano.
Relacionales. Navegador web.
 Estructuras de control Software especializado.
If
If…else
For
For…in
 Funciones predefinidas de
JavaScript para:
Cadenas de texto.
Arrays.
Números.
 Construcción de funciones
Argumentos y valores de
retorno.
Ámbito de las variables.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Aprendizajes esperados: Resultado 2.1 Implementa interactividad a Duració 30 horas
de las páginas web, mediante el n:
Aprendizaje desarrollo de código de
: programación
en un lenguaje script/2.2
Establece el acceso a bases de
datos en páginas web mediante el
desarrollo de código en un
lenguaje de programación.
recopilar:
de JavaScript.


páginas web./
Propósito de aprendizaje: Número de sesión 6/30
14/18 Duración:
Identificara y usara código para conectar las páginas web 2/34
con las bases de datos.
APERTURA
Realiza preguntas abiertas o a Marcadores
través de una lluvia de ideas Programa del módulo
para recordar los temas Escucha con atención y participa. Guías pedagógicas
anteriormente vistos. Fichas HSE
Organiza Bibliografía
sistemáticamente la Internet
información que se ha de Cuaderno de trabajo
Lista de asistencia
aprendizaje. Efectuando Laboratorio de computo
explícitamente la Software especializado.
vinculación
Rubricas.
el alumno valore su
curricular.
DESARROLLO
Estrategias
Computadora
A. Configuración del Aplica la actividad de Proyector
entorno de trabajo de la evaluación Realiza la actividad de Formativa. Pizarrón
Marcadores
base de datos. correspondiente al tema. evaluación del tema 2.1 Sumativa
 Creación de bases de Guías pedagógicas
datos Abordar el segundo Fichas HSE
 Configuración de la base resultado de aprendizaje Escucha con atención y Bibliografía
de datos. relacionado con el acceso participa. Internet
B. Uso del lenguaje de a las bases de datos en Visualiza las Cuaderno de trabajo
programación con páginas web y a la presentaciones, Portafolio de evidencias
soporte de bases de datos en programación de simulaciones, etc., y pone Lista de asistencia
web. interfaces de la atención a la explicación del Laboratorio de computo
 Sintaxis. aplicación con las bases docente, además toma nota. Software especializado.
 Constantes y variables. de datos para el manejo Rubricas.
 Arreglos. dinámico de la Presenta dudas específicas.
HTML Tutorial. Recuperado
 Estructuras de Control de información, a través del el 20/11/2017 de
flujo. desarrollo de formularios Realiza ejercicios, prácticas, https://www.w3schools.com
 Funciones. dinámicos, empleando el investigaciones, tareas, etc. /html/default.asp
lenguaje de CSS Tutorial.
programación Recuperado el 20/11/2017 de
seleccionado para el https://www.w3schools.com
desarrollo de las /css/default.asp
aplicaciones. JavaScript Tutorial.
Recuperado el 20/11/2017 de
Realiza ejercicios,
https://www.w3schools.com
exposiciones, /js/default.asp
demostraciones,
comentarios, Realiza la actividad
conclusiones, Construye T
recapitulaciones, con
evaluación.
CIERRE
Computadora
investigaciones, reportes, Reflexiona sobre sus áreas Pizarrón
ejercicios y la actividad de de oportunidad surgidas en Marcadores
evaluación elaborados la realización de las Programa del módulo
durante la semana. prácticas y lo realizado Guías pedagógicas
Bibliografía
sobre la actividad de Cuaderno de trabajo
evaluación.. Portafolio de evidencias
Lista de asistencia
Rubricas.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
Resultado 2.2 Establece el acceso a bases de
de datos en páginas web mediante el Duració
Aprendizaje desarrollo de código en un n:
: lenguaje de programación.
Producto esperado/evidencia a Código de programación Actividad 2.2.1. Desarrolla el código de
programación para establecer la conectividad
con las bases de datos en la implementación dinámica de
la información contenida en las tablas de las bases de
datos, haciendo uso de los siguientes elementos:
 Constantes.
de los formularios
desarrollados para la de  Variables.
recopilar:
explotación de información de la Evaluación:  Arreglos.
base de datos.  Estructuras de Control de
flujo.
 Funciones.
 Formularios.

Identificara y usara código para conectar las páginas web

APERTURA
Lista de asistencia
vinculación
APERTURA
de esta unidad con la que Rubricas.
el alumno valore su
curricular.
Fortalece la reflexión y el
razonamiento como
elementos precedentes ya sea
para la programación
estructurada, o para el
análisis y diseño
páginas web dinámicas a
requerimiento del usuario.
DESARROLLO
Estrategias
Aborda el segundo Computadora
A. Configuración del resultado de aprendizaje Proyector
entorno de trabajo de la relacionado con el acceso Escucha con atención y Formativa. Pizarrón
Marcadores
base de datos. a las bases de datos en participa. Sumativa
 Creación de bases de páginas web y a la Visualiza las Guías pedagógicas
datos programación de presentaciones, Fichas HSE
 Configuración de la base interfaces de la simulaciones, etc., y pone Bibliografía
de datos. aplicación con las bases atención a la explicación del Internet
B. Uso del lenguaje de de datos para el manejo docente, además toma nota. Cuaderno de trabajo
programación con dinámico de la Portafolio de evidencias
soporte de bases de datos en información, a través del Presenta dudas específicas. Lista de asistencia
web. desarrollo de formularios Laboratorio de computo
 Sintaxis. dinámicos, empleando el Realiza ejercicios, prácticas, Software especializado.
 Constantes y variables. lenguaje de investigaciones, tareas, etc. Rubricas.
 Arreglos. programación  PHP 5 Tutorial. Recuperado
el 22/11/2017 de
 Estructuras de Control de seleccionado para el https://www.w3schools.
flujo. desarrollo de las com/php/default.asp
 Funciones. aplicaciones.  SQL Tutorial. Recuperado
Realiza ejercicios, el 23/11/2017 de
exposiciones, https://www.w3schools.com
demostraciones, /sql/default.asp
comentarios, Realiza las practicas  Monotematicos.
conclusiones, 16,17,18,19,20 y 21. Recuperado el 21/11/2017 de
Además elabora el reporte https://desarrolloweb.com
/monotematicos/
evaluación. de cada práctica.
Aplica las practicas #16
hasta la #21.
CIERRE
Computadora
sobre las practicas Internet
realizadas Cuaderno de trabajo
Lista de asistencia
Rubricas.
Técnica
A. Configuración del entorno 16 Almacena valores mediante Almacenar valores con uso de Equipo de cómputo
de trabajo de la declaración y uso de variables variables mediante lenguaje de Formativa Dispositivo de
base de datos. desarrollo seleccionado para su Sumativa almacenamiento (USB)
muestra.
 Creación de bases de datos Bibliografía
17 Realiza operaciones con
 Configuración de la base de declaración y uso de variables Realizar operaciones que hagan
Editor de texto plano.
datos. uso de variables mediante Navegador web.
B. Uso del lenguaje de lenguaje de desarrollo Software especializado.
programación con 18 Almacena valores múltiples seleccionado para almacenar y
soporte de bases de datos en usando de arreglos procesar información.
web.
 Sintaxis. Emplear arreglos simples
 Constantes y variables. 19 Controla el flujo de la mediante lenguaje de desarrollo
información usando sentencia seleccionado para almacenar
 Arreglos.
condicional if-else valores múltiples.
 Estructuras de Control de
flujo. 20 Calcula el factorial de un Hacer uso de la sentencia if-else
 Funciones. número usando sentencia for mediante lenguaje de desarrollo
seleccionado para controlar el
21 Calcula la descomposición flujo de la información.
factorial usando sentencia
while Hacer uso de la sentencia for
mediante lenguaje de desarrollo
seleccionado para calcular el
factorial de un número.
Hacer uso de la sentencia
while mediante lenguaje de
desarrollo seleccionado para
calcular la descomposición
factorial.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
 Constantes.
de los formularios
recopilar:
flujo.
 Funciones.
 Formularios.


APERTURA
Lista de asistencia
vinculación
APERTURA
el alumno valore su
curricular.
razonamiento como
análisis y diseño
DESARROLLO
Estrategias
B. Uso del lenguaje de Aborda el segundo Computadora
programación con soporte de resultado de aprendizaje Proyector
bases de datos en web. relacionado con el acceso Escucha con atención y Formativa. Pizarrón
Marcadores
 Sintaxis. a las bases de datos en participa. Sumativa
 Constantes y variables. páginas web y a la Visualiza las Guías pedagógicas
 Arreglos. programación de presentaciones, Fichas HSE
 Estructuras de Control de interfaces de la simulaciones, etc., y pone Bibliografía
flujo. aplicación con las bases atención a la explicación del Internet
 Funciones. de datos para el manejo docente, además toma nota. Cuaderno de trabajo
C. Elaboración de dinámico de la Portafolio de evidencias
formularios dinámicos en información, a través del Presenta dudas específicas. Lista de asistencia
páginas web mediante el uso desarrollo de formularios Laboratorio de computo
de un lenguaje de dinámicos, empleando el Realiza ejercicios, prácticas, Software especializado.
programación del lado lenguaje de investigaciones, tareas, etc. Rubricas.
deservidor de. programación  PHP 5 Tutorial. Recuperado
el 22/11/2017 de
 Inserción. seleccionado para el https://www.w3schools.
 Modificación. desarrollo de las com/php/default.asp
 Eliminación aplicaciones.  SQL Tutorial. Recuperado
Realiza ejercicios, el 23/11/2017 de
/monotematicos/
hasta la #27.
CIERRE
Computadora
Lista de asistencia
Rubricas.
Técnica
B. Uso del lenguaje de 22 Calcula raíces con el Hacer uso de funciones Equipo de cómputo
programación con soporte de empleo de funciones mediante lenguaje de desarrollo Formativa Dispositivo de
bases de datos en web. seleccionado para calcular la Sumativa almacenamiento (USB)
23 Guarda accesos a raíz cuadrada y raíz cúbica de
 Sintaxis. Bibliografía
aplicaciones con empleo de un número dado.
 Constantes y variables. cookies Hacer uso de cookies mediante
 Arreglos. configuración propia para Navegador web.
 Estructuras de Control de 24 Guarda accesos a guardar los accesos a las Software especializado.
flujo. aplicaciones con empleo de aplicaciones por parte de los
 Funciones. sesiones usuarios.
C. Elaboración de formularios Hacer uso de sesiones mediante
dinámicos en páginas web 25 Crea base de datos y tablas configuración de prioridades,
mediante el uso de un lenguaje mediante sentencias SQL para guardar los accesos a las
aplicaciones por parte de los
de programación del lado
26 Conexión de la aplicación usuarios.
deservidor de. con el motor de bases de datos Generar bases de datos y tablas
 Inserción. mediante sentencias SQL mediante sentencias SQL, que
 Modificación. almacenarán la información de
 Eliminación 27 Consulta de registros de la una aplicación.
base de datos empleando un Elaborar un script mediante
criterio de selección. sentencias SQL, que permita
realizar la conexión a la base de
datos.
Realizar consultas a la base de
datos empleando un criterio de
selección para presentar
información en las páginas
web.
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
 Constantes.
de los formularios
recopilar:
flujo.
 Funciones.
 Formularios.


APERTURA
Lista de asistencia
vinculación
APERTURA
el alumno valore su
curricular.
razonamiento como
análisis y diseño
DESARROLLO
Estrategias
Aborda el segundo Computadora
B. Uso del lenguaje de resultado de aprendizaje Proyector
programación con soporte de relacionado con el acceso Escucha con atención y Formativa. Pizarrón
Marcadores
bases de datos en web. a las bases de datos en participa. Sumativa
 Sintaxis. páginas web y a la Visualiza las Guías pedagógicas
 Constantes y variables. programación de presentaciones, Fichas HSE
 Arreglos. interfaces de la simulaciones, etc., y pone Bibliografía
 Estructuras de Control de aplicación con las bases atención a la explicación del Internet
flujo. de datos para el manejo docente, además toma nota. Cuaderno de trabajo
 Funciones. dinámico de la Portafolio de evidencias
C. Elaboración de información, a través del Presenta dudas específicas. Lista de asistencia
formularios dinámicos en desarrollo de formularios Laboratorio de computo
páginas web mediante el uso dinámicos, empleando el Realiza ejercicios, prácticas, Software especializado.
de un lenguaje de lenguaje de investigaciones, tareas, etc. Rubricas.
programación del lado programación  PHP 5 Tutorial. Recuperado
el 22/11/2017 de
deservidor de. seleccionado para el https://www.w3schools.
 Inserción. desarrollo de las com/php/default.asp
 Modificación. aplicaciones.  SQL Tutorial. Recuperado
 Eliminación Realiza ejercicios, el 23/11/2017 de
/monotematicos/
hasta la #33.
CIERRE
Computadora
Lista de asistencia
Rubricas.
Técnica
B. Uso del lenguaje de 28 Consulta de registros de la Realizar consultas a la base de Equipo de cómputo
programación con soporte de base de datos empleando un datos empleando criterios de Formativa Dispositivo de
bases de datos en web. criterio de selección. selección que obtenga Sumativa almacenamiento (USB)
búsquedas
 Sintaxis. Bibliografía
29 Diseño de formularios para Agrega registros en la base de
 Constantes y variables. agregar registros. datos con desarrollo de
 Arreglos. formularios para su Navegador web.
 Estructuras de Control de 30 Diseño de formularios de actualización. Software especializado.
flujo. eliminación de registros Elimina registros en la base de
 Funciones. datos con desarrollo de
C. Elaboración de formularios 31 Modifica registros en la formularios para su depuración.
dinámicos en páginas web base de datos con desarrollo de Elaborar formularios mediante
mediante el uso de un lenguaje formularios. desarrollo de programación
para modificar registros de la
de programación del lado
32 Mantiene la integridad de la base de datos.
deservidor de. información mediante Validar la información de
 Inserción. validación de datos de entrada mediante
 Modificación. formularios. formularios diseñados para
 Eliminación
asegurar la integridad.
33 Acceso mediante contraseña
a la aplicación.
Implementar la solicitud de
usuario mediante contraseña
para permitir solo el acceso
a usuarios autorizados a las
páginas web
Técnica
Nombre del
Plantel:
Nombre del Semestre

Módulo: :
Propósito
del módulo:
del usuario.
del Módulo:
 Constantes.
de los formularios
recopilar:
flujo.
 Funciones.
 Formularios.


APERTURA
Lista de asistencia
vinculación
APERTURA
el alumno valore su
curricular.
razonamiento como
análisis y diseño
DESARROLLO
Estrategias
Realiza ejercicios, Presenta dudas específicas. Computadora
exposiciones, Proyector
demostraciones, Realiza ejercicios, prácticas, Formativa. Pizarrón
investigaciones, tareas, etc. Marcadores
comentarios, Sumativa
conclusiones, Guías pedagógicas
recapitulaciones, con Fichas HSE
evaluación sobre la Bibliografía
conexión a la base de Internet
datos. Cuaderno de trabajo
Aplica la actividad de Realiza la actividad de Lista de asistencia
evaluación del tema 2.2.1 evaluación del tema 2.2.1 Laboratorio de computo
Expone la actividad de Realiza la actividad Rubricas.
Construye T a realizar. Construye T  PHP 5 Tutorial. Recuperado
el 22/11/2017 de
https://www.w3schools.
com/php/default.asp
 SQL Tutorial. Recuperado
el 23/11/2017 de
https://www.w3schools.com
/sql/default.asp
 Monotematicos.
Recuperado el 21/11/2017 de
https://desarrolloweb.com
/monotematicos/
CIERRE
Computadora
durante la semana y la la realización de las Programa del módulo
actividad de evaluación prácticas y lo realizado Guías pedagógicas
Bibliografía
sobre las practicas Cuaderno de trabajo
realizadas y la actividad de Portafolio de evidencias
evaluación. Lista de asistencia
Realiza el cierre de la Laboratorio de computo
materia. Software especializado.
Rubricas.
Técnica

FO04.1-7.5 Plan Sesión Diseño 2020

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

FO04.1-7.5 Plan Sesión Diseño 2020

Загружено:

Авторское право:

Доступные форматы

Planeación didáctica

Código: FO04.1-7.5 Versión: 06

Nombre del Semestre

Resultado 1.1. Diseña la estructura del sitio

Dimensión Número y Duración:

Identificara los elementos necesarios para determinar, y

Nombre del Semestre

Dimensión Número y Duración:

Diseñara y elaborara los diferentes elementos que se

Nombre del Semestre

Dimensión Número y Duración:

Identificara las etiquetas de HTML 5 necesarias para 4/20

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara las normas mínimas requeridas para

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje HTML5 para realizar hipervínculos,

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje HTML5 para insertar listas, tablas y

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje HTML5 para insertar listas, tablas y 7/35

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje de programación de hojas de estilo

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje de programación de hojas de estilo

Nombre del Semestre

Dimensión Número y Duración:

Usará el lenguaje de programación de hojas de estilo

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código JavaScript para desarrollar

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código JavaScript para desarrollar

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código JavaScript para desarrollar

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código JavaScript para desarrollar

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código para conectar las páginas web

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código para conectar las páginas web

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código para conectar las páginas web

Nombre del Semestre

Dimensión Número y Duración:

Identificara y usara código para conectar las páginas web

Вам также может понравиться