Lista de sitios web estáticos
Esta lección es para usted si desea tener un sitio web totalmente gratuito, fácil de mantener, apto para la conservación y seguro, sobre el que tenga pleno control, como un blog académico, un sitio web de proyectos o un portafolio en línea.
Al final de esta lección, dispondrá de un sitio web básico en el que podrá publicar contenidos que otras personas podrán visitar (tendrá este aspecto) y también dispondrá de algunos recursos que podrá explorar si desea personalizar más el sitio.
Requisitos: Un ordenador (Mac/Windows/Linux están bien, pero esta lección no cubre algunos aspectos del uso de Linux), la capacidad de descargar e instalar software en el ordenador, una conexión a Internet que pueda soportar la descarga de software. Los usuarios han informado de que necesitan entre 1 y 3 horas para completar toda la lección.
Los sitios web dinámicos, como los creados y gestionados por un sistema de gestión de contenidos como Drupal, WordPress y Omeka, extraen información de una base de datos para rellenar el contenido de una página web. Cuando buscas un libro en Amazon.com, por ejemplo, la página de resultados de la búsqueda que se te muestra no existía ya como página HTML completa; en su lugar, Amazon.com tiene una plantilla para la página de resultados de la búsqueda que incluye cosas que todas las páginas de resultados comparten (como el menú principal y el logotipo de Amazon), pero consulta la base de datos para insertar los resultados de la búsqueda que has iniciado en esa plantilla.
Ejemplo de sitio web estático y su razón de ser
Si estás construyendo tu propio sitio web, optar por un sitio web estático o dinámico es una de las primeras decisiones importantes que tendrás que tomar, ya que determinará cómo se almacenan tus páginas web y se entregan a los visitantes en sus navegadores.
Para ayudarle a entender la diferencia, vamos a desglosar lo que significa que un sitio web sea estático o dinámico, y a discutir los pros y los contras de cada enfoque. Por último, compartiremos algunos ejemplos de sitios web dinámicos populares para que tenga una mejor idea de lo que pueden hacer.
La diferencia entre los sitios web estáticos y los dinámicos es que los sitios web estáticos tienen la misma apariencia para todos los usuarios que acceden a ellos y sólo cambian cuando un desarrollador modifica los archivos fuente, mientras que los sitios web dinámicos pueden presentar información diferente a distintos visitantes.
Por muy complejo que parezca un sitio web, en el fondo una página web no es más que un archivo HTML que se muestra en un navegador. Cuando usted visita un sitio web, su navegador envía una solicitud al servidor web que aloja el sitio, y el servidor responde enviando de vuelta un archivo HTML (junto con algunos otros archivos relacionados). El navegador procesa este archivo HTML y lo muestra como una página.
Los mejores ejemplos de sitios web estáticos
Tanto si eres un experto en tecnología como si no, las plantillas de sitios web HTML estáticos pueden ser una solución perfecta. Aunque no tienen una interfaz en la que se pueda crear una página web con la función de arrastrar y soltar, siguen siendo intuitivas de editar y utilizar. No ceden en términos de diseño, funcionalidad, experiencia de usuario o comportamiento responsivo. Además, se someten a constantes mejoras para cumplir con los requisitos actuales. Además, son la mejor opción cuando se necesita un sitio web ligero y que funcione rápidamente, ya que sólo contienen los archivos necesarios.
La plantilla de pantalla de inicio se basa en un fondo de imagen que es ligeramente tenue para dar a los elementos de primer plano un contraste perfecto y encender el interés con la ayuda de material visual inteligente. El eslogan es tan grande que se ve enseguida.
Como corresponde a un buen botón de llamada a la acción, éste incluye un colorido brillante. La navegación es mínima pero va al grano. Esta plantilla es una solución perfecta para crear impresionantes sitios web de una sola pantalla que dicen mucho.
Ejemplo de página web estática en html
Por supuesto, si quiere 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 páginas web estáticas 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.
