semana
semana
tarea (Moodle)
Proyecto: Creación de una Página Web con HTML
Objetivo General:
El objetivo de este proyecto es que los estudiantes de preparatoria aprendan a crear una página
web básica utilizando HTML (Lenguaje de Marcado de Hipertexto), comprendan la estructura
fundamental de una página web, y sean capaces de diseñar y personalizar una página web sencilla
con contenido estático.
Ejemplo:
Estructura Básica de una Página Web de Estudiante:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale= .0">
<title>Mi Página Web</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
h {
text-align: center;
color: #007BFF;
p{
font-size: 6px;
line-height: .5;
a{
color: blue;
text-decoration: none;
a:hover {
color: red;
}
</style>
</head>
<body>
<h >Bienvenido a Mi Página Web</h >
<p>Hola, soy un estudiante de preparatoria y en esta página comparto información sobre mis
intereses y actividades.</p>
<h >Mis Hobbies:</h >
<ul>
<li>Leer libros</li>
<li>Jugar videojuegos</li>
<li>Viajar</li>
</ul>
<h >Mis Redes Sociales:</h >
<p>Puedes seguirme en mi cuenta de <a href="[Link]
target="_blank">Instagram</a>.</p>
<h >Mi Imagen:</h >
<img src="[Link]" alt="Foto de perfil" width=" 00" height=" 00">
</body>
</html>
ROGRESIÓN SO É ICO Y RES ONS BLE DE L S ERR MIEN S DIGI LES
Objetivo:
Que los estudiantes comprendan la importancia de un uso ético y responsable de las herramientas
digitales, respetando la privacidad, los derechos de autor y la ética en línea.
El uso de las herramientas digitales es fundamental en el entorno actual, pero es necesario
utilizarlas de manera ética y responsable. Los usuarios deben ser conscientes de la privacidad de
los datos, evitar el plagio, respetar las licencias de contenido y practicar un comportamiento
respetuoso en línea.
Derechos de autor: Se refiere a la protección legal que se otorga a los creadores de contenido
original (texto, imágenes, música, software, etc.).
Privacidad y seguridad: Los usuarios deben proteger su información personal y no compartirla sin
consentimiento.
Ciberacoso: Es el uso indebido de las herramientas digitales para acosar, intimidar o amenazar a
otros.
Ejemplo:
Ejemplo : Compartir una foto de un artista en redes sociales sin dar crédito al autor.
Ejemplo : Descargar música o películas sin pagar por ellas o sin el permiso del creador.
Actividad:
redactar un breve párrafo en el que expliquen cómo usarían una herramienta digital de manera
ética, considerando el respeto a la privacidad, los derechos de autor y el comportamiento en línea.
ROGRESIÓN INVES IG CIÓN DIGI L
La investigación digital se refiere al proceso de obtener información relevante utilizando
herramientas digitales como motores de búsqueda, bases de datos académicas, y redes sociales. Es
importante saber cómo filtrar información y evaluar la fiabilidad de las fuentes.
Búsqueda efectiva: Utilizar palabras clave adecuadas y herramientas de búsqueda avanzada.
Ejemplo:
Ejemplo : Buscar información sobre un tema científico en Google Scholar, comparado con
buscarla en un blog sin fuentes verificadas.
Ejemplo : Evaluar una noticia de un periódico en línea comparándola con la misma noticia en
diferentes fuentes confiables.
Actividades:
Búsqueda de información en línea:
buscar sobre un tema asignado (por ejemplo, "impacto del cambio climático"). Deben encontrar al
menos tres fuentes confiables y una fuente no confiable. Después, comparan y discuten las fuentes
en clase.
Actividad:
escribir un pequeño párrafo explicando cómo seleccionan las fuentes de información digitales y
qué criterios usan para evaluar su confiabilidad.
Evaluación:
Observación durante la actividad de búsqueda.
Revisión del párrafo escrito, evaluando la comprensión de los criterios de evaluación de fuentes.
ROGRESIÓN EOREM DEL COLOR Y ME ODOLOGÍ DEL DISEÑO DIGI L
El teorema del color es fundamental en el diseño digital, ya que los colores influyen en la
percepción y el impacto emocional de un diseño. El círculo cromático organiza los colores de
acuerdo con su relación, y entender cómo usarlos adecuadamente es crucial para un diseño
efectivo.
Colores primarios y secundarios.
Colores complementarios y su uso en el diseño.
Psicología del color: Los colores pueden evocar diferentes emociones en los espectadores.
Ejemplo:
Ejemplo : El uso del color rojo puede evocar energía, urgencia o pasión, mientras que el azul
puede transmitir calma o confianza.
Ejemplo : La combinación de colores complementarios (como el rojo y el verde) puede crear un
contraste visual atractivo.
Actividades:
Exploración del círculo cromático:
Presentar el círculo cromático y explicar las relaciones entre los colores primarios, secundarios y
complementarios. Usar una herramienta digital para experimentar con combinaciones de colores.
Diseño en clase ( 5 minutos):
Los estudiantes deben crear un diseño sencillo (como una portada de revista o un logotipo)
utilizando colores complementarios o análogos. Deben justificar su elección de colores según su
impacto visual y emocional.
Actividad:
presentar un diseño y explicar cómo eligieron los colores y cómo estos influyen en el mensaje del
diseño.
ROGRESIÓN N LIS DE CON ENIDO EN LINE
El contenido en línea no siempre es confiable. Es fundamental ser capaz de identificar si una
información es veraz, si presenta algún sesgo, o si se trata de desinformación. Herramientas como
fact-checking y fuentes confiables pueden ayudar en el análisis.
Fake News: Noticias falsas que se distribuyen de manera intencionada o no.
Sesgos informativos: Presentación de la información de manera que favorezca una perspectiva
particular.
Ejemplo:
Ejemplo : Analizar una noticia que afirma que un medicamento cura el COVID- 9 sin pruebas
científicas verificadas.
Ejemplo : Leer un artículo de un sitio con reputación contrastada y comparar con uno en un foro
de redes sociales.
Actividades:
Análisis de una noticia:
analizar una noticia en línea, identifican su origen, verifican la información y comprueban si la
noticia es falsa o confiable.
breve informe sobre el proceso de análisis de contenido, describiendo cómo identificaron una
noticia falsa.
ROGRESIÓN ERR MIEN S DE DISEÑO DIGI L LENG JE DE L WEB
Que los estudiantes comprendan cómo crear páginas web básicas utilizando HTML y CSS, y cómo
estos lenguajes influyen en el diseño digital.
Explicación:
HTML es el lenguaje de marcado que estructura el contenido de una página web, y CSS se utiliza
para estilizar ese contenido. Comprender cómo usar estos lenguajes es fundamental para el diseño
web moderno.
HTML: Etiquetas básicas como <html>, <head>, <body>, <h >, <p>.
CSS: Propiedades como color, tamaño de fuente, márgenes, etc.
Ejemplo:
Ejemplo : Crear una página de presentación personal con HTML que contenga texto y una imagen.
Ejemplo : Aplicar estilos a la página utilizando CSS (cambiar el color de fondo, el tamaño de la
fuente).
Actividades:
Introducción al HTML y CSS :
Los estudiantes aprenden a escribir una página básica con HTML y luego aplican estilos con CSS.
Práctica en clase:
Los estudiantes crean una página personal usando HTML y CSS, incluyendo una breve biografía,
una imagen y algunos estilos sencillos.
Actividad de retroalimentación:
Los estudiantes presentan su página y explican cómo eligieron los estilos y las etiquetas HTML.
ROGRESIÓN ÉCNIC S DE INVES IG CIÓN DIGI L ED C IV S Y SOCI LES
La investigación digital implica el uso de herramientas avanzadas para obtener información
educativa y social, como bases de datos académicas, encuestas en línea y redes sociales.
Investigación educativa: Utilizar recursos académicos y científicos.
Investigación social: Utilizar herramientas en línea para investigar temas sociales y comunitarios.
Ejemplo : Buscar artículos académicos en Google Scholar sobre un tema de ciencias sociales.
Ejemplo : Usar encuestas en línea para recolectar datos sobre un tema social.
Actividades:
Búsqueda avanzada en bases de datos:
buscar un artículo académico utilizando Google Scholar o bases de datos educativas.
Participación en la discusión sobre los resultados de la búsqueda.
ROGRESIÓN OJ DE CÁLC LO
Las hojas de cálculo como Excel o Google Sheets permiten realizar cálculos, crear gráficos y
organizar información de manera efectiva. Son herramientas esenciales en el análisis de datos.
Funciones básicas: SUMA, PROMEDIO, CONTAR, etc.
Gráficos: Cómo visualizar datos de manera efectiva utilizando gráficos de barras, líneas y pasteles.
Ejemplo:
Ejemplo : Usar una hoja de cálculo para registrar calificaciones y calcular el promedio.
Ejemplo : Crear un gráfico de barras para visualizar los resultados de una encuesta.
Actividades:
Introducción a las funciones básicas:
funciones básicas como SUMA, PROMEDIO, y a crear gráficos simples.
Actividad:
registrar datos en una hoja de cálculo (como calificaciones o resultados de una encuesta) y crean
gráficos para visualizar los datos.
