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

Dirección de Formación Técnica y Capacitación
PLAN SESIÓN
Código: FO04.1-7.5 Versión: 05
Responsable: Formación Técnica Fecha: 14-enero-19
Instrucciones: Con base en el Programa de estudios del módulo, favor de requisitar el siguiente formato iniciando con los Datos de
identificación. Asimismo, en la sección 1. “Competencia del Módulo”, indique con una “X” el tipo de competencia a desarrollar; y en
el apartado 2. “Modelo Académico” señale con una “X” el Modelo Académico al que pertenece (año 2008 ó 2018) y para la sección 3
incluir las descritas en el apartado 5 del Programa de estudios del módulo.
En relación a la Secuencia didáctica, para los números 4, 5, 6 y 7 favor de obtener la información de los apartados 8 y 9 del Programa
de estudio del módulo.
Definir el propósito de la sesión respetando la siguiente estructura: verbo en futuro, acción y finalidad, el número y la duración de la
sesión incluyendo el tiempo asignado al desarrollo de la habilidad socioemocional cuando corresponda.
Indicar la Dimensión específica con la Habilidad socioemocional indicada en el apartado 8 del Programa de estudios del módulo, así
como el número, nombre y duración de la lección seleccionada de acuerdo al módulo a impartir.
Desarrollar la secuencia didáctica considerando las orientaciones del Documento “Criterios administrativos y académicos para el
desarrollo de la planeación didáctica”.
Calle 16 de Septiembre No. 147 Nte., Col. Lázaro Cárdenas, Metepec, Estado de México, CP 52148
Teléfono 01 (722) 2 71 08 00 ext. 2734 www.gob.mx/conalep
DATOS DE IDENTIFICACIÓN
Nombre del CONALEP Silao Semestre: SEXTO
Plantel:
Nombre del EDGAR IVÁN HERNÁNDEZ RODRÍGUEZ Nombre del DISEÑO Y ELABORACIÓN DE PAGINAS WEB
docente: Módulo:
Desarrollar sitios web de acuerdo con los Nombre y número 1. Desarrollo de páginas web estáticas
estándares internacionales establecidos de de la Unidad de
diseño y desarrollo web, atendiendo los Aprendizaje:
Propósito del requerimientos del usuario, para mostrar y
módulo: actualizar la información contenida en las
páginas web, incluyendo la de las bases de
datos asociadas, sin importar la
localización física del usuario.
1. Competencia Profesion Disciplina Se expresa y comunica
X 4. Escucha, interpreta y emite mensajes pertinentes en
del Módulo: al r 3. Competencia distintos contextos mediante la utilización de medios, códigos
Genérica y sus y herramientas apropiados.
2. Modelo Modelo Modelo Piensa crítica y reflexivamente
X atributos:
Académico: 2008 2018 5. Desarrolla innovaciones y propone soluciones a problemas
a partir de métodos establecidos.
SECUENCIA DIDÁCTICA
4. Aprendizaje 5. Resultado de 1.1. Diseña la estructura del sitio web con base en
esperado: Aprendizaje: las mejores prácticas y los requerimientos del cliente.
 Documento con la estructura propuesta 1.1.1 Elabora la justificación y la estructura propuesta

del sitio. del sitio web acorde con los requerimientos del
usuario, en la que define:
 Objetivo del sitio.
7. Actividad
 Audiencia.
de
6. Producto esperado:  Contenidos.
Evaluación
 Mapa del sitio.
:  Sistemas de Navegación.
 Borradores de páginas.
 Maqueta web.
Comprenderá los conceptos de la DISEÑO Y Duración de

ELABORACIÓN DE PAGINAS WEB, así como su la sesión
Número de 460(8
Propósito de la sesión: estructura básica. 1/18 (en
sesión: clases)
minutos)
Fichas de HSE de la Dimensión relaciónate T 1 Duración

Dimensión Número y
colaboración. (en
Socioemocional/Habilida nombre de la 20
minutos)
d Socioemocional Lección:
Recursos y materiales Duración

Estrategias
Contenido Específico didácticos (en minutos)
Enseñanza Aprendizaje Evaluación
A. Identificación de El Docente: Lap Top
elementos Web. Cañón
INICIO: El alumno: Diagnostica Pintaron 30
 Internet.
-Bienvenida Marcadores
 World Wide Web. Programa del módulo
 Navegadores Web. - Dará a conocer el Guías pedagógicas
 Protocolo HTTP. propósito y programa del - Conocerá y tomará nota Fichas HSE
 Protocolo FTP. módulo. del propósito y programa Bibliografía
 W3C. del módulo. Internet
-Solicitará la Lápiz
 CSS.
participación en la - Participará en la Cuaderno
 Lenguajes del lado del elaboración de las reglas elaboración de las reglas Portafolio de evidencias
usuario. de clase. clase. Evaluación diagnóstica
HTML. Lista de asistencia
JavaScript. -Dará a conocer la -Conocerá y tomará nota Laboratorio de computo
HTML 5 ponderación a la rúbrica de la rúbrica de
XML de evaluación. evaluación.
 Lenguajes del lado del
servidor. -Dará a conocer el -Conocerá y tomará nota
propósito de la sesión, las del propósito de la sesión,
B. Comprobación de
competencias y HSE que las competencias y HSE
uso de estándares en se desarrollaran. que desarrollará.
el código de
programación. -Pasará lista
 Validación de HTML. -Resolverá evaluación
 Validación de CSS. -Aplicará evaluación diagnóstica.

diagnóstica.
DESARROLLO Realizara la actividad de la Formativa 20

: ficha HSE
-Aplicará Fichas de HSE
 Realizar una 400

