La página personal de Ricardo Martín Herrero
En la red desde el 11 de julio de 2000
Esta es mi novena reencarnación
Estás en: Inicio > Sobre este Sitio > Tecnología

Tecnología

El planteamiento inicial que he seguido en estas últimas dos versiones eran:

  1. Corregir los errores de estructura.

    Para ello debía eliminar el marco interior que impedía la indexación de las páginas que estaban contenidas en él. Cada una de las páginas debería ser 'plana', sin marcos. Hasta ahí todo claro. Pero si no utilizaba marcos, ¿Cómo conseguir repetir todos los elementos de navegación en cada uno de los documentos HTML sin morir en el intento? Hasta ahora, en el antiguo alojamiento, al no permitir scripting de servidor, tuve que utilizar archivos de inclusión de JavaScript. Era una solución algo chapucera, pero sin duda la única opción con que contaba. Con el cambio de servidor y la posibilidad de jugar con PHP (lenguaje de servidor) las cosas se simplificaron mucho. Toda la página se ensambla en el servidor (cabecera, menú y página principal).

    Para mayor accesibilidad se incluye en la parte superior izquierda del documento, como acostumbran muchas webs, la ruta seguida hasta llegar al documento, pudiendo desandar el camino paso a paso.

  2. Separar la presentación y el contenido.

    Otro de los quebraderos de cabeza surgía a la hora de darle una nueva apariencia al website. Debía cambiar cada una de ellas a mano, con la pérdida de tiempo que esto supone. Y no sólo esto, sino que el código fuente de cada documento era espantoso (siempre utilicé un editor WYSIWYG).

    Para solucionar esto dejé a un lado el HTML y me pasé al XHTML. Tuve que reescribir todo el código, olvidándome de las tablas para organizar los contenidos. XHTML es mucho más estricto que HTML y obliga a separar el aspecto del contenido. De este modo obtenemos un documento 'pelado' sin ningún formato, con la típica fuente Times en negro, fondo blanco y enlaces azules subrayados. Ahora sólo faltaba darle un aspecto 'decente'. Aquí es donde llega el CSS, con el que ya había trabajado antes, pero desconocía su verdadero potencial para transformar un documento anodino en uno atractivo de leer. Y con la ventaja añadida de poder cambiarlo cuantas veces quiera sin tocar los documentos de contenido. Para comprender el verdadero poder del CSS puedes visitar www.csszengarden.com.

  3. Actualizar las noticias fácilmente.

    Hasta ahora, las noticias de rmweb se actualizaban 'a mano', editando el documento y subiéndolo a la cuenta del servidor. Durante un par de años usé Blogger, un sistema de bitácoras que permitía actualizar páginas externas. Ahora que tengo acceso a bases de datos he programado en PHP y MySQL un pequeño gestor de contenidos que permite el mantenimiento de las noticias.

Herramientas utilizadas

Para programar. Al principio del proyecto usé Macromedia Dreamweaver MX 2004, pero me pareció poco práctico para editar el código a mano. Me cambié en seguida a HTML-Kit, un editor de código bastante potente y que te da muchas facilidades. Para la última versión he utilizado TSW WebCoder 5.

Para validar. Todo el código XHTML, así como la accesibilidad de este website ha sido validado exitosamente con TIDY y desde los validadores oficiales de XHTML y CSS de la W3C.

Para probar los documentos. Los documentos XHTML han sido probados y comprobados bajo Windows XP en los siguientes navegadores: Microsoft Internet Explorer 5 y 6, Mozilla Firefox 1.5 y en navegadores WAP de diferentes teléfonos móviles.

Principio de página

[Copyleft] Ricardo Martín Herrero 2000-2007
Web accesible para todos

XHTML + CSS | Nivel A de acuerdo con las normas de W3C-WAI