Ejemplo de sitio web estático
Un sitio web estático contiene páginas web con contenido fijo. Cada página está codificada en HTML y muestra la misma información a cada visitante. Los sitios estáticos son el tipo más básico de sitio web y son los más fáciles de crear. A diferencia de los sitios web dinámicos, no requieren ninguna programación web ni diseño de bases de datos. Un sitio estático puede construirse simplemente creando unas cuantas páginas HTML y publicándolas en un servidor web.
Como las páginas web estáticas contienen un código fijo, el contenido de cada página no cambia a menos que sea actualizado manualmente por el webmaster. Esto funciona bien para los sitios web pequeños, pero puede hacer que los sitios grandes con cientos o miles de páginas sean difíciles de mantener. Por eso, los sitios web más grandes suelen utilizar páginas dinámicas, que pueden actualizarse simplemente modificando un registro de la base de datos. Los sitios estáticos que contienen muchas páginas suelen diseñarse con plantillas. Esto permite actualizar varias páginas a la vez, y también ayuda a proporcionar un diseño consistente en todo el sitio.
Páginas estáticas y dinámicas
Este artículo necesita citas adicionales para su verificación. Por favor, ayude a mejorar este artículo añadiendo citas de fuentes fiables. El material sin fuente puede ser cuestionado y eliminado.Buscar fuentes: “Static web page” – news – newspapers – books – scholar – JSTOR (February 2008) (Learn how and when to remove this template message)
Una página web estática (a veces llamada página plana o página estacionaria) es una página web que se entrega al navegador del usuario exactamente como está almacenada,[1] en contraste con las páginas web dinámicas que son generadas por una aplicación web[2].
En consecuencia, una página web estática suele mostrar la misma información para todos los usuarios, desde todos los contextos, a reserva de las capacidades modernas de un servidor web para negociar el tipo de contenido o el idioma del documento cuando tales versiones están disponibles y el servidor está configurado para ello[3]. Sin embargo, los scripts de un sitio pueden introducir funcionalidades dinámicas, que pueden hacer que una página web estática parezca dinámica.
Las páginas web estáticas suelen ser documentos HTML[4] almacenados como archivos en el sistema de ficheros y puestos a disposición por el servidor web a través de HTTP (no obstante, las URL que terminan en “.html” no siempre son estáticas). Sin embargo, las interpretaciones laxas del término podrían incluir páginas web almacenadas en una base de datos, e incluso podrían incluir páginas formateadas usando una plantilla y servidas a través de un servidor de aplicaciones, siempre y cuando la página servida no cambie y se presente esencialmente como está almacenada.
Comentarios
En general, dinámico significa capaz de actuar y/o cambiar, mientras que estático significa estacionario o fijo. Los sitios web dinámicos y estáticos son términos utilizados para describir dos tipos de sitios y el método que utilizan para su visualización. Aquí exploraremos lo que los términos significan para el diseño web.
Un sitio web estático (a veces llamado página plana o estacionaria) se muestra en un navegador web exactamente como se almacena. Contiene páginas web con contenido fijo codificado en HTML y almacenado en un servidor web. No cambia, se mantiene igual o “estático” para cada espectador del sitio.
Un sitio web estático no requiere programación web ni diseño de bases de datos. La estática es la forma más básica de sitio web y es la más sencilla de crear y es perfecta para sitios de pequeña escala. Mantener un gran número de páginas estáticas puede convertirse rápidamente en una molestia que consume tiempo y es poco práctica. Si necesita un sitio web con cientos de páginas y una tonelada de contenido, un sitio web dinámico puede ser para usted.
Un sitio web dinámico (también conocido como sitio con base de datos) requiere programación web y diseño de bases de datos. Un sitio web dinámico contiene información y contenido que cambia, dependiendo de factores como el espectador del sitio, la hora del día, la zona horaria o el idioma nativo del país del espectador). El contenido de su sitio (texto/imágenes) se almacena en una base de datos o sistema de gestión de contenidos. Cuando la información se actualiza o cambia dentro de la base de datos, cambia en el sitio.
Generador de sitios estáticos
Por supuesto, si está buscando hacer el cambio, la miríada de opciones puede parecer desalentadora. Por eso estamos aquí. Vamos a echar un vistazo a una lista de los generadores de sitios web estáticos más populares y para qué son los más adecuados.
Los archivos planos se pueden servir desde CDNs de todo el mundo, lo que aumenta tanto la velocidad como el tiempo de actividad, y la gestión de sitios estáticos con sistemas de control de versiones como Git significa que el proceso de creación y actualización de sitios es muy eficiente.
Antes de empezar, probablemente notarás que ReactJS no está en esta lista. React se ha utilizado para crear algunos de los SSB en esta lista, y sin duda seguirá teniendo una mano en el futuro de la web moderna, pero para los propósitos de este artículo, estamos mirando a las herramientas que pueden construir sitios enteros y aplicaciones, no sólo los componentes.
Jekyll está construido con Ruby, y se utiliza más a menudo para los blogs y proyectos personales, debido a su estrecha integración con GitHub. Jekyll toma un directorio lleno de archivos de texto, renderiza ese contenido con plantillas Markdown y Liquid, y genera un sitio web estático listo para publicar. Su gran comunidad y su amplia gama de plugins lo convierten en un gran punto de partida para los blogueros que vienen del mundo de WordPress y Drupal, facilitando la importación de contenidos desde esos formatos y otros.