- A través de exposición investigación documental
explicará la Identificación y elabora una tabla en la
de elementos de la que describa los siguientes
DISEÑO Y elementos web:
ELABORACIÓN DE Internet
PAGINAS WEB. Protocolo HTTP.
* Explicara mediante Protocolo FTP.
técnica expositiva los W3C.
diferentes conceptos de Hojas de estilo en cascada
una página web. (CSS).
Lenguajes de
programación del lado del
cliente orientados al
desarrollo web.
Lenguajes de
programación del lado del
servidor orientados al
desarrollo web.
10
Anotara las dudas y
CIERRE: aclaraciones sobre la
Retroalimentará los temas retroalimentación del
expuestos en esta sesión. docente.
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

LINF. EDGAR IVÁN HERNÁNDEZ RODRÍGUEZ Lic. Jorge Daniel López López
Plantel:
docente: Módulo:
estándares internacionales establecidos de de la Unidad de
diseño y desarrollo web, atendiendo los Aprendizaje:
páginas web, incluyendo la de las bases de
datos asociadas, sin importar la
2. Competencia Se expresa y comunica
del Módulo: 4. Escucha, interpreta y emite mensajes pertinentes en
distintos contextos mediante la utilización de medios, códigos
Profesion Disciplina y herramientas apropiados.
X Piensa crítica y reflexivamente
al r 5. Desarrolla innovaciones y propone soluciones a problemas
4. Competencia a partir de métodos establecidos.
Genérica y sus
atributos:
3. Modelo
Académico:
Modelo Modelo
X
2008 2018
8. Aprendizaje 9. Resultado de 1.1. Diseña la estructura del sitio web con base en
esperado: Aprendizaje: las mejores prácticas y los requerimientos del cliente.
10. Producto  Documento con la estructura propuesta 11. Actividad 1.1.1 Elabora la justificación y la estructura propuesta
esperado: del sitio. de del sitio web acorde con los requerimientos del
Evaluación usuario, en la que define:
:  Objetivo del sitio.
 Audiencia.
 Contenidos.
 Mapa del sitio.
 Sistemas de Navegación.
 Maqueta web.
Propondrá la creación de una estructura básica de un Duración de

sitio web para tener la base se su propio sitio. la sesión
Número de 460(8
Propósito de la sesión: 2/18 (en
sesión: clases)
minutos)

colaboración. (en
Socioemocional/Habilida nombre de la 20
minutos)
d Socioemocional Lección:

Estrategias
C. Determinación de la El Docente: Lap Top
información del Cañón
sitio.
 Definición del objetivo
-Conocerá y tomará nota Programa del módulo
del sitio. -Dará a conocer el del propósito de la sesión, Guías pedagógicas
 Definición de la propósito de la sesión, las las competencias y HSE Fichas HSE
audiencia. competencias. que desarrollará. Bibliografía
 Definición de Internet
contenidos. - Realizar evaluación Lápiz
D. Diseño de la diagnostica de temas -Resolverá evaluación Cuaderno
estructura del sitio. previos. diagnóstica. Portafolio de evidencias
Evaluación diagnóstica
 Elaboración de mapas Lista de asistencia
del sitio. DESARROLLO: Laboratorio de computo
 Definición de los
sistemas de -Aplicará Fichas de HSE Realizara la actividad de la 20
navegación. ficha HSE

- Abordará la
determinación de la Elige las fuentes de
estructura del sitio web información más 220
mediante investigación, relevantes al realizar
identificación y uso del labores de investigación
conjunto de métodos y documental y discrimina
herramientas entre ellas a fin de
que permitan organizar presentar información que
los contenidos del sitio sea de utilidad y confiable.
web de manera tal que
permitan ser encontrados
y utilizados por los Formativa
usuarios, de manera
simple y directa.
-Establecerá los criterios Realizará el ejercicio No. 220

para la realización de la 1 definición del Sitio Web.
actividad 1.
CIERRE:
Retroalimentará los temas Anotara las dudas y
expuestos en esta sesión. aclaraciones sobre la 10
retroalimentación del
DESPEDIDA. docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
estándares internacionales establecidos de la Unidad de
de diseño y desarrollo web, atendiendo los Aprendizaje:
páginas web, incluyendo la de las bases
de datos asociadas, sin importar la
3. Competencia Profesion Disciplin Se expresa y comunica
del Módulo: al ar 5. Competencia distintos contextos mediante la utilización de medios, códigos
X atributos:
1.1. Diseña la estructura del sitio web con base en
13. Resultad las mejores prácticas y los requerimientos del
12. Aprendiza cliente.
o de
je esperado: 1.2 Elabora páginas web estáticas haciendo uso del
Aprendizaje:
lenguaje de etiquetas HTML 5
1.2.
14. Producto  Código HTML 5 de las páginas web 15. Actividad de 1.1.1 Elabora la justificación y la estructura
esperado: desarrolladas. Evaluación: propuesta del sitio web acorde con los
requerimientos del usuario, en la que define:
 Objetivo del sitio.

 Audiencia.
 Contenidos.
 Mapa del sitio.
 Sistemas de Navegación.
 Maqueta web.
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:
 Formato de texto.
 Hipervínculos.
 Imágenes y elementos multimedia.
 Listas.
 Tablas.
 Formularios.
Dará a conocer al alumno la base principal para la Duración

creación de un sitio web mediante código HTML5, así de la sesión
Número de 460(8
Propósito de la sesión: mismo creando su maqueta web. 3/18 (en
sesión: clases)
minutos)
Fichas de HSE de la Dimensión relaciónate 3 Duración

T colaboración. (en
Socioemocional/Habilidad nombre de la 20
minutos)
Socioemocional Lección:

