Usando Bootstrap para una página índice

Posted on by

Hoy he podido completar la creación de un paquete Debian para uno de los servidores que administro. Concretamente en el servidor en el que he vuelto a usar awstats y que ya mencioné en una entrada anterior.

He aprovechado para aprender algo nuevo, que es el uso de la herramienta Bootstrap (versión 4) para que la página quedase vistosa y se adaptase a diferentes medios (responsive en la jerga actual). Los resultados han sido muy satisfactorios por lo poco que me he tenido que preocupar de los detalles.

El paquete Debian también ha quedado muy apañado. La versión Bootstrap de la distribución actualmente es la tres mientras que yo quería emplear la cuatro. Así que la he descargado, la he añadido al paquete y he alterado las URL del fuente para no tener que depender de un servidor externo. 

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Víctor Moral">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <title>Accesos a tlp.zeine.es</title>
  </head>

  <body>

De manera que los archivos que conforman la web del servidor son los siguientes:

var/www/html/tlp.zeine.es
/var/www/html/tlp.zeine.es/css
/var/www/html/tlp.zeine.es/css/awstats.css
/var/www/html/tlp.zeine.es/css/bootstrap-grid.css
/var/www/html/tlp.zeine.es/css/bootstrap-grid.min.css
/var/www/html/tlp.zeine.es/css/bootstrap-reboot.css
/var/www/html/tlp.zeine.es/css/bootstrap-reboot.min.css
/var/www/html/tlp.zeine.es/css/bootstrap.css
/var/www/html/tlp.zeine.es/css/bootstrap.min.css
/var/www/html/tlp.zeine.es/images
/var/www/html/tlp.zeine.es/images/zeine-logo.png
/var/www/html/tlp.zeine.es/images/zeine.png
/var/www/html/tlp.zeine.es/index.html
/var/www/html/tlp.zeine.es/js
/var/www/html/tlp.zeine.es/js/bootstrap.bundle.js
/var/www/html/tlp.zeine.es/js/bootstrap.bundle.min.js
/var/www/html/tlp.zeine.es/js/bootstrap.js
/var/www/html/tlp.zeine.es/js/bootstrap.min.js

Y como tengo necesidad de crear varias páginas más de este tipo, de las que llaman de aterrizaje, voy a mecanizar un poco más el asunto para no tener que escribir tanto HTML y a usarlo de esta forma.

Referencias