Computación Básica 1: Habilidades Digitales Material gratuito · Mario y José Mario Santamaría

¿Se te dificulta leer? Hasta el final de la página puedes cambiar el color: fondo blanco con letra negra, claro u oscuro.

Departamental 2do · Semana 9 · Clase 1

Imágenes que informan (y que también se escuchan): edición visual e inclusiva en Word

Al terminar vas a poder: El estudiante insertará y editará imágenes en Word (insertar, recortar, ajustar texto, estilos y bordes) para producir una ficha informativa ilustrada sobre un tema tecnológico, distinguiendo entre decorar e informar, y evaluando su propio diseño y el de un compañero con criterios explícitos de claridad visual, composición y propósito. Además, hará su ficha accesible para todas las personas escribiendo el texto alternativo de cada imagen, de modo que quien usa un lector de pantalla reciba la misma información (eje de inclusión). En el camino, ejercita el uso crítico de la IA: le pide datos para su ficha y los verifica contra una fuente confiable antes de usarlos.

Bloque 1 · 25 min

Una imagen bien puesta vale puntos: decorar no es informar (y debe poder escucharse)

video propio comprender I do
🎬 Video en producción — Una imagen bien puesta vale puntos: decorar no es informar (y debe poder escucharse)
ambos · ~4 min

¿Para qué insertar imágenes en un documento académico?

No para adornar: para informar. Una buena imagen hace tres trabajos a la vez:

  1. Muestra lo que las palabras no alcanzan a describir (un circuito, una interfaz, una gráfica).
  2. Descansa el ojo del lector — un muro de texto cansa; una imagen bien colocada da aire.
  3. Comunica cuidado: un documento bien compuesto dice “esto está hecho en serio” antes de que alguien lea la primera línea.

Tú ya sabes editar imágenes (aunque no lo sepas)

Lo que ya haces en el celularCómo se llama en Word
Recortar una foto antes de subirlaRecortar (pestaña Formato de imagen)
Acomodar un sticker para que no tape nadaAjustar texto + arrastrar posición
Ponerle marco o filtro a una fotoEstilos de imagen (bordes, sombras, marcos)
Hacer una foto más pequeña para que quepaTamaño (arrastrar esquinas, nunca los lados)

El concepto que resuelve el 90% de los corajes: ajuste de texto

Cuando insertas una imagen, Word necesita saber cómo convive con el texto. Las tres opciones que usarás hoy:

OpciónQué haceCuándo usarla
En línea con el textoTrata la imagen como una letra gigante dentro del párrafoImágenes pequeñas dentro de una oración; es la opción por defecto
CuadradoEl texto rodea la imagen por los ladosLa opción reina para fichas y trabajos: imagen a un lado, texto fluyendo alrededor
Detrás del textoLa imagen se va al fondo, el texto pasa encimaFondos y marcas de agua — con cuidado: si la imagen es oscura, el texto se pierde

Si una imagen “se brinca sola de página” o “desacomoda todo”: el problema casi siempre es el ajuste de texto, no tú.

La imagen que también se escucha: el texto alternativo (eje de inclusión)

No todos tus lectores ven la imagen. Una persona ciega o con baja visión usa un lector de pantalla: un programa que le lee en voz alta lo que hay en el documento. Cuando llega a una imagen, lee lo que tú hayas escrito en su texto alternativo (en inglés, alt text). Si no escribiste nada, dice solo “imagen” — o el nombre del archivo, “imagen1.jpg” — y esa persona se queda sin la información que la imagen carga.

Texto alternativo = una descripción corta (1–2 líneas) que vive “detrás” de la imagen. No se ve en la página; se escucha cuando alguien la necesita. Bonus: y se muestra si el documento se publica en web y la imagen no carga.

Cómo se escribe uno bueno:

❌ Mal✅ Bien
”imagen1” / “foto” / “captura""Procesador de computadora visto de cerca, con sus contactos dorados"
"imagen de una computadora” (vago)“Laptop abierta mostrando el escritorio de Windows”
Dejarlo en blancoDescribir qué muestra y para qué está ahí
  • Describe la función o el contenido, no el formato (no arranques con “imagen de…”; ve directo a lo que se ve).
  • Corto y concreto. Si la imagen es pura decoración y no aporta información, en Word puedes marcarla como decorativa para que el lector de pantalla la salte.
  • Si tu Word propone una descripción automática, corrígela (casi siempre le falta o se equivoca); si no aparece ninguna, escríbela tú desde cero.