Estrategias
E. Determinación de El Docente: Lap Top
elementos de los Cañón
sistemas de -Bienvenida Marcadores

navegación. -Conocerá y tomará nota Programa del módulo
 Definición del diseño -Dará a conocer el del propósito de la sesión, Guías pedagógicas
propósito de la sesión, las las competencias y HSE Fichas HSE
visual.
competencias. que desarrollará. Bibliografía
 Diseño de las Internet
estructuras de las - Realizar evaluación Lápiz
páginas. diagnostica de temas -Resolverá evaluación Cuaderno
 Bocetos de diseño. previos. diagnóstica. Portafolio de evidencias
 Borradores de página. Evaluación diagnóstica
Lista de asistencia
 Maqueta Web.
DESARROLLO: Laboratorio de computo
Formativa y
-Aplicará Fichas de HSE Realizara la actividad de la
ficha HSE sumativa 20
.
- Establecerá los criterios -realizara la actividad de
para la elaboración de su evaluación 1.1.1
maqueta web, con el fin 210
de realizar la evaluación
1.1.1
Aborda el desarrollo de Ordenará la información 110

1.2 sitios web mediante el uso en las páginas web de Formativa
A. Identificación de las de un lenguaje para acuerdo a categorías,
Normas mínimas desarrollo de páginas web jerarquías y relaciones a
para facilitar el acceso. fin de presentar
 Peso de las Páginas. información al usuario que
sea fácil de entender.
 Diagramación de las
Páginas. -Establecerá los criterios Realizará la practica No. 1
 Uso de para la realización de la y 2 realizando la evidencia 120
Presentaciones en practica 1 y 2 contenida electrónica para revisión
Flash. en la guía de estudios. .
 Uso de Marcos o .
Frames.
.
 Uso de imágenes de
Anotara las dudas y
fondo. CIERRE: aclaraciones sobre la 10
 Uso de meta tags Retroalimentará los temas retroalimentación del
adecuados. expuestos en esta sesión. docente.
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
X atributos:
17. Resultad 1.2 Elabora páginas web estáticas haciendo uso del
16. Aprendiza
o de lenguaje de etiquetas HTML 5
je esperado:
Aprendizaje:
18. Producto  Código HTML 5 de las páginas web 19. Actividad de 1.2.1 Desarrolla la página web del sitio propuesto
esperado: desarrolladas. Evaluación: en la actividad de evaluación
 Hipervínculos.

 Listas.
 Tablas.
 Formularios.
Felicitará al alumno las herramientas necesarias para el Duración

manejo de elementos multimedia en el desarrollo de un de la sesión
Número de 460(8
Propósito de la sesión: sitio web. 4/18 (en
sesión: clases)
minutos)

minutos)

Estrategias
B. Uso de las Normas El Docente: Lap Top
requeridas en la Cañón
incorporación de
elementos gráficos y -Bienvenida Marcadores
multimedia. -Dará a conocer el del propósito de la sesión, Guías pedagógicas
 Optimización del peso propósito de la sesión, las las competencias y HSE Fichas HSE
de las competencias. que desarrollará. Bibliografía
imágenes. Internet
 Formato de imágenes. - Realizar evaluación Lápiz
 Ubicación de diagnostica de temas -Resolverá evaluación Cuaderno
imágenes. previos. diagnóstica. Portafolio de evidencias
 Uso del atributo ALT. Lista de asistencia
 Imágenes con alto y DESARROLLO: Laboratorio de computo
ancho.
 Manejo de Plugins. -Aplicará Fichas de HSE Realizara la actividad de la 20
ficha HSE
.
Expondrá el uso del -realizará las anotaciones

lenguaje de programación correspondientes y Formativa 210
del lado del cliente establecerá un orden para
XHTML en la que poder realizar ejercicios
presenta los principales prácticos con los códigos
elementos empleados en aprendidos.
el desarrollo de páginas
web en el ámbito
multimedia.
-Establecerá los criterios Realizará la practica No. 3 230

para la realización de la y 4 realizando la evidencia
practica 3 y 4 contenida electrónica para revisión
en la guía de estudios. .
.
CIERRE: Anotara las dudas y 10

Retroalimentará los temas aclaraciones sobre la
expuestos en esta sesión. retroalimentación del
docente.
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
X atributos:
20. Aprendiza lenguaje de etiquetas HTML 5
o de
je esperado:
Aprendizaje:
 Hipervínculos.
 Listas.
 Tablas.
 Formularios.
Dará a conocer al alumno la base principal para la Duración

creación de un sitio web mediante código HTML5. de la sesión
Número de 460(8
Propósito de la sesión: 5/18 (en
sesión: clases)
minutos)

minutos)

Estrategias
C. Establecimiento del El Docente: Lap Top
entorno para el Cañón
desarrollo de un sitio
web. -Bienvenida Marcadores
 Herramientas para el -Dará a conocer el del propósito de la sesión, Guías pedagógicas
desarrollo. propósito de la sesión, las las competencias y HSE Fichas HSE
 Planificación del competencias. que desarrollará. Bibliografía
trabajo. Internet
 Elementos gráficos y - Realizar evaluación Lápiz
diagnostica de temas -Resolverá evaluación Cuaderno
multimedia. previos. diagnóstica. Portafolio de evidencias
Lista de asistencia
-Aplicará Fichas de HSE Realizara la actividad de la 20

ficha HSE
.
-Implementará reglas de -realizará las anotaciones Formativa 270
estilo a las páginas web correspondientes y

