ET403 · Semana 3
Cómo publicar el portal de clase
Dos rutas sencillas: GitHub Pages para un sitio estático gratuito y Hostinger para usar tu propio dominio/subdominio y proteger mejor la carpeta docente.
Antes de subir
Descomprime el ZIP. Debes conservar index.html en la raíz junto con las carpetas CLASE, PRACTICA, DOCENTE, DESPLIEGUE y assets.
index.html
CLASE/
PRACTICA/
DOCENTE/
DESPLIEGUE/
assets/
No subas solamente index.html. Debes conservar toda la estructura porque el portal usa enlaces relativos entre carpetas.
Opción A · GitHub Pages
1
Crea un repositorio. En GitHub, crea uno nuevo; para GitHub Free, usa un repositorio público si vas a publicarlo con Pages.
2
Sube los archivos ya descomprimidos. Debes ver index.html en la raíz del repositorio, no dentro de otra carpeta adicional.
3
Activa Pages. Ve a Settings → Pages. En Build and deployment, elige Deploy from a branch.
4
Selecciona la rama main y la carpeta /(root); luego guarda.
5
Espera la publicación y usa Visit site. GitHub indica que los cambios pueden tardar hasta unos minutos en reflejarse.
Privacidad en GitHub Pages: el sitio de Pages es público. La guía docente de este paquete está cifrada, pero no conviene colocar otros documentos sensibles sin protección.
Documentación oficial:
GitHub Pages Quickstart
Configurar el origen de publicación
Opción B · Hostinger
1
En hPanel entra a Websites → Dashboard → File Manager del dominio o subdominio donde publicarás la clase.
2
Abre la carpeta public_html. Si deseas separar el curso, crea una carpeta como et403/semana3/.
3
Sube el ZIP y usa Extract, o sube directamente todos los archivos y carpetas.
4
Comprueba que dentro de la carpeta publicada esté directamente index.html.
5
Abre la URL del dominio/subdominio y prueba los botones de teoría, práctica y publicación.
6
Protección docente recomendada: en hPanel busca Password Protect Directories, selecciona la carpeta DOCENTE y asigna usuario/contraseña. Así tendrás protección del servidor además del cifrado del archivo.
Ventaja de Hostinger: puedes usar un subdominio como clases.tudominio.com o una ruta específica y aplicar protección real a la carpeta docente desde el hosting.
Documentación oficial:
Hostinger File Manager
Subir y extraer archivos
Proteger directorios con contraseña
¿Cuál usar para este curso?
| Necesidad | GitHub Pages | Hostinger |
|---|
| Publicar rápido y gratis | Muy conveniente | Requiere hosting activo |
| Enseñar repositorios a estudiantes | Excelente | No es el objetivo principal |
| Proteger carpeta docente desde servidor | No | Sí |
| Usar dominio propio | Posible con configuración | Directo si ya tienes dominio/subdominio |
Ruta práctica recomendada: para los estudiantes, GitHub Pages; para tu portal docente estable, Hostinger.
Prueba final antes de compartir
✓ Abre index.html
✓ Entra a la clase teórica
✓ Entra al taller
✓ Comprueba el QR de asistencia
✓ Prueba la guía del alumno
✓ Comprueba el botón privado docente
✓ Abre la guía de GitHub Pages
✓ Prueba en celular
← Volver al portal