Este es el eje de inclusión de la clase: un buen documento no le sirve solo a la mayoría, le sirve a todos. Hoy tu ficha tiene que poder escucharse.

Errores comunes (detéctalos en la ficha mala del video)

  • Imagen estirada/deformada: se agrandó jalando un lado en vez de una esquina.
  • Imagen pixeleada: se agrandó una imagen chiquita más allá de lo que da.
  • Imagen que tapa texto: ajuste “delante del texto” puesto sin querer.
  • Imagen decorativa que no aporta: si la quitas y la ficha informa igual, sobraba.
  • Imagen sin recortar: fondo enorme y el objeto importante chiquito en una esquina.
  • Imagen sin texto alternativo: invisible para quien usa lector de pantalla; la información se pierde.

Mini-glosario

  • Recortar (crop): quedarte con la parte de la imagen que informa.
  • Proporción: relación ancho/alto; se respeta agrandando desde las esquinas.
  • Estilo de imagen: combinación prediseñada de borde + sombra + marco, a un clic.
  • Texto alternativo (alt text): descripción corta que se lee en voz alta para quien no ve la imagen; se edita con clic derecho → Ver texto alternativo.
  • Lector de pantalla: programa que lee en voz alta el contenido de la pantalla para personas con discapacidad visual.
Bloque 2 · 25 min

Domando la imagen: insertar, recortar, ajustar, dar estilo y describir

práctica guiada aplicar we do

Práctica guiada: las 5 acciones (síguelas con el video y luego repítelas sola/o)

Preparación (1 min): abre Word, documento en blanco, y escribe o pega este párrafo de relleno:

La tecnología cambia la forma en que estudiamos, trabajamos y nos comunicamos. Cada herramienta nueva resuelve un problema viejo y, a veces, crea uno nuevo. Aprender a usarlas con criterio es la verdadera habilidad.

Acción 1 — Insertar (logro en 60 segundos)

  1. Clic donde quieres la imagen.
  2. Pestaña Insertar → Imágenes → Este dispositivo (o Imágenes en línea si no tienes fotos a la mano).
  3. Elige una imagen relacionada con tecnología. Insertar.

Checkpoint: la imagen está dentro del documento. Si empujó todo el texto hacia abajo, es normal: está “en línea”. Lo arreglamos en la Acción 3.

Acción 2 — Recortar

  1. Clic en la imagen → pestaña de Formato de imagen (según tu versión, «Formato de imagen» o «Herramientas de imagen → Formato»).
  2. Botón Recortar: aparecen esquinas y bordes negros.
  3. Arrastra hasta quedarte solo con lo que informa. Clic fuera para confirmar.

Checkpoint: ya no hay fondo sobrante. El recorte no borra: si te pasaste, vuelve a Recortar y recupera.

Acción 3 — Ajustar texto (el truco estrella)

  1. Clic en la imagen → botón Ajustar texto (o el icono flotante junto a la imagen).
  2. Elige Cuadrado. Arrastra la imagen a la derecha del párrafo: el texto la rodea.
  3. Experimento: cámbiala a Detrás del texto y observa. Regresa a Cuadrado.

Checkpoint: puedes mover la imagen a donde quieras sin que el documento “explote”.

Acción 4 — Estilo

  1. Pestaña de Formato de imagen (según tu versión, «Formato de imagen» o «Herramientas de imagen → Formato») → Estilos de imagen.
  2. Pasa el cursor sobre varios (vista previa en vivo). Elige un marco o sombra discretos.
  3. Ajusta el tamaño final arrastrando una esquina (nunca un lado: la deformas).

Checkpoint: imagen recortada, con estilo y texto fluyendo alrededor.

Acción 5 — Texto alternativo (la que incluye)

  1. Clic derecho sobre la imagen → Ver texto alternativo (en algunas versiones: Editar texto alternativo). Se abre un panel a la derecha.
  2. Escribe en 1–2 líneas qué muestra la imagen y para qué está ahí. Ejemplo: “Procesador de computadora visto de cerca, con sus contactos dorados.”
  3. Si tu Word propone una descripción automática, corrígela (casi siempre le falta o está mal); si no aparece ninguna, escríbela tú desde cero.
  4. ¿La imagen es pura decoración (no aporta información)? Marca la casilla “Marcar como decorativa” y el lector de pantalla la saltará.

