Web estática y dinámica
Una web estática muestra siempre lo mismo hasta que alguien cambia sus archivos; una dinámica cambia según los datos o según quién la visita.
✦Apagada: responde bien la pregunta del final para encenderla
También lo verás como: web estática · sitio estático · estático · web dinámica · dinámico · contenido dinámico
Analogía
- Estática: la carta impresa del restaurante. Para cambiar un precio, se reimprime.
- Dinámica: la pizarra donde el encargado escribe el plato del día y tacha lo que se acabó.
Las diferencias que importan
| Estática | Dinámica | |
|---|---|---|
| Hecha de | HTML y CSS (y quizá JavaScript) | además, backend y base de datos |
| Para cambiar contenido | se editan los archivos y se vuelve a publicar | se cambian los datos, a menudo desde un panel |
| Coste y riesgo | muy bajos: casi no se puede romper ni atacar | más altos: hay servidor, datos, usuarios |
| Velocidad | rapidísima | depende de cómo esté hecha |
| Ejemplo | la carta de la Fase 2 | la carta con panel para marcar platos agotados (Fase 8) |
Para qué sirve saberlo
Es la frontera que multiplica el precio de un proyecto (Fase 0, apartado 4.3) y la primera decisión técnica de cualquier encargo. Empezar estático y pasar a dinámico solo cuando el negocio lo necesita es casi siempre lo correcto.
Un paso más: estática no significa "sin movimiento"
Una web estática puede tener animaciones, menús que se abren y filtros hechos con JavaScript. "Estática" habla de cómo se sirve, no de cómo se ve: el servidor entrega siempre los mismos archivos, sin preparar nada a medida de quien pide.
En una dinámica, el servidor arma la respuesta en el momento: consulta la base de datos, mira quién eres y construye la página para ti.
La pregunta que las separa: ¿dos personas distintas, o la misma persona mañana, pueden ver contenidos distintos sin que nadie haya tocado el código? Si sí, es dinámica.
Y no es todo o nada: lo habitual en proyectos reales es mezclar. Páginas estáticas para lo que no cambia (inicio, contacto) y dinámicas solo donde hace falta (pedidos, panel).