index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>¿Qué es un Dockerfile?</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            color: #333;
            margin: 0;
            padding: 20px;
        }

        h1 {
            color: #0d6efd;
        }

        .container {
            background-color: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            max-width: 900px;
            margin: auto;
        }

        code {
            background-color: #eee;
            padding: 2px 6px;
            border-radius: 4px;
            font-family: Consolas, monospace;
        }

        pre {
            background-color: #272822;
            color: #f8f8f2;
            padding: 10px;
            border-radius: 6px;
            overflow-x: auto;
        }

        h2 {
            color: #198754;
        }

        ul {
            margin-top: 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>¿Qué es un Dockerfile?</h1>
        <p>Un <strong>Dockerfile</strong> es un archivo de texto que contiene instrucciones que Docker utiliza para construir una <em>imagen</em>. Define paso a paso cómo debe crearse un entorno de ejecución reproducible.</p>

        <h2>Instrucciones comunes</h2>
        <ul>
            <li><code>FROM</code>: define la imagen base sobre la que se construirá (por ejemplo, <code>ubuntu</code> o <code>node</code>).</li>
            <li><code>COPY</code> / <code>ADD</code>: copia archivos desde el sistema host al interior de la imagen.</li>
            <li><code>RUN</code>: ejecuta comandos durante el proceso de construcción (por ejemplo, instalar paquetes).</li>
            <li><code>CMD</code>: indica el comando que se ejecutará por defecto al iniciar el contenedor.</li>
            <li><code>EXPOSE</code>: documenta el puerto que usará el contenedor para comunicarse externamente.</li>
            <li><code>WORKDIR</code>: establece el directorio de trabajo dentro del contenedor.</li>
        </ul>

        <h2>Ejemplo simple</h2>
        <pre><code># Imagen base
FROM ubuntu:20.04

# Instalación de dependencias
RUN apt update && apt install -y nginx

# Copiar archivo local al contenedor
COPY index.html /var/www/html/index.html

# Puerto que usará el contenedor
EXPOSE 80

# Comando que se ejecuta al iniciar
CMD ["nginx", "-g", "daemon off;"]
</code></pre>

        <p>Con este <code>Dockerfile</code> se construye una imagen personalizada de <strong>Ubuntu</strong> que instala <strong>nginx</strong>, copia un archivo HTML y lanza el servidor web al arrancar el contenedor.</p>
    </div>
</body>
</html>