Checkpoint final: imagen recortada, con estilo, texto fluyendo alrededor y con texto alternativo escrito. Eso es todo el motor de la clase — y ahora también incluye a quien no ve la pantalla.

Si algo sale mal (antes de levantar la mano)

SíntomaCausa probableRemedio
No aparece la pestaña de formato de imagenNo tienes la imagen seleccionadaClic directo sobre la imagen
La imagen empuja todo el textoAjuste “en línea”Ajustar texto → Cuadrado
Se ve estirada o aplastadaSe agrandó desde un ladoCtrl+Z y agranda desde la esquina
Se ve pixeleadaImagen pequeña agrandada de másUsa una imagen de mayor tamaño original
”Desapareció”Quedó detrás del texto o fuera de margenAjustar texto → Cuadrado y arrástrala de vuelta
No encuentro dónde poner el texto alternativoVersión distinta de WordClic derecho en la imagen → “Ver/Editar texto alternativo”; o pestaña Formato de imagen → Texto alternativo

Reto de cierre del bloque (5 min)

Repite las 5 acciones —incluido el texto alternativo— con una segunda imagen sin ver los pasos. Si lo logras, ya estás lista/o para tu ficha.

Bloque 3 · 25 min

Tu ficha informativa ilustrada y accesible (entregable)

texto+checklist crear you do

Producto de hoy: ficha informativa ilustrada

Una ficha informativa es una página que explica un tema en poco espacio: título, texto breve y una imagen que informa. Es el formato de los museos, las infografías y las tarjetas de estudio. Hoy haces la tuya — y la haces para que todos puedan usarla, vean o no la pantalla.

1. Elige tu tema (uno, concreto): inteligencia artificial, una pieza de hardware (procesador, SSD, GPU), una app que uses a diario, redes sociales, videojuegos, ciberseguridad… Si dudas entre dos, elige el que más te dé curiosidad: se nota en el resultado.

2. Consigue tu información — aquí entra el mini-truco de IA de la semana (ver recuadro “Usa la IA sin que te use” al final de esta guía): pídele datos a la IA, verifica al menos dos contra una fuente confiable, y usa solo lo verificado.

3. Construye la ficha. Requisitos mínimos:

  • Título con formato (tamaño mayor, negritas o color sobrio — que se lea como título, no como grito)
  • Texto justificado, 2-3 párrafos breves con la información verificada
  • Al menos 1 imagen editada: recortada y con borde o estilo aplicado
  • Ajuste de texto “Cuadrado” (el texto debe rodear la imagen, no chocar con ella)
  • Imagen proporcionada (sin estirar) y nítida (sin pixelear)
  • Texto alternativo en TODAS las imágenes (describe qué muestra y para qué está; nada de “imagen1”) — obligatorio para calificar (eje de inclusión)
  • Recuadro final “Mi huella” (ver abajo — obligatorio para calificar)

El texto alternativo no es un extra: tu ficha tiene que poder escucharse. Una compañera o un compañero que use lector de pantalla debe enterarse de qué muestra tu imagen. Clic derecho en la imagen → Ver texto alternativo → describe en 1-2 líneas qué se ve y para qué está. Si dejas “imagen1” o lo dejas en blanco, la ficha está incompleta aunque se vea preciosa. Si alguna imagen es pura decoración, márcala como decorativa.

4. Recuadro “Mi huella” (al pie de la ficha, en letra más pequeña):

  • Tu nombre completo y tu número de lista, tal como el profesor lo dicte hoy en clase
  • La fecha de hoy
  • Una línea: “El dato que más me sorprendió fue ___ porque ___”
  • Una línea: “Un dato de la IA que descarté o corregí fue ___” (si todos salieron bien, escribe cuál verificaste y contra qué fuente)
  • Una línea: “El texto alternativo de mi imagen principal dice: ___” (cópialo aquí tal cual lo escribiste)

