Estándares web (2)

Cuando se diseña utilizando estándares web se empieza con la estructura de un documento.

¿Cuales son las piezas de información?, este texto es un título, estos serán párrafos, aquí tengo una lista ordenada, la frase siguiente es una cita y aquí insertaré un subtítulo.

Primero se crea la estructura y luego el estilo, o apariencia.

En otras palabras, empezamos con la estructura del contenido y luego vamos trabajando el diseño visual, en vez de hacerlo al revés.

Esta forma de trabajo puede resultar extraña para todos aquellos acostumbrados a "dibujar" sus páginas web, puedo escuchar a algunos usuarios gritando "blasfemo!, hereje!". Las ventajas de diseñar con estándares web compensarán con creces el tiempo invertido en aprender el nuevo método, creanme.

Consideremos el siguiente ejemplo:

Hemos creado un diseño en el cual tenemos un bloque de contenido, compuesto por texto e imágenes. Ese diseño se utiliza en veinte páginas diferentes del sitio. Nuestro cliente está de acuerdo en todo salvo que desea que el fondo del bloque no sea azul sino verde, que los textos empiecen un poco más a la derecha y... "Ah!, ¿Podríamos ver como queda con un borde fino marrón?".

Si trabajamos de la forma "tradicional" deberiamos abrir cada una de las veinte páginas, encontrar el código de las tablas y celdas correspondientes a la sección por modificar, cambiar algunos bgcolor, modificar el cell padding (quien pensó en modificar el ancho está peor de lo que pensaba!) y, tristemente, crear una tabla dentro de otra si queremos "simular" un borde de un pixel.

Este cambio, repito, se debe realizar en cada una de las veinte páginas. Cuando volvemos a visitar a nuestro cliente este nos dice: "Perfecto, pero podríamos probar con rojo en vez de verde y el borde en negro?". Suele pasar, lo he vivido cientos de veces.

Creo que va quedando clara la idea.

Si hubieramos diseñado de acuerdo a estándares web no deberiamos tocar el código HTML, bastaría con cambiar tres líneas en nuestro archivo CSS, algo como esto:

#contenido {
background-color: #336699;
padding-left: 5px;
border: 1px solid #336699;
}

El cambio se notaría automáticamente en todas las páginas usando ese estilo, sean veinte o mil, y no habría necesidad de una segunda reunión con nuestro cliente (todos sabemos que este proceso de revisión y reuniones puede ser, a veces, interminable), los cambios se pueden hacer al instante.

Estoy convencido, ¿Cómo empiezo?

Lamentablemente muchos diseñadores web solamente conocen las aplicaciones, no menciono nombres pero todos sabemos cuales son, que les permiten generar sus páginas web y no conocen, o no les interesa conocer, el código que hace que esas páginas funcionen.

Para poder desarrollar sitios web es necesario tener un conocimiento a fondo de HTML (Hipertext Markup Language) para crear documentos y CSS (Cascading Style Sheets) para manejar su apariencia.

En un mundo ideal, un diseñador web debería ser capaz de crear sus páginas utilizando cualquier editor de texto ASCII.

Usuarios que han visto este tema también han visto...

- Imprimir mucho, gastar poco
- Los SI y los NO del marketing en Internet.
- Como buscan los usuarios en internet
- El poder de la Red está en su universalidad
- Diseñando una pagina inicial cautivante

- Versión imprimible de este documento

- Enviar por e-mail este documento