mediante el uso del establecerá un orden para
lenguaje de programación poder realizar ejercicios
de Hojas de Estilos en prácticos con los códigos
Cascada a fin de obtener aprendidos.
un diseño estandarizado
en los elementos
empleados.
170
-Establecerá los criterios Realizará la practica No. 5
practica 5 y 6 contenida electrónica para revisión
.
.
10
CIERRE: Anotara las dudas y
Retroalimentará los temas aclaraciones sobre la
docente.
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
X atributos:
o de
je esperado:
Aprendizaje:
 Hipervínculos.
 Listas.
 Tablas.
 Formularios.
Impartir los conceptos y estructura para el desarrollo de Duración

la información requerida en las solicitudes de de la sesión
Número de 460(8
Propósito de la sesión: información en un sitio web. 6/18 (en
sesión: clases)
minutos)

minutos)

Estrategias
D. Implementación del El Docente: Lap Top
código HTML 5 para Cañón
Web. -Bienvenida Marcadores
 Aplicación de Formato -Dará a conocer el del propósito de la sesión, Guías pedagógicas
a los propósito de la sesión, las las competencias y HSE Fichas HSE
siguientes elementos de competencias. que desarrollará. Bibliografía
las Internet
páginas web. - Realizar evaluación Lápiz
Tipos de letra diagnostica de temas -Resolverá evaluación Cuaderno
Párrafos previos. diagnóstica. Portafolio de evidencias
Colores Evaluación diagnóstica
Lista de asistencia
 Creación de
Hipervínculos en las
páginas web. -Aplicará Fichas de HSE Realizara la actividad de la
Referencia absoluta
20
ficha HSE
Referencia relativa .
-presentara los elementos -realizará las anotaciones Formativa 320
necesarios en el diseño de correspondientes y

un sitio redirigido, así establecerá un orden para
como en los elementos poder realizar ejercicios
necesarios para la prácticos con los códigos
recolección de aprendidos.
información del mismo
sitio.
-Establecerá los criterios

para la realización de la Realizará la practica No. 7
practica 7 contenida en la realizando la evidencia 120
guía de estudios. electrónica para revisión
. .
.
CIERRE:
DESPEDIDA. docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
X atributos:
o de
je esperado:
Aprendizaje:
 Hipervínculos.
 Listas.
 Tablas.
 Formularios.
Impartir los conceptos y estructura para el desarrollo de Duración

la información requerida en las solicitudes de de la sesión
Número de 460(8
Propósito de la sesión: información en un sitio web. 7/18 (en
sesión: clases)
minutos)

minutos)

Estrategias
D. Implementación del El Docente: Lap Top
código HTML 5 para Cañón
Web. -Bienvenida Marcadores
Imágenes y -Dará a conocer el del propósito de la sesión, Guías pedagógicas
elementos multimedia a propósito de la sesión, las las competencias y HSE Fichas HSE
las páginas competencias. que desarrollará. Bibliografía
web. Internet
 Listas. - Realizar evaluación Lápiz
 Tablas. diagnostica de temas -Resolverá evaluación Cuaderno
 Formularios. previos. diagnóstica. Portafolio de evidencias
Lista de asistencia

ficha HSE
.
-presentara los elementos -realizará las anotaciones Formativa 180

necesarios en el diseño de correspondientes y
un sitio redirigido, así establecerá un orden para
como en los elementos poder realizar ejercicios

necesarios para la prácticos con los códigos
recolección de aprendidos.
información del mismo
sitio.
. .
Dará a conocer los
requisitos y criterios para Realizara la actividad de
la aplicación de la evaluación 1.2.1, 260
actividad de evaluación mostrando evidencia
1.2.1 electrónica y cotejando
. con la rúbrica
correspondiente
CIERRE: 10
Retroalimentará los temas
expuestos en esta sesión. Anotara las dudas y
aclaraciones sobre la
DESPEDIDA. retroalimentación del
docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente: Módulo:
de diseño y desarrollo web, atendiendo Aprendizaje:
Propósito del los requerimientos del usuario, para
módulo: mostrar y actualizar la información
contenida en las páginas web, incluyendo
la de las bases de datos asociadas, sin
importar la localización física del usuario.
del Módulo: al ar
10. Competenci distintos contextos mediante la utilización de medios,
códigos y herramientas apropiados.
a Genérica y sus Piensa crítica y reflexivamente
9. Modelo Modelo Modelo
X atributos: 5. Desarrolla innovaciones y propone soluciones a
Académico: 2008 2018
problemas
33. Resultad 1.3. Construye hojas de estilo en cascada (CSS) de
32. Aprendiza acuerdo con las especificaciones del World
o de
je esperado: Wide Web Consortium (W3C)
Aprendizaje:
34. Producto Código CSS implementado para definir 35. Actividad de 1.3.1 Construye hojas de estilo en cascada para
esperado: el aspecto de las páginas web. Evaluación: definir su aspecto y presentación de los siguientes
elementos en las páginas web desarrolladas:
Texto.
Enlaces.
Listas.
Tablas.
Formularios.
Brindar al alumno la posibilidad de hacer un sitio web Duración

visiblemente profesional y atractivo al público que va de la sesión
Número de 460(8
Propósito de la sesión: dirigido. 8/18 (en
sesión: clases)
minutos)

minutos)

Estrategias
A. Identificación del El Docente: Lap Top
lenguaje de CSS. Cañón
 Definición de CSS.
 Especificación oficial -Conocerá y tomará nota Programa del módulo
de CSS. -Dará a conocer el del propósito de la sesión, Guías pedagógicas
 Funcionamiento propósito de la sesión, las las competencias y HSE Fichas HSE
básico. competencias. que desarrollará. Bibliografía
 Formas de inclusión Internet
