Creación de un sitio web (X)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Construcción "local" del sitio web.-

Reiniciemos ahora el proceso de construcción de nuestro sitio web.

Habíamos creado una maqueta inicial navegable, fomada por plantillas iguales. Es hora de personalizar cada una de las páginas basándonos en la información que nos ha suminitrado el cliente, y para ello debemos conjugar diseño y programación, con objeto de crear páginas lo más estables posible, que no vayan a sufrir cambios posteriores en el diseño por causa del código de servidor.

Cogemos una página concreta y nos reunimos con los programadores, estudiando el tipo de código que va a precisar, tanto desde el punto de vista del cliente (navegador) como del servidor. Qué tipo de datos va a llevar, la longitud en caracteres de cada campo, cuantas filas van a tener sus tablas, etc. Y sólo cuando estemos seguros del contenido completo de ella pasaremos a construirla.

Una vez creada la página con HTML y JavaScript, pasamos a incluirle el código de servidor. Pero este código de servidor requiere para ver sus resultados que colguemos las páginas de un servidor (elemental, querido Watson), por lo que deberemos instalar un servidor en una de las máquinas accesibles por red ( o en nuestro propio ordenador, si hacemos una página sólos en casa), y este servidor web debe ser lo más parecido posible al que al final va a alojar el sitio web, ya que diferentes servidores tienen distintas particularidades.

Un factor a tener en cuanta ahora es que normalmente los enlaces que llevan las páginas deberemos pasarlos de relativos (../../images/punto.gif) a absolutos (/images/punto.gif). Estos enlaces absolutos parten de la carpeta raiz del nuestro sitio web, es decir, que debemos especificar cada link usando una ruta que parte siempre desde el mismo punto.

Una vez que hemos introducido el código que lleve la página (ASP, JSP, etc) debemos probarla para ver cómo queda, y esta prueba, lógicamente, debe hacerse accediendo a la página mediante el protocolo http, es decir, debemos hacer peticiones directas al servidor web desde el navegador. Es como si estuvieramos accediendo a cualquier página de Internet, con la única diferencia que en nuestro caso accedemos vía Intranet. Para ello deberemos configurar nuestro navegador para que las peticiones a las direcciones web de nuestro servidor local no las realice a través del Proxi (si estamos en una red).

Caso de que la página se vea mal en el navegador, deberemos corregir sus fallos de diseño, adaptando siempre éste al código de servidor necesario. Y lo mejos para ello es ver qué es lo que está recibiendo del servidor. Cogemos pués la página resultante, y pulsando el botón derecho de nuestro ratón activamos "ver código fuente", seleccionamos todo el código de la página y lo salvamos como página web (extensión .html). Abrimos este fichero con nuestro editor preferido, le cambiamos las rutas a relativas (para poder verlo en local) y le corregimos los errores, hasta que se vea como es debido. Por último, pasamos estos cambios a la página original, y comprobamos que se ve bien.

Este proceso lo deberemos hacer con todas y cada una de las páginas que formen nuestro sitio web, con lo que al final tendremos un sitio estable.

Otro tema a tener en cuenta es la diferente renderización que hacen los distintos navegadores que hay en el mercado. Aunque el navegador web más usado es Internet Explorer, de Microsoft, hay muchas personas que accederán a nuestras páginas con alguna de las versiones de Nestcape Navigator. Salvo que nuestro cliente nos indique otra cosa, deberemos crear nuestras páginas compatibles con Internet Explorer 5.0 y superiores y Nestcape Navigator 4x y superiores. Esto nos obligará a usar un código HTML perfectamente construido, ya que es la única forma de que la página se vea bien en todos los navegadores, y a usar normalmente una hoja de estilos y un código JavaScript para cada uno de ellos.

El trabajo de creación de las páginas es una tarea de equipo, y para que este trabajo simultáneo de direferentes personas no acarrée problemas necesitaremos aplicar unas técnicas concretas. Lo veremos en el siguiente capítulo.