Entrega un archivo HTML en Google Classroom para que tu profesor vea la página
Respuesta rápida
Puedes adjuntar un .html a una tarea de Google Classroom, pero el profesor recibe el archivo, no la página. Para entregar la página, publica el archivo y agrega su dirección en Tu trabajo > Agregar o crear > Vínculo antes de hacer clic en Entregar. Los profesores publican así un juego hecho con IA.
Plan Free: sin tarjeta de crédito, 1 página en línea a la vez, y los scripts funcionan en todas las páginas. Desde los 13 años; si tienes menos de 18, con el consentimiento de tu madre, padre o tutor.
En esta página
El proyecto web funciona en tu laptop: el diseño, los botones y el juego. Luego adjuntas index.html a la tarea en Google Classroom, y el profesor recibe un archivo en lugar de tu página. O eres el profesor: ChatGPT hizo un juego de repaso, y 28 estudiantes tienen que abrirlo en sus Chromebooks.
Esta página cubre los dos casos: qué hace Classroom con un archivo HTML adjunto, cómo entregar un enlace a la página en su lugar y cómo publica un profesor un juego o un cuestionario como enlace. La ayuda de Classroom de Google y las páginas de Google, GitHub y Canvas que se citan se consultaron en español el 23 de octubre de 2026; las demás, en inglés, el 16 de octubre de 2026.
Adjuntar el archivo o entregar un enlace: qué ve el profesor
Classroom acepta un archivo .html como cualquier archivo adjunto. Sigue siendo un archivo. La ayuda de Google no dice cómo muestran Classroom o Drive un archivo HTML adjunto. La lista de Google de los archivos que puedes almacenar en Drive pone .html en “Lenguaje de marcado/Código”, entre los tipos de los que muestra una vista previa, y dice: “La vista previa de Google Drive es una versión reducida del archivo completo”. No dice si esa vista previa muestra la página ni si ejecuta sus scripts. Un enlace a una página publicada abre la página en sí, en el navegador.
| Cómo lo entregas | Qué abre tu profesor | Cuenta que necesitas | Cuánto dura el enlace |
|---|---|---|---|
| Adjuntar el archivo .html | Un archivo. La ayuda de Google no dice cómo lo muestran Classroom o Drive | La cuenta de Google de tu escuela | — |
| Enlace para compartir de Google Drive | Un archivo en Drive. Drive dejó de servir páginas web el 31 de agosto de 2016 | Hasta que dejes de compartirlo | |
| GitHub Pages | La página | GitHub. En GitHub Free, el repositorio tiene que ser público | Hasta que lo borres |
| Netlify Drop | La página, cuando la reclamas con una cuenta de Netlify. Hasta entonces, el enlace tiene una contraseña temporal | Netlify, para reclamarla | Hasta que la borres |
| Convika, vista previa sin registro | La página, con sus scripts y sus formularios desactivados | Ninguna | 3 minutos |
| Convika Free | La página, con sus scripts funcionando | Convika, gratis, sin tarjeta. Desde los 13 años; si tienes menos de 18, con el consentimiento de tu madre, padre o tutor | Hasta que dejes de publicarla. Free incluye 10.000 vistas de página al mes; las páginas Free se detienen 7 días después de llegar a esa cifra en un mes, hasta que termine el mes o pases a un plan de pago (precios) |
El anuncio de Google (en inglés) indica que Drive dejó de servir contenido el 31 de agosto de 2016. En la documentación de GitHub, GitHub Pages “se encuentra disponible en los repositorios públicos con GitHub Free”. La guía rápida de Netlify Drop (en inglés) dice que, si sueltas el archivo sin iniciar sesión, la URL de tu proyecto queda protegida con una contraseña temporal hasta que lo reclames. En los planes de Netlify basados en créditos, un equipo que tiene activada la opción de privado por defecto mantiene privado un proyecto reclamado hasta que lo haces público. Puedes ver más servicios comparados en cómo compartir un archivo HTML como enlace.
Entregar la página como enlace en 4 pasos
Tienes que tener al menos 13 años para usar Convika. Si tienes menos de 18, tu madre, padre o tutor tiene que estar de acuerdo antes. Si tienes menos de 13, o si prefieres no crear una cuenta, pregúntale a tu profesor cómo debe poner tu clase una página en línea. Después haz el paso 4 con la dirección que obtengas.
1. Pon el proyecto en un solo archivo
Convika acepta un archivo .html o .htm de hasta 2 MB. Si tu proyecto tiene un style.css, un script.js o una carpeta de imágenes, pon el CSS y el JavaScript dentro de index.html. Usa direcciones https:// para las imágenes. Para ver cómo, con una petición para pegar en ChatGPT o Copilot, lee cómo compartir un archivo HTML desde VS Code (en inglés).
2. Suelta el archivo en el cuadro y revísalo
Suelta el archivo en el cuadro de arriba, o cambia a Pegar código y pégalo. Después, pulsa Obtener mi enlace de vista previa. Cuando veas “Tu vista previa está lista”, ábrela y revisa el diseño. La vista previa funciona durante 3 minutos, con los scripts y los formularios desactivados. Los botones y los juegos todavía no responden. No la entregues.
3. Conserva la página y publícala
Pulsa Conservar esta página: gratis, sin tarjeta, encima del enlace de vista previa, para registrarte. La página pasa a tu cuenta tal como la subiste, y los scripts se ejecutan. Pulsa Abrir vista previa para probarla y luego pulsa Publicar. En ¿Quién puede abrir esta página?, Pública es gratis, y Enlace privado necesita Pro o el pase. De las dos formas, tu profesor puede abrir el enlace directamente desde Google Classroom, sin cuenta de Convika ni contraseña; una página Pública puede aparecer en los resultados de búsqueda y en la galería de Convika, y un enlace privado deja tu proyecto fuera de los dos. Pulsa Siguiente. La primera vez que publicas, Convika muestra los planes, con Pro mensual seleccionado (1 día gratis con tarjeta; después, 12 US$ al mes). Las otras dos opciones son el Pase Pro de 1 año (29 US$ en un solo pago, sin renovación) y Free (0 US$, con la barra de Convika). Para una página Pública, elige Free y pulsa Publicar gratis. Un enlace privado o una contraseña quedan en línea cuando empieza la prueba o se paga el pase. En la pantalla de la página, pulsa Copiar, junto a la dirección de URL publicada. La dirección no cambia hasta que dejes de publicar la página, y puedes cambiar la configuración de búsqueda más adelante, en la configuración de la página.
4. Agrega el enlace en Tu trabajo y entrégalo
La ayuda de Google sobre cómo entregar una tarea da estos pasos:
- En una computadora. Haz clic en la tarea y luego en Ver instrucciones. En Tu trabajo, haz clic en Agregar o crear (o Añadir o crear) y selecciona Vínculo (o Enlace). Escribe la dirección, haz clic en Agregar (o Añadir), haz clic en Entregar y confirma.
- En la app de Android. En la tarjeta Tu trabajo, toca Expandir (o Mostrar). Toca Agregar (o Añadir), toca Vínculo (o Enlace) y escribe la dirección. Toca Seleccionar, toca Entregar y confirma.
- En la app del iPhone o el iPad. En la tarjeta Tu trabajo, toca Expandir (o Mostrar). Toca Agregar trabajo (o Añadir trabajo), toca Agregar vínculo (o Insertar enlace) y escribe la dirección. Toca Agregar (o Añadir), toca Entregar y confirma.
Antes de entregarla, abre el enlace en tu teléfono o en una ventana privada del navegador. Verás la página tal como la verá tu profesor.
Canvas y otras plataformas de clase
Canvas tiene un tipo de entrega para un enlace. La guía de Instructure sobre cómo introducir una URL como entrega de una tarea explica los pasos: haz clic en la pestaña URL del sitio web, pega la dirección en el campo URL del sitio web y haz clic en Enviar tarea. La pestaña solo aparece si tu profesor permite URL de sitios web en esa tarea. Canvas no guarda un enlace en vivo. Su guía para instructores dice que la entrega “es una instantánea de cómo se veía la página cuando se envió y no es un enlace a la URL activa”. Si tu profesor tiene que recorrer tu página o jugar tu juego, pregúntale cómo quiere recibir la dirección.
Publicar para tu clase un juego o un cuestionario hecho con IA
Los profesores publican una página igual que los estudiantes la entregan: como enlace. Publícala primero siguiendo los pasos 2 y 3 de arriba, y luego copia la dirección de URL publicada. La ayuda de Classroom de Google da dos lugares para ponerla:
- Como material. La ayuda de Google sobre cómo agregar materiales explica los pasos: haz clic en la clase, haz clic en Trabajo en clase (o Trabajo de clase) y selecciona Crear > Material, arriba. Escribe un título y una descripción, elige Agregar (o Añadir) > Vínculo (o Enlace), pega la dirección y haz clic en Publicar. Como explica esa página de ayuda, “los materiales de la clase no son calificables”, así que esta opción sirve para un juego de práctica.
- Como tarea. Sigue la ayuda de Google sobre cómo crear una tarea. Haz clic en Crear > Tarea, arriba. Debajo de Adjuntar, haz clic en Vínculo (o Enlace), pega la dirección y haz clic en Asignar (o Crear tarea) para publicarla.
En la app de Classroom, toca Vínculo (o Enlace) entre las opciones para adjuntar y escribe la dirección. Para un proyector, pulsa Mostrar código QR, junto a la dirección de URL publicada, y luego Descargar PNG para poner el código en una diapositiva. Consulta cómo convertir un archivo HTML en un código QR si tus estudiantes lo escanean con la cámara de una tableta.
Los estudiantes abren el enlace en el navegador de un Chromebook, un iPad o un teléfono, sin necesidad de una cuenta de Convika. El filtro web de una escuela puede bloquear un sitio que todavía no conoce, así que abre el enlace en un dispositivo de un estudiante antes de la clase. Un juego o un cuestionario en la página le muestra a cada estudiante su propio puntaje y a ti no te envía ninguno. Para los puntajes que registras, usa un cuestionario de Google Forms. Sigue cómo convertir en un enlace un cuestionario o un juego de repaso hecho con IA para ver cómo sacar el juego de la IA, con una petición para pegar en el chat. Si lo hiciste en Claude para Educadores, cómo compartir un artefacto de Claude con estudiantes (en inglés) explica por qué su enlace para compartir no se abre para ellos.
¿Das clases en Hong Kong? Ni las regiones admitidas de Anthropic (en inglés) ni la lista de OpenAI de los países en los que está disponible ChatGPT incluyen Hong Kong. Un informe de enero de 2026 de Our Hong Kong Foundation (en inglés), sobre una encuesta a 1.200 docentes y estudiantes de Hong Kong, encontró que las herramientas que más se usan son POE y DeepSeek. Un cuestionario que cualquiera de las dos escriba como un solo archivo HTML se publica y se comparte igual.
Deja que tus colegas lo reutilicen. Las copias están desactivadas hasta que las activas: en la configuración de la página, en la sección de copias de la página, marca la casilla que permite que la gente haga su propia copia de la página. Entonces una línea al final de la página en línea permite que cualquiera que la abra haga su propia copia, gratis, y la cambie. Así, otro profesor puede adaptar tu juego. Las copias conservan el texto de la página, nombres incluidos, así que no pongas en ella los nombres de tus estudiantes. Para desactivar las copias, usa la misma sección de copias de la configuración de la página.
Corrígelo sin volver a publicarlo en Classroom. Si encuentras una respuesta incorrecta después de la primera hora, abre la pantalla de la página. En la sección para subir una versión nueva desde un archivo, suelta el archivo corregido o cambia a Pegar código, y súbelo como versión nueva. Cuando la tarjeta diga que la vista previa v2 está lista, pulsa Abrir vista previa para revisar tu trabajo. Publica la v2 en el mismo enlace, y luego pulsa Publicar en el cuadro de diálogo. El enlace de Classroom y el código de tu diapositiva abren la página corregida. No uses Subir un archivo HTML para una corrección: crea una página nueva en una dirección nueva.
Páginas con CSS o imágenes en otros archivos
Classroom adjunta el único archivo que eliges. Una página que carga style.css, script.js o imágenes de su carpeta las pierde cuando se abre en otro lugar. Convika también aloja un documento HTML por página. Pon el CSS y el JavaScript dentro del archivo HTML, y haz que cada imagen apunte a una dirección https://. También puedes pedírselo a la IA que escribió la página: “Convierte esto en un solo archivo HTML con todo el CSS y el JavaScript dentro, y usa direcciones https:// para las imágenes”. Una biblioteca que se carga desde un enlace https:// (una biblioteca de gráficos) funciona en una página publicada. En Free, una página que llama a la API de otro sitio (una tabla de récords, una hoja de cálculo de Google) no funciona: las solicitudes fetch y XHR de un script en una página de Convika solo llegan a la propia dirección de la página. En Pro, MAX y el pase de 1 año, también llegan a las herramientas de analítica que admite Convika, entre ellas las direcciones de Google, y a los dominios que indiques para tu propia red de anuncios en la configuración de la página (hasta 20), así que una llamada así solo funciona ahí si su dominio está en una de esas listas.
Preguntas frecuentes
¿Cómo entrego un archivo HTML en Google Classroom?
Publica el archivo para que tenga una dirección, selecciona Agregar o crear (o Añadir o crear) > Vínculo (o Enlace) en Tu trabajo, escribe la dirección y haz clic en Entregar. Convika Free lo publica sin tarjeta para cualquier persona desde los 13 años, con el consentimiento de su madre, padre o tutor si tiene menos de 18. Si tienes menos de 13, pregúntale a tu profesor cómo poner la página en línea.
¿Por qué mi profesor ve código en lugar de mi página?
Entregaste el archivo, y cómo muestran Classroom o Drive un archivo .html depende de ellos. La ayuda de Drive incluye .html entre los archivos de código de los que muestra una vista previa, pero no dice si la vista previa muestra la página. Entrega un enlace a una página publicada, porque ese enlace abre la página en sí.
¿Cómo entrego un archivo HTML en Canvas?
Si tu profesor permite URL de sitios web, publica el archivo, abre la tarea, haz clic en la pestaña URL del sitio web, pega la dirección y haz clic en Enviar tarea. Canvas guarda una instantánea de la página tal como se veía cuando la entregaste. Pregúntale a tu profesor cómo quiere recibir la dirección si tiene que usar la página.
¿Puedo entregar un enlace en lugar de un archivo en Google Classroom?
Sí, puedes entregar un enlace en lugar de un archivo. En la propia ayuda de Google, Agregar o crear (o Añadir o crear), en Tu trabajo, ofrece Vínculo (o Enlace) junto a Google Drive y Archivo. Escribe la dirección, haz clic en Agregar (o Añadir) y haz clic en Entregar.
¿Cómo publico un juego para mi clase en Google Classroom?
Publica el archivo HTML del juego, ve a la página Trabajo en clase (o Trabajo de clase), selecciona Crear > Material, haz clic en Agregar (o Añadir) > Vínculo (o Enlace), pega la dirección y haz clic en Publicar. Los estudiantes lo abren en el navegador sin cuenta. Abre antes el enlace en 1 dispositivo de un estudiante, por si el filtro web de la escuela lo bloquea.
Artículos relacionados
- Cómo compartir un archivo HTML como un enlace que se abra en cualquier teléfonoEl correo y Drive abren un HTML en el teléfono sin scripts. Compara 5 servicios (Netlify Drop, Tiiny Host, Pagelive, GitHub Pages, Convika) y sigue 4 pasos.
- Convierte un cuestionario o un juego de repaso hecho con IA en un enlace que tus estudiantes puedan abrirPídele a ChatGPT, Claude o Gemini el cuestionario en un solo archivo HTML, publícalo gratis y dales a tus estudiantes un enlace o un código QR, sin cuentas.
- Convierte un archivo HTML en un código QR que se pueda escanearUn código QR guarda un enlace, nunca el archivo. Publica la página en una dirección que no cambia, muestra su código QR en el panel y descárgalo en PNG.
- Cómo compartir un archivo HTML de Google Drive como página webGoogle Drive comparte un archivo HTML como código o descarga, no como página web. Mira cómo funciona su enlace y cómo publicar tu HTML con un enlace en línea.