Imagen Docker Aplicación - Hola Ángeles

Descripción del proyecto

Este proyecto consiste en una aplicación web estática desarrollada con HTML y CSS, basada en un proyecto previo de otro módulo profesional, adaptada para ejecutarse dentro de un contenedor Docker utilizando Apache como servidor web.

La aplicación muestra un mensaje personalizado: "Hola Ángeles", y mantiene un diseño moderno con tarjetas, colores y animaciones sencillas.

El objetivo de la práctica es aprender a:

• Construir una imagen Docker personalizada.
• Configurar un servidor Apache dentro del contenedor.
• Servir páginas web estáticas desde Docker.
• Reutilizar proyectos anteriores y adaptarlos a nuevas tecnologías.

---

Estructura del proyecto

web-docker/
├── Dockerfile # Configuración para construir la imagen Docker
├── festival.jpg # Imágen del festival
├── index.html # Página principal de la aplicación
├── navegador.png # Imagen del funcionamiento correcto de la aplicación en el puerto 80
└── style.css # Estilos CSS de la aplicación

---

Cómo construir y ejecutar la imagen

1. Construir la imagen Docker

Ejecuta el siguiente comando desde la carpeta del proyecto:

docker build -t imagen-docker-aplicacion .
-t imagen-docker-aplicacion → asigna un nombre a la imagen.
. → indica que use el Dockerfile de la carpeta actual.

2. Ejecutar el contenedor

docker run -d -p 8080:80 --name contenedor-docker-aplicacion imagen-docker-aplicacion

• -d → ejecuta el contenedor en segundo plano.
• -p 8080:80 → mapea el puerto 80 del contenedor al 8080 de tu máquina.
• --name contenedor-docker-aplicacion → nombre del contenedor.
• imagen-docker-aplicacion → imagen que acabamos de construir.

Después, abre el navegador en:

http://localhost:8080

Deberías ver la página web con el mensaje principal Hola Ángeles.

3. Subir la imagen a DockerHub

Si quieres compartir tu imagen:

docker login
docker tag imagen-docker-aplicacion tu_usuario/imagen-docker-aplicacion:latest
docker push tu_usuario/imagen-docker-aplicacion:latest

• Sustituye tu_usuario por tu usuario de Docker Hub.
• Esto permite ejecutar tu aplicación en cualquier máquina con Docker.

Explicación de los archivos

• Dockerfile: Define la imagen Docker, copia los archivos de la aplicación, expone el puerto y arranca Apache.
• index.html: Contiene la estructura de la página web y el mensaje personalizado.
• style.css: Define los estilos visuales y las animaciones de la página.
• festival.jpg: Muestra la imagen principal acerca del proyecto.
• navegador.png: Confirmación del correcto proceso del proyecto sobre Docker.

Notas finales

• La aplicación está basada en un proyecto de otro módulo profesional, cumpliendo el requisito de reutilizar trabajos anteriores.

• Permite practicar Docker, Apache y despliegue de aplicaciones web estáticas.

• La imagen Docker puede ejecutarse en cualquier máquina con Docker sin necesidad de instalar Apache ni configurar servidores adicionales.