de CSS en - Realizar evaluación Lápiz
HTML 5. diagnostica de temas -Resolverá evaluación Cuaderno
previos. diagnóstica. Portafolio de evidencias
 Glosario básico. Evaluación diagnóstica
 Uso de comentarios. Lista de asistencia
 Sintaxis de la DESARROLLO: Laboratorio de computo
definición de cada
propiedad. -Aplicará Fichas de HSE Realizara la actividad de la 20
 Selectores. ficha HSE
.
 Agrupación de reglas. -Abordará la construcción - establecerá un orden para
 Herencia. de hojas de estilo en poder realizar ejercicios Formativa 210
 Colisiones de estilos. cascada mediante el prácticos con los códigos
 Unidades de medida. desarrollo de código del aprendidos
 Colores. lenguaje de hojas de estilo complementando el sitio

en cascada. web sugerido para el
proyecto final

practica 8 y 9 contenida electrónica para revisión 230
.
.
CIERRE: Anotara las dudas y

Retroalimentará los temas aclaraciones sobre la 10
docente.
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
Nombre del EDGAR IVÁN HERNÁNDEZ RODRÍGUEZ Nombre del Módulo: DISEÑO Y ELABORACIÓN DE PAGINAS WEB
docente:
del Módulo: al ar
problemas
o de
Aprendizaje:
Código CSS implementado para definir 1.3.1 Construye hojas de estilo en cascada para
el aspecto de las páginas web. definir su aspecto y presentación de los siguientes
Texto.
38. Producto 39. Actividad de Enlaces.
esperado: Evaluación: Listas.
Tablas.
Formularios.
Proporcionar estrategias para el manejo de elementos Duración

