Antonio Cambronero
Autor de la bitácora Tramontana
(una especie de 'hola mundo' de los weblogs)
Los informáticos tenemos una tendencia innata a utilizar las herramientas más complicadas. Y si no existe esa aplicación imposible que sólo un usuario en Australia sería capaz de entender y manejar, pues la diseñamos y codificamos y listo. A menudo, los que hacemos la Internet, los entendidos y los del montón, olvidamos las normas básicas de usabilidad y accesibilidad. Últimamente están ganando adeptos gurús como Jeffrey Zeldman o Jacob Nielsen, especialistas en desarrollo de páginas web que predican la simplicidad y la 'claridad' como principios fundamentales en los sitios de la Red. Atrás quedan los diseños hipercoloreados y repletos de imágenes en movimiento. Incluso programas, de evidente utilidad, como Flash, repudiados en un principio por preconizadores de la usabilidad, como el mismo Nielsen, están en proceso de revisión para su relanzamiento en versión usable.
La usabilidad, hace referencia a páginas web que no presenten para el usuario problemas de navegación y que, en general, su manera de uso sea fácil, clara, manejable, etc. La accesibilidad se obtiene facilitando el uso a toda persona con algún tipo de discapacidad. El primer paso para que una página web sea usable y accesible es que pueda ser vista en cualquier navegador y dispositivo con acceso a Internet y que esté normalizada, de acuerdo a reglas ampliamente aceptadas en su código, refrendadas por organismos internacionales de estandarización .
En este artículo, me gustaría explicar al lector que desea aventurarse en la creación y mantenimiento de un weblog, cómo iniciarse fácilmente, en este mundillo, en tres pasos y de acuerdo a las mínimas normas de usabilidad. Lo más sencillamente posible, usted, amigo lector, tendrá las pautas para construir un sistema propio de mantenimiento de un weblog.
Paso 1. Alojamiento del weblog. Herramienta básica: PHP.
Básicamente, un weblog es una página web (codificada en html) y una base de datos, que contiene los mensajes (posts), que el autor escribe periódicamente. Ambos elementos tienen que residir en un ordenador conectado permanentemente a la Red, para poder ser vista. Numerosos proveedores ofrecen este servicio. Los de carácter gratuito suelen restringir ciertos aspectos, pero es necesario que faciliten el uso del lenguaje PHP. También podemos construir el weblog con otros lenguajes similares como ASP o PERL, aunque nosotros nos centraremos en PHP.
Una vez elegido nuestro proveedor, dispondremos de un espacio de almacenamiento, tanto para nuestras páginas HTML como para nuestra base de datos, que será simplemente un archivo secuencial con los posts ordenados cronológicamente. El lenguaje PHP, a diferencia de los de tipo script, permite incrustar sus instrucciones en el propio código HTML de la página, lo que facilita enormemente la construcción de webs dinámicas. Y no olvidemos que un weblog no es más que una página HTML cuyo contenido cambia a menudo, cada vez que su autor inserta un post.
Todos los weblogs tienen tres partes esencialmente; dos fijas, la cabecera con el título y el índice de secciones; y otra variable: la parte donde van los posts.
Nuestro weblog tendrá, por lo tanto, algo así como dos clases de código: una HTML para la parte fija y otra PHP para la parte variable. Pero el 'trozo' PHP es sumamente sencillo, fíjense:
<?
include("fichero_con_los_posts.html");
?>
El fichero "fichero_con_los_posts.html" contiene los posts y luego veremos cómo se actualiza. El proveedor del servicio de almacenamiento (hosting) tiene que garantizarnos que los ficheros puedan actualizarse desde Internet por cualquier usuario, lo que, en el lenguaje informático, se conoce como autorización para cambiar los permisos de los ficheros (chmod). Esta es una de las restricciones que suelen imponer casi todos los proveedores gratuitos, por lo que debe ser una de las primeras cuestiones a tener en cuenta.
Paso 2. Separar diseño y contenido.
Sabemos qué queremos mostrar en nuestro weblog, pero nos falta saber cómo hacerlo. Todos los weblogs tienen un diseño, una personalidad que los identifica, reflejada en su aspecto, en lo que ve el usuario. También, hablando de usabilidad, es muy importante, cómo se navega por las páginas, si la información para moverse por ellas es clara, inequívoca y sencilla.
Básicamente nuestra página HTML tiene que estar escrita cumpliendo una normativa que garantice, por un lado, que se visualiza en los navegadores de última generación; y por otro, separando el contenido del diseño, lo que permitirá fundamentalmente cambios en la estructura y aspecto de la página sin que se vea afectado el contenido de la misma. Lo primero se consigue escribiendo el código en XHTML 1.1, una versión en lenguaje XML del HTML. Digamos, sin entrar en muchos pormenores, que XML es un lenguaje que describe datos, mientras que HTML describe cómo mostrarlos.
Lo segundo, se consigue utilizando las hojas de estilo en cascada, CSS, que permite definir el aspecto (tamaños, colores, disposición, etc.) de los elementos de una página de forma independiente del código HTML.
En el código HTML de nuestro weblog, únicamente tendremos que insertar la instrucción correspondiente para indicarle qué archivo CSS se utilizará.
Lo mejor es que les muestre el súper-simplificado código HTML, mejor dicho: ¡XHTML!, de nuestro weblog. Debo de decirles que funciona y que tanto la página XHTML 1.1 como el archivo CSS, validan correctamente sin errores en los servicios gratuitos de W3C, organismo dedicado a divulgar la web estándar.
<?php
echo "<?xml version='1' encoding='iso-8859-1'?>";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Mini::Blog::</title>
<style type="text/css" media="all">@import "miniblog.css";</style>
</head>
<body>
<h1>Mini ::blog::</h1>
<div id="content">
<br />
<?
include("ficheroconlosposts.html");
?>
&ly;/div>
</body>
</html>
El fichero CSS, miniblog.css, que mostramos a continuación, define el tipo de letra, color, tamaño y colocación, tanto para el título como para la caja con los posts. Lo bueno es que podríamos cambiar el aspecto de la página sin tocar ni el código XHTML anterior ni el fichero con los posts.
body {
margin:10px 10px 0px 10px;
line-height: 15px;
font-family: verdana, arial, helvetica, sans-serif;
padding:0px;
font : 11px/16px verdana, geneva, arial, helvetica, sans-serif;
color : #555;
}
a {
text-decoration: none;
font-weight: bold;
color: black;
background-color: white;
outline: none;
}
a:visited {
color: #09c;
background: none;
text-decoration: underline;
}
a:link {
color: #09c;
background: none;
text-decoration: underline;
}
a:hover {
color: white;
background:#808080;
}
#content {
background:#fff;
margin-left: 199px;
margin-right:199px;
padding-left:15px;
padding-top:15px;
padding-right:15px;
border-left:1px dashed #666;
border-right:1px dashed #666;
border-bottom:1px dashed #666;
border-top:1px dashed #666;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
}
html>body #content {
margin-left: 201px;
margin-right:201px;
}
p,pre {
margin:10px 10px 10px 10px;
}
strong , b {
font-weight : bold;
}
.ahem {
display: none;
}
h1 {
color: #aaa;
background-color:white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 30px;
line-height: 44px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
Paso 3. Actualización manual sin miedos.
Lo mejor de todo es que su página ya está albergada, por ejemplo como index.phtml, en el directorio raíz de su servidor (en el mismo lugar que el archivo miniblog.css), cumple los estándares XHTML 1.1 y CSS, por lo que se visualiza correctamente en todos los navegadores de última generación y tiene perfectamente separados diseño y contenido.
Para actualizar periódicamente el archivo "fichero_con_los_posts.html", existen varias alternativas, desde las más simples a las más sofisticadas. Pero, en cualquier caso, asegúrese que tiene los permisos de lectura y escritura adecuados.
Los sistemas de mantenimiento de weblogs más famosos, como Movable Type, GreyMatter o Blogger, consisten en completísimos programas no sólo para actualizar la base de datos con los posts, sino para realizar muchas otras funciones.
Sin embargo, si usted no quiere complicarse la vida, piense que donde están los posts puede ser nada más que un simple archivo y éste se puede actualizar por las vías más sencillas.
Y, sin duda, la forma más simple y efectiva es actualizarlo vía FTP, con nuestro cliente de transmisión de archivos. Hay dos formas, mantener una copia del fichero con los posts en el disco duro de nuestro ordenador, subiendo y bajándolo hacia/desde el servidor y otra, editarlo directamente con la opción que, seguramente, tendrá nuestro programa de FTP.
WS_FTP, sin ir más lejos, es un software gratuito que incluye todas las opciones para manejar su weblog, directamente en el servidor: visualizar, editar, renombrar, borrar, cambiar permisos, etc.
Evidentemente, usted, dejará de ser un principiante pronto y necesitará una herramienta más potente. Usará Movable Type o, incluso, desarrollará el super-sistema con todas las funcionalidades posibles. Sin embargo, aquí está la esencia de lo que es un weblog. No necesita más.