5. Guarda y entrega:

  • Nombre de archivo: Nombre_Grupo_FichaInformativa.docx

  • Súbelo a la carpeta “Semana 9” en Google Drive, usando el correo asignado a tu grupo:

    Correo de mi grupo: ________________________________

Sugerencia de composición (no obligatoria, sí probada)

Título arriba, imagen a la derecha del primer párrafo (ajuste Cuadrado), texto fluyendo a la izquierda y abajo, recuadro “Mi huella” al pie. Es la composición de la “ficha buena” del video del bloque 1: si te atoras, imítala y luego personaliza.

Administra tu tiempo (25 min de este bloque + arranque del siguiente)

  • 5 min: tema + datos (con verificación IA)
  • 12 min: construcción (título, texto, imagen con sus 5 acciones — incluido el texto alternativo)
  • 5 min: recuadro “Mi huella” + revisión propia contra el checklist
  • 3 min: guardar con el nombre correcto y subir a Drive

📬 Correo de entrega de mi grupo: ________________________
Usa el correo asignado a tu grupo. Tu profesor te lo da en clase — anótalo aquí.

Bloque 4 · 25 min

Ojo de editor: revisión en parejas, accesibilidad y entrega

texto+checklist evaluar you do

Revisión en parejas: ahora eres editor

Evaluar el trabajo de alguien más con criterios claros es una habilidad en sí misma — es lo que hacen los editores de revistas y los revisores de diseño. Intercambia pantalla (o archivo) con tu compañera/o de bina y revisa su ficha con esta lista. Luego ella/él revisa la tuya.

Checklist del editor (marca lo que SÍ cumple)

Claridad visual

  • El título se identifica de inmediato como título
  • El texto está justificado y se lee cómodo (no muro de texto, no líneas sueltas)
  • Hay aire: márgenes y espacios respiran, nada está encimado

La imagen informa

  • La imagen tiene que ver directamente con el tema (quítala mentalmente: ¿la ficha pierde información? Debe perder)
  • Está recortada con propósito (sin fondo sobrante)
  • Tiene borde o estilo aplicado, discreto
  • No está deformada ni pixeleada
  • El ajuste de texto es “Cuadrado”: el texto la rodea sin chocar

Inclusión: la ficha también se escucha

  • Cada imagen tiene texto alternativo escrito (clic derecho en la imagen → Ver texto alternativo para revisarlo; no debe estar vacío ni decir “imagen1”)
  • El texto alternativo describe qué muestra y para qué está la imagen, no solo “foto” o “imagen de…”
  • Si hay alguna imagen puramente decorativa, está marcada como decorativa

Integridad

  • Recuadro “Mi huella” completo (nombre, número de lista de hoy, fecha, dato sorprendente, verificación de IA, alt text de la imagen principal)
  • Nombre de archivo correcto: Nombre_Grupo_FichaInformativa.docx

Protocolo de retroalimentación: dos estrellas y un deseo

Dile a tu compañera/o, en este orden:

  1. ⭐ Algo que su ficha hace bien (específico: “el recorte de tu imagen deja ver justo el procesador”)
  2. ⭐ Otra cosa que hace bien
  3. 🎯 Un cambio concreto que la mejoraría (uno solo, el más importante)

Recibe la retro de vuelta sin defenderte: anota, decide, ajusta. Tú eres quien firma la ficha; el editor sugiere, el autor decide.

Ajuste final y entrega (últimos 8 min)

  1. Aplica el “deseo” que te hayan señalado si estás de acuerdo (criterio propio: si crees que tu versión es mejor, defiéndela — pero que sea decisión, no flojera).
  2. Verifica el nombre de archivo y vuelve a guardar.
  3. Confirma que quedó subido a la carpeta “Semana 9” del Drive con el correo asignado a tu grupo.
  4. Preguntas exprés de salida (respóndete en serio): ¿qué diferencia hay entre una imagen que decora y una que informa? Y de pasada: si un compañero que no ve la pantalla abriera tu ficha, ¿se enteraría de qué muestran tus imágenes? Si puedes contestar las dos con tu propia ficha como ejemplo, la clase quedó.

📬 Correo de entrega de mi grupo: ________________________
Usa el correo asignado a tu grupo. Tu profesor te lo da en clase — anótalo aquí.

Toca para cambiar cómo se ve la página: