Escuela: PREPARATORIA MAESTROS MEXICANOS 8423 Clave: 08SBC2172S

Nombre del docente: JULIO GERARDO PIMIENTA TRUJILLO Semestre: SEXTO

Fecha: Periodo de
Asignatura: FORMACION PARA EL TRABAJO EN TICS Del 24 de Marzo al 17 de Junio del 2022
aplicación:
Campo disciplinar:
COMUNICACION Grupo: 6° C
Ciclo Escolar: 2022 Competencias: CG4.5, CG5.1, CG5.6, CG8.1, CPBTIC7
4.5 MANEJA LAS TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN PARA
OBTENER INFORMACIÓN Y EXPRESAR IDEAS.
MODULO IV
5.1 SIGUE INSTRUCCIONES Y PROCEDIMIENTOS DE MANERA REFLEXIVA,
COMPRENDIENDO COMO CADA UNO DE SUS PASOS CONTRIBUYE AL ALCANCE
SUBMODULO 1 Atributos de
Bloque: DE UN OBJETIVO.
SOFTWARE DE Competencia
5.6 UTILIZA LAS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN PARA
DISEÑO s genéricas
PROCESAR E INTERPRETAR INFORMACIÓN.
8.1 PROPONE MANERAS DE SOLUCIONAR UN PROBLEMA O DESARROLLAR UN
PAGINAS W EB
PROYECTO EN EQUIPO, DEFINIENDO UN CURSO DE ACCIÓN CON PASOS
ESPECÍFICOS.
Propósito de la DESARROLLAR LA CAPACIDAD PARA PROPONER SOLUCIONES A PROBLEMAS DEL CONTEXTO LABORAL Y ESCOLAR
Asignatura: MEDIANTE LA APLICACIÓN DE LAS TECNOLOGIAS DE LA INFORMACION Y DE LA COMUNICACIÓN DE FORMA
CREATIVA E INNOVADORA, CON UNA POSTURA ETICA Y RESPONSABLE COMO CIUDADANO DIGITAL.
Eje:
DISEÑA PAGINAS WEB, ANIMACIONES MULTIMEDIA. IMÁGENES DIGITALES E IMPRESAS, PARA GENERAR
Componente: PRODUCTOS DE COMUNICACIÓN Y PUBLICIDAD EN EL AMBITO LABORAL Y COMUNITARIO, FAVORECIENDO EL
DESARROLLO ETICO, CREATIVO E INTERCULTURAL DEL ENTORNO
Contenido Central: PAGINAS W EB
Contenido Específico:
Aprendizajes CONSTRUYE UNA PÁGINA W EB, UTILIZANDO ELEMENTOS DEL SOFTWARE DE DISEÑO W EB, FAVORECIENDO SU
esperados CREATIVIDAD E INNOVACIÓN, PARA COMUNICAR INFORMACIÓN EN DISTINTOS CONTEXTOS.
Atributos vinculados a los
aprendizajes esperados CG4.5, CG5.1, CG5.6, CG8.1, CPBTIC7
Producto de la secuencia (Evidencia) Número de sesiones de la secuencia 48

Transversalidad:
Asignatura : Administración, Ecología y medio ambiente
Emprendimiento, vinculación laboral
Iniciar, continuar y concluir sus estudios de nivel superior
 Secuencia didáctica
Plan de Recursos y
evaluación materiales para
Actividades de Apertura (Aprendizajes previos) (Criterios e favorecer el
instrumentos aprendizaje de los
de evaluación) estudiantes
El docente comenta a los alumnos el nombre del submódulo y en general los temas a revisar durante 7 semanas.
Problematizació
Presenta la problematización a resolver al final del submódulo y los productos a generar además de la Pizarrón
n y productos
interdisciplinariedad con .
esperados
El alumno realiza anotaciones en su cuaderno para tenerlo presente al finalizar el submódulo.
Evaluación diagnóstica.
Después aplica a los alumnos una evaluación Diagnóstica de tipo (puede ser cuestionario, práctico,
Evaluación
oral, etc.), para conocer que tanto saben sobre cómo crear páginas web.
diagnóstica / Internet
El alumno presenta la evaluación diagnóstica sobre términos a usar en este submódulo.
Cuestionario
El docente detecta las oportunidades de algunos alumnos con los resultados del diagnóstico y los regulariza para
iniciar las temáticas del submódulo.
Activación de conocimientos previos.
El docente aplica la estrategia de telaraña semántica para activar los conocimientos previos de los alumnos sobre Respuestas en Pizarrón
páginas web. el cuaderno Computadoras
El alumno participa en la estrategia aportando sus conceptos sobre las páginas web y realizar en grupo su Internet
definición.
Conexión con nuevos aprendizajes. Apuntes
El docente realiza la muestra de la página de uso personal y la compara con otras de otros negocios para cuaderno
identificar algunas características con las que deben cumplir. Participación
Plan de Recursos y
evaluación materiales para
Actividades de desarrollo (Actividades de enseñanza-aprendizaje) (Criterios e favorecer el
instrumentos aprendizaje de los
de evaluación) estudiantes
INTRODUCCIÓN AL DISEÑO WEB Archivo 1:
El docente presenta una introducción al diseño web con un poco de historia y conceptos básicos (pág. 1 a 6 Introducción al
Introducción al diseño [Link]), después presenta el término Hosting (Pag. 12) y solicita a los alumnos investigar diseño [Link]
Resumen / LC
sobre los términos dominio, URL y applets en internet para entregar un resumen en su cuaderno.
Cuaderno,
Los alumnos en forma individual investigan los 3 términos y realizan un resumen en su cuaderno con 3 definiciones computadora,
encontradas en distintas páginas. internet.
El docente presenta los elementos de una página web con ayuda de un Blog sobre los “10 elementos de una
[Link]
página web de éxito”. Solicita a los alumnos identifiquen las ideas clave de éstos elementos y realicen un cuadro Cuadro
com/blog/elemento
sinóptico en su cuaderno. sinóptico / LC
s-para-una-pagina-
Los alumnos en forma individual identifican las ideas clave del Blog presentado por el docente y realizan un cuadro
web-de-exito/
sinóptico con los 10 elementos y su descripción.
El docente solicita a los alumnos que en binas visiten 5 páginas web cualquiera e identifiquen cada uno de los
elementos vistos anteriormente con impresión de pantalla y usando Paint para señalar, circular o subrayar cada
Archivo digital / [Link]
elemento, asignando un número.
LC [Link]/estandares-
Los alumnos en equipos de 3 integrantes realizan las visitas de las páginas web, guardan la impresión de pantalla
[Link]
y usando Paint señalan, circulan o encuadran cada elemento, asignando un número. Pegan las imágenes en el
procesador de texto y entregan en un solo archivo al docente.
Computadoras,
El docente explica los estándares de diseño web que son necesarios para que las páginas web sean funcionales, internet,
Notas del
eficientes y operables con cualquier navegador, presenta la definición, porque es necesario tenerlos, quienes navegadores,
cuaderno / LC
participan en desarrollar las recomendaciones, etc. páginas web, Paint,
Los alumnos prestan atención a la información y toman nota de lo más relevante. Procesador de
texto. Cuaderno
El docente solicita que el alumno diagrame una estructura de la que podría ser su página web con los elementos
básicos vistos en las anteriores actividades; el diagrama puede ser a mano o en computadora y será el borrador de Cuaderno o
Diagrama / LC
su página web. computadora
Los alumnos en forma individual diagraman la estructura de la que podría ser su página web con los elementos
básicos vistos en las anteriores actividades, sigue las indicaciones del profesor.
El docente mediante una práctica guiada en el laboratorio de cómputo, solicita a los alumnos ingresen al software
para crear páginas web, para identificar la pantalla de inicio y las barras de herramientas. Enseguida realizarán una Centro de cómputo,
búsqueda de información sobre la función o utilidad de cada uno de estas herramientas registrándolos en una tabla Tabla software para crear
descriptiva. . descriptiva / LC páginas web,
Los alumnos en forma individual realizan la práctica computacional para conocer el software para crear páginas internet
web, revisan las barras de herramientas básicas y realizan una búsqueda de sus funciones para llenar la tabla
descriptiva.
HTML y CSS
El docente propicia las siguientes preguntas para rescatar las ideas sobre el lenguaje HTML y posteriormente
Software para crear
solicita a los alumnos busquen la definición formal de cada término estableciendo una conexión con los nuevos
páginas web,
aprendizajes.
Cuestionario / C lenguaje HTML,
¿Qué significan las siglas HTML?, ¿Qué beneficio proporciona conocer la estructura básica de HTML?
HTML guía rápida,
(Autoevaluación)
cuestionario
Los alumnos contestan las preguntas elaboradas por el docente y buscan las definiciones de las siguientes
palabras: HTML, etiquetas, atributos, comentarios, símbolos especiales. Esto como una introducción al lenguaje de
programación para páginas web HTML.
El docente solicita que los alumnos utilicen la ayuda del software para crear páginas web u otra fuente para buscar
información sobre elementos básicos de un documento HTML (Edición de texto, formato de caracteres, títulos,
formato de párrafos, listas, enlaces o hipervínculos, cuerpo, imágenes, tablas, marcos, videos) y sus etiquetas para
Software para crear
posteriormente, en parejas, aplicar este aprendizaje en un ejercicio práctico manipulando el lenguaje HTML en la
Archivo de páginas web,
creación del código fuente de una página web y aplicando el procedimiento para el guardado correcto de los
código / LC lenguaje HTML,
archivos en html. Como evidencia para el portafolio deben entregar la impresión del código html y el archivo en ese
HTML guía rápida
mismo formato.
Los alumnos buscan la información de las etiquetas más comúnmente utilizadas en HTML y después en binas
realizan práctica en el software para crear páginas web escribiendo pruebas de código con los elementos que
determine el docente para su primer código.
El docente expone sobre la temática de maquetación web, explica el antecedente por tablas y actualmente con Software para crear
etiquetas, muestra un ejemplo de cómo insertar una etiqueta div, el uso de clases y menús para organizar una páginas web,
página web. Solicita a los alumnos que realicen práctica de maquetación con algunos elementos insertados. Práctica / GO lenguaje HTML y
Los alumnos en equipos de 3 integrantes realizan práctica con los apuntes realizados de la explicación docente CSS
sobre maquetación web, usan la etiqueta div, clases y menús para organizar una página web de ejemplo.
Software para crear
El docente explica los diferentes tamaños de los elementos y como pueden ser modificados así como los colores y
páginas web,
las fuentes (letras) en el ejemplo de la página web. Práctica / GO lenguaje HTML y
Los alumnos realizan en práctica computacional algunos cambios en tamaño, colores y fuentes a los elementos
CSS
insertados de su página web.
Software para crear
El docente explica también la posición de los elementos en una página web y los márgenes para que este
páginas web,
organizada, explica el desbordamiento y el posicionamiento y como se realizan los ajustes. Solicita a los alumnos Práctica / GO
lenguaje HTML y
realicen práctica de posicionamiento de elementos en la página web de ejemplo.
CSS
Los alumnos realizan en práctica computacional el posicionamiento de elementos insertados de su página web.
DISEÑO DE PÁGINA WEB USANDO SOFTWARE DE APLICACIÓN.
El docente solicita que con los mismos equipos de trabajo diseñen una página web usando los elementos básicos,
WIX Software para
la maquetación web, los estilos básicos de formato y posicionamiento de elementos. La página debe ser diseñada
crear páginas web,
con la temática del centro educativo y sus actividades usando el software de creación de páginas web Práctica / GO
lenguaje HTML y
seleccionado.
CSS
Los alumnos en los mismos equipos diseñan la página web del centro educativo y sus actividades; insertando
todos los elementos vistos en clase y realizando el acomodo correcto. Al finalizar se guarda el archivo para ser
mostrado al profesor para su evaluación
PUBLICAR SITIO WEB
WIX Software para
El docente realiza una práctica demostrativa o exposición para publicar una página web usando sitios gratuitos,
Práctica / GO crear páginas web,
solicita a los equipos de trabajo anoten el procedimiento y experimenten la publicación gratuita de su página web.
lenguaje HTML y
Los alumnos en equipos de trabajo anotan el procedimiento para publicar páginas web y después ellos mismos
CSS
experimentan la publicación en un sitio gratuito para comunicar información sobre su centro educativo
 Sitio gratuito para
publicar páginas
web
Plan de Recursos y
evaluación materiales para
Actividades de cierre (Reforzamiento de los aprendizajes) (Criterios e favorecer el
instrumentos aprendizaje de los
de evaluación) estudiantes
Actividad descrita para el logro de los AE.
El docente solicita como producto final la construcción de la página web con la temática del centro educativo,
Página web Software para crear
utilizando los elementos del software de diseño web, favoreciendo su creatividad e innovación, para comunicar
publicada y páginas web,
información sobre actividades de la escuela. La página deberá tener la estructura básica, elementos básicos,
atributos de las lenguaje HTML y
maquetación web, estilos básicos y diseño vistos durante el submódulo, comprobando que sigue instrucciones y
comp. CSS
procedimientos de manera reflexiva, utiliza las TIC´s para procesar e interpretar información y desarrolla un
genéricas/ Sitio gratuito para
proyecto en equipo.
Rúbrica publicar páginas
El alumno, en equipos, construye la página web con la temática del centro educativo utilizando los elementos del
web
software de diseño web, favoreciendo su creatividad e innovación, para comunicar información sobre actividades
de la escuela. La página deberá cumplir con los indicadores que defina el docente en instrumento de evaluación.
Actividad reflexiva.
Autoevaluación/
Realiza autoevaluación de su producto con los indicadores de evaluación cotejando haber realizado todo lo Autoevaluación
C
solicitado.
Evaluación final.
Evaluación/C Evaluación final
El docente aplica la evaluación final del submódulo
Desarrollo de Habilidades Socioemocionales:

Instrumentos de evaluación: (anexar evidencia)

Examen de diagnóstico, practicas, cuadro sinóptico, cuestionario, cuaderno, Pagina Web publicada,
Bibliografía:
Luptopn Ellen, Cole Jennifer (2016). Diseño gráfico nuevos fundamentos. Segunda Edición. México, Editorial Gustavo Gili. ISBN: 9788425228933
Kraynak Jose, Bluttman Ken (2013). Tips efectivos para el diseño web: Elementos comunes de una página web, diseño de una combinación D. Primera
Edición. México, Editorial Trillas, ISBN: 9786071714213
[Link]
[Link]
[Link]

[Link]
crea?gclid=EAIaIQobChMI3MKGzaza7AIVnD6tBh3VgwMnEAAYASAAEgKC6_D_BwE&utm_medium=cpc&experiment_id=wix%5Ep%5E2896040382
66%5E
TUTORIAL DE WIX
[Link]
CURSO DE WIX COMPLETO
[Link]

Observaciones
Los trabajos en total tienen una ponderación del 50% que se evaluaran con una lista de cotejo

Elaboración: Supervisión:

Julio Gerardo Pimienta Trujillo Profr. Ambar Ulises Plascencia

Coordinación Académica