en un sitio web, a fin de mejorar si visibilidad y realizar de la sesión
Número de 460(8
Propósito de la sesión: cambios atractivos. 9/18 (en
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
B. Implementación de El Docente: Lap Top
los elementos CSS Cañón
en la definición de la
apariencia de los
elementos que integran -Dará a conocer el del propósito de la sesión, Guías pedagógicas
las páginas propósito de la sesión, las las competencias y HSE Fichas HSE
web. competencias. que desarrollará. Bibliografía
 Boxmodel. Internet
Anchura y altura. - Realizar evaluación Lápiz
Margen y relleno. diagnostica de temas -Resolverá evaluación Cuaderno
Bordes. previos. diagnóstica. Portafolio de evidencias
Margen, relleno, bordes y Evaluación diagnóstica
boxmodel. Lista de asistencia
Fondos. DESARROLLO: Laboratorio de computo

ficha HSE
- proporcionará - Seguirá instrucciones y

herramientas para procedimientos de manera Formativa 260
controlar el aspecto y reflexiva en la realización
presentación de los de cada una de las
documentos electrónicos prácticas realizadas,
definidos con HTML y comprendiendo como cada
XHTML, permitiendo uno de los pasos

elaborar páginas web contribuye al desarrollo e
complejas al separar los integración de sitios web.
contenidos y la
presentación de los
mismos mediante CSS.
180
-Establecerá los criterios Realizará la practica No.
para la realización de la 10 y 11 realizando la
practica 10 y 11 contenida evidencia electrónica para
en la guía de estudios. revisión
. .
CIERRE:
docente.
10
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
del Módulo: al ar
problemas
o de
Aprendizaje:
Código CSS implementado para definir 1.3.1 Construye hojas de estilo en cascada para
el aspecto de las páginas web. definir su aspecto y presentación de los siguientes
Texto.
42. Producto 43. Actividad de Enlaces.
esperado: Evaluación: Listas.
Tablas.
Formularios.
Propósito de la sesión: Proporcionar estrategias para el manejo de elementos Número de 10/18 Duración 460(8
en un sitio web, a fin de mejorar si visibilidad y realizar sesión: de la sesión clases)
cambios atractivos. (en
minutos)

colaboración. (en
minutos)

Estrategias
los elementos CSS Cañón
en la definición de la
apariencia de los -Bienvenida Marcadores
elementos que integran -Dará a conocer el del propósito de la sesión, Guías pedagógicas
las páginas propósito de la sesión, las las competencias y HSE Fichas HSE
web. competencias. que desarrollará. Bibliografía
 Posicionamiento y Internet
visualización. - Realizar evaluación Lápiz
Tipos de elementos. diagnostica de temas -Resolverá evaluación Cuaderno
Posicionamiento normal. previos. diagnóstica. Portafolio de evidencias
Posicionamiento float. Evaluación diagnóstica
Posicionamiento absoluto. Lista de asistencia
Visualización. DESARROLLO: Laboratorio de computo
 Texto. -Aplicará Fichas de HSE Realizara la actividad de la
Tipografía. 20
ficha HSE
Propiedades de Texto.
 Enlaces. - proporcionará - Seguirá instrucciones y
 Imágenes. herramientas para procedimientos de manera Formativa 200
 Listas. controlar el aspecto y reflexiva en la realización
presentación de los de cada una de las
 Tablas.
documentos electrónicos prácticas realizadas,
 Formularios. definidos con HTML y comprendiendo como cada
XHTML, permitiendo uno de los pasos
elaborar páginas web contribuye al desarrollo e
complejas al separar los integración de sitios web.
contenidos y la
presentación de los - Sintetiza las evidencias

mismos mediante CSS. obtenidas en el desarrollo
de aplicaciones para
producir conclusiones y
formular nuevas
aplicaciones.

para la realización de la 12 realizando la evidencia
practica 12 contenida en electrónica para revisión
la guía de estudios. .
.
Dará a conocer los Realizará la actividad de
requisitos y criterios para evaluación 1.3.1, en la 180
la aplicación de la cual plasmará el avance de
actividad de evaluación conocimiento en si sitio
1.3.1 la cual incluir en su web propuesto mostrando
sitio web sugerido evidencia electrónica y
. cotejando con la rúbrica
correspondiente
CIERRE:
DESPEDIDA. docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
Desarrollar sitios web de acuerdo con los Nombre y número 2. Desarrollo de páginas web dinámicas
del Módulo: al ar
problemas
45. Resultad 2.1 Implementa interactividad a las páginas web,
44. Aprendiza mediante el desarrollo de código de programación
o de
je esperado: en un lenguaje script
Aprendizaje:
 Código fuente del lenguaje de script 2.1.1 Desarrolla código de programación para
utilizado en las páginas implementar interactividad a las páginas web
webs desarrolladas. desarrolladas haciendo uso de los siguientes
elementos del lenguaje JavaScript:
46. Producto 47. Actividad de
 Variables.
esperado: Evaluación:  Operadores.
 Estructuras de control
 Funciones predefinidas
de JavaScript.
Propósito de la sesión: Establecer los métodos necesarios y mejor propuestos Número de 11/18 Duración 460(8
para lograr un sitio de manera atractivo y sobre todo sesión: de la sesión clases)
interactivo con el usuario. (en
minutos)

colaboración. (en
minutos)

Estrategias
A. Identificación del El Docente: Lap Top
lenguaje de JavaScript. Cañón
webs desarrolladas.
 Especificaciones
oficiales. -Dará a conocer el del propósito de la sesión, Guías pedagógicas
 Formas de incluir propósito de la sesión, las las competencias y HSE Fichas HSE
JavaScript en competencias. que desarrollará. Bibliografía
HTML 5. Internet
 Etiqueta <no script> - Realizar evaluación Lápiz
 Glosario básico. diagnostica de temas -Resolverá evaluación Cuaderno
 Sintaxis. Evaluación diagnóstica
Lista de asistencia

ficha HSE
- Enfatizará los objetivos - Sintetiza las evidencias Formativa 200

del módulo precisados en obtenidas en el desarrollo
la anterior unidad, de de aplicaciones para
forma que se renueve el producir conclusiones y
compromiso del grupo formular nuevas
para su logro. aplicaciones.
- propondrá la realización - realizara los ejercicios

de ejercicios insertando correspondientes el
código de animación. manejo básico de
JavaScript.
240
.
10
Anotara las dudas y
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
del Módulo: al ar
problemas
o de
Aprendizaje:
 Variables.
de JavaScript.
Propósito de la sesión: Establecer los métodos necesarios y mejor propuestos Número de 12/18 Duración 460(8
para lograr un sitio de manera atractivo y sobre todo sesión: de la sesión clases)
interactivo con el usuario. (en
minutos)

colaboración. (en
minutos)

Estrategias
los elementos del Cañón
lenguaje de script en las
páginas web -Bienvenida Marcadores
para el desarrollo de -Dará a conocer el del propósito de la sesión, Guías pedagógicas
páginas web propósito de la sesión, las las competencias y HSE Fichas HSE
dinámicas. competencias. que desarrollará. Bibliografía
 Variables. Internet
Numéricas. - Realizar evaluación Lápiz
Cadenas de texto. diagnostica de temas -Resolverá evaluación Cuaderno
Arrays. previos. diagnóstica. Portafolio de evidencias
Booleanos Evaluación diagnóstica
Lista de asistencia
-Aplicará Fichas de HSE Realizara la actividad de la Formativa 20

ficha HSE
- Fortalecerá la reflexión - Organizará 200

y el razonamiento como sistemáticamente la
elementos precedentes ya información que se ha de
sea para la programación manejar y procesar para su
estructurada, o para el aprendizaje.
análisis y diseño páginas - Sintetiza las evidencias
web dinámicas a obtenidas en el desarrollo
requerimiento del usuario. de aplicaciones para
producir conclusiones y
formular nuevas
aplicaciones.

para la realización de la
practica 15 a la 17 Realizará la practica No.
contenida en la guía de 15 a la 17 realizando la
estudios. evidencia electrónica para 240
. revisión
.
CIERRE:
DESPEDIDA. retroalimentación del 10
docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
Propósito del Desarrollar sitios web de acuerdo con los Nombre y número 2. Desarrollo de páginas web dinámicas
módulo: estándares internacionales establecidos de la Unidad de
de diseño y desarrollo web, atendiendo
los requerimientos del usuario, para Aprendizaje:

mostrar y actualizar la información
del Módulo: al ar
problemas
o de
Aprendizaje:
 Variables.
de JavaScript.
Establecer los métodos necesarios y mejor propuestos Duración
para lograr un sitio de manera atractivo y sobre todo de la sesión
Número de 460(8
Propósito de la sesión: interactivo con el usuario. 13/18 (en
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
páginas web dinámicas. propósito de la sesión, las las competencias y HSE Fichas HSE
 Operadores. competencias. que desarrollará. Bibliografía
Asignación Internet
Incremento y decremento. - Realizar evaluación Lápiz
Lógicos. diagnostica de temas -Resolverá evaluación Cuaderno
Matemáticos. previos. diagnóstica. Portafolio de evidencias
Relacionales. Evaluación diagnóstica
Lista de asistencia

ficha HSE
- Fortalecerá la reflexión - Sintetizará las evidencias Formativa 80

y el razonamiento como obtenidas en el desarrollo
elementos precedentes ya de aplicaciones para
sea para la programación producir conclusiones y
estructurada, o para el formular nuevas
análisis y diseño páginas aplicaciones.
web dinámicas a
requerimiento del usuario.
- propondrá la realización
de ejercicios insertando
código de animación. - realizara los ejercicios
correspondientes el
manejo básico de
JavaScript.
para la realización de la 360
practica 18 a la 21 Realizará la practica No.
contenida en la guía de 18 a la 21 realizando la

estudios. evidencia electrónica para
. revisión
. .
CIERRE:
docente.
10
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
Propósito del Desarrollar sitios web de acuerdo con los Nombre y número 2. Desarrollo de páginas web dinámicas
módulo: estándares internacionales establecidos de la Unidad de
los requerimientos del usuario, para
mostrar y actualizar la información

del Módulo: al ar
problemas
o de
Aprendizaje:
 Variables.
de JavaScript.
Establecer los métodos necesarios y mejor propuestos Duración
para lograr un sitio de manera atractivo y sobre todo de la sesión
Número de 460(8
Propósito de la sesión: interactivo con el usuario. 14/18 (en
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
páginas web propósito de la sesión, las las competencias y HSE Fichas HSE
dinámicas. competencias. que desarrollará. Bibliografía
 Estructuras de control Internet
- Realizar evaluación Lápiz
If diagnostica de temas -Resolverá evaluación Cuaderno
If…else Evaluación diagnóstica
For Lista de asistencia
For…in DESARROLLO: Laboratorio de computo
-Aplicará Fichas de HSE Realizara la actividad de la Formativa 20

ficha HSE
100

para la realización de la 22 a la 24 realizando la
practica 22 a la 24 evidencia electrónica para
contenida en la guía de revisión
estudios. .
.
.
Dará a conocer los Realizará la actividad de
requisitos y criterios para evaluación 1.3.1, en la Formativa y 100
la aplicación de la cual plasmará el avance de sumativa
actividad de evaluación conocimiento en si sitio
1.3.1 la cual incluir en su web propuesto mostrando
sitio web sugerido evidencia electrónica y
cotejando con la rúbrica
correspondiente
10
CIERRE:
expuestos en esta sesión. . Anotara las dudas y
docente
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
15. Competencia Profesion Disciplin 17. Competenci Se expresa y comunica
del Módulo: al ar a Genérica y sus
distintos contextos mediante la utilización de medios,
16. Modelo Modelo X Modelo atributos: códigos y herramientas apropiados.
Académico: 2008 2018 Piensa crítica y reflexivamente
5. Desarrolla innovaciones y propone soluciones a

problemas
61. Resultad 2.2 Establece el acceso a bases de datos en
60. Aprendiza páginas web mediante el desarrollo de código en
o de
je esperado: un lenguaje de programación.
Aprendizaje:
 Código de programación de los 2.2.1. Desarrolla el código de programación
formularios desarrollados para la para establecer la conectividad con las bases de
explotación de información de la base de datos en la implementación dinámica de la
datos. información contenida en las tablas de las bases de
datos, haciendo uso de los siguientes elementos:
 Constantes.
 Variables.
esperado: Evaluación:  Arreglos.
 Estructuras de Control de flujo.
 Funciones.
 Formularios.
Proporcionar los recursos para realizar conexiones de la Duración

información a las bases de datos a fin de poder realizar de la sesión
Número de 460(8
Propósito de la sesión: acciones de guardado y consulta de información. 15/18 (en
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
A. Configuración del El Docente: Lap Top

entorno de trabajo de la Cañón
base de datos.
 Creación de bases de
datos -Dará a conocer el del propósito de la sesión, Guías pedagógicas
 Configuración de la propósito de la sesión, las las competencias y HSE Fichas HSE
base de datos. competencias. que desarrollará. Bibliografía
B. Uso del lenguaje de Internet
programación con - Realizar evaluación Lápiz
soporte de bases de diagnostica de temas -Resolverá evaluación Cuaderno
datos en web. previos. diagnóstica. Portafolio de evidencias
 Sintaxis. Lista de asistencia
 Constantes y DESARROLLO: Laboratorio de computo
variables.
 Arreglos. -Aplicará Fichas de HSE Realizara la actividad de la 20
 Estructuras de Control ficha HSE
de flujo. - Efectuará explícitamente
 Funciones. la explicación de la - realizará anotaciones Formativa 260
importancia del uso de las correspondientes a fin de
bases de datos. aplicar en su sitio web.
- expondrá ejemplos - Sintetiza las evidencias

donde plasme la forma de obtenidas en el desarrollo
configuración e de aplicaciones para
instalación de las bases de producir conclusiones y
datos. formular nuevas
aplicaciones.
Realizará la practica No. 180

-Establecerá los criterios 25 a la 27 realizando la
para la realización de la evidencia electrónica para
practica 25 a la 27 revisión
contenida en la guía de .
estudios.
.
Anotara las dudas y 10
DESPEDIDA.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
del Módulo: al ar
problemas

o de
Aprendizaje:
 Constantes.
 Variables.
 Funciones.
 Formularios.

Número de 460(8
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
C. Elaboración de El Docente: Lap Top
formularios dinámicos Cañón
en
páginas web mediante -Bienvenida Marcadores
el uso de un -Dará a conocer el del propósito de la sesión, Guías pedagógicas

lenguaje de propósito de la sesión, las las competencias y HSE Fichas HSE
programación del lado competencias. que desarrollará. Bibliografía
del servidor de. Internet
- Realizar evaluación Lápiz
 Inserción. diagnostica de temas -Resolverá evaluación Cuaderno
 Modificación. previos. diagnóstica. Portafolio de evidencias
 Eliminación Evaluación diagnóstica
Lista de asistencia

ficha HSE
-
‘realizará ejercicios Realizará ejercicios Formativa 200
prácticos para el manejo prácticos con ayuda del
de la información en las docente a fin de
bases de datos mediante comprender la
PHP. manipulación de la
información

para la realización de la 28 y 29 realizando la 240
. .
CIERRE:
expuestos en esta sesión. aclaraciones sobre la
retroalimentación del 10
DESPEDIDA. docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
del Módulo: al ar
problemas
o de
Aprendizaje:

 Constantes.
 Variables.
 Funciones.
 Formularios.

Número de 460(8
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
en
 Inserción. - Realizar evaluación Lápiz

 Modificación. diagnostica de temas -Resolverá evaluación Cuaderno
 Eliminación Evaluación diagnóstica
Lista de asistencia

ficha HSE
-
‘realizará ejercicios Realizará ejercicios Formativa 200
información

para la realización de la 30 y 31 realizando la 240
. .
CIERRE:
expuestos en esta sesión. aclaraciones sobre la
retroalimentación del 10
DESPEDIDA. docente.
Elaboró: ________________________________ Validó: ______________________________________

Plantel:
docente:
del Módulo: al ar
problemas
o de
Aprendizaje:
74. Producto  Código de programación de los 75. Actividad de 2.2.1. Desarrolla el código de programación

 Constantes.
 Variables.
esperado: Evaluación:
 Arreglos.
 Funciones.
 Formularios.

Número de 460(8
sesión: clases)
minutos)

colaboración. (en
minutos)

Estrategias
en
 Inserción. - Realizar evaluación Lápiz
 Modificación. diagnostica de temas -Resolverá evaluación Cuaderno

 Eliminación previos. diagnóstica. Portafolio de evidencias
Lista de asistencia

ficha HSE
- Formativa 100
‘realizará ejercicios Realizará ejercicios
información

. .
Dará a conocer los Formativa, sumativa 200

requisitos y criterios para Realizara la actividad de
la aplicación de la evaluación 1.3.1, en la y heteroevaluación
actividad de evaluación cual, mostrara su sistema
1.3.1 la cual incluir en su final de sitio web
sitio web sugerido contemplando la
información vista en todo
el módulo y cotejando con
CIERRE: la rúbrica correspondiente.
expuestos en esta sesión. Anotara las dudas y 10
docente.
Elaboró: ________________________________ Validó: ______________________________________


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

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

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

Cargado por

Copyright:

Formatos disponibles

Dirección de Formación Técnica y Capacitación

 Documento con la estructura propuesta 1.1.1 Elabora la justificación y la estructura propuesta

Comprenderá los conceptos de la DISEÑO Y Duración de

Fichas de HSE de la Dimensión relaciónate T 1 Duración

Recursos y materiales Duración

 Validación de CSS. -Aplicará evaluación diagnóstica.

DESARROLLO Realizara la actividad de la Formativa 20

 Realizar una 400

Elaboró: ________________________________ Validó: ______________________________________

Propondrá la creación de una estructura básica de un Duración de

Fichas de HSE de la Dimensión relaciónate T 2 Duración

Recursos y materiales Duración

navegación. ficha HSE

-Establecerá los criterios Realizará el ejercicio No. 220

Elaboró: ________________________________ Validó: ______________________________________

 Objetivo del sitio.

1.2.1 Desarrolla la página web del sitio propuesto

Dará a conocer al alumno la base principal para la Duración

Fichas de HSE de la Dimensión relaciónate 3 Duración

Recursos y materiales Duración

sistemas de -Bienvenida Marcadores

Aborda el desarrollo de Ordenará la información 110

Elaboró: ________________________________ Validó: ______________________________________

 Imágenes y elementos multimedia.

Felicitará al alumno las herramientas necesarias para el Duración

Fichas de HSE de la Dimensión relaciónate 4 Duración

Recursos y materiales Duración

Expondrá el uso del -realizará las anotaciones

-Establecerá los criterios Realizará la practica No. 3 230

CIERRE: Anotara las dudas y 10

Elaboró: ________________________________ Validó: ______________________________________

Dará a conocer al alumno la base principal para la Duración

Fichas de HSE de la Dimensión relaciónate 5 Duración

Recursos y materiales Duración

-Aplicará Fichas de HSE Realizara la actividad de la 20

-Implementará reglas de -realizará las anotaciones Formativa 270

estilo a las páginas web correspondientes y

Elaboró: ________________________________ Validó: ______________________________________

Impartir los conceptos y estructura para el desarrollo de Duración

Fichas de HSE de la Dimensión relaciónate 6 Duración

Recursos y materiales Duración

-presentara los elementos -realizará las anotaciones Formativa 320

necesarios en el diseño de correspondientes y

-Establecerá los criterios

Elaboró: ________________________________ Validó: ______________________________________

Impartir los conceptos y estructura para el desarrollo de Duración

Fichas de HSE de la Dimensión relaciónate 7 Duración

Recursos y materiales Duración

-Aplicará Fichas de HSE Realizara la actividad de la 20

-presentara los elementos -realizará las anotaciones Formativa 180

como en los elementos poder realizar ejercicios

Elaboró: ________________________________ Validó: ______________________________________

Brindar al alumno la posibilidad de hacer un sitio web Duración

Fichas de HSE de la Dimensión relaciónate 8 Duración

Recursos y materiales Duración

 Colores. lenguaje de hojas de estilo complementando el sitio

-Establecerá los criterios Realizará la practica No. 8

CIERRE: Anotara las dudas y

Elaboró: ________________________________ Validó: ______________________________________

Proporcionar estrategias para el manejo de elementos Duración

Fichas de HSE de la Dimensión relaciónate T 9 Duración

Recursos y materiales Duración

-Aplicará Fichas de HSE Realizara la actividad de la 20

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______

Elaboró: Validó: ______