Separacion: el dilema del disenador Web (2)

Toma el ejemplo de contenido del web más simple que puedas imaginar:

  <h1>Title</h1>
  <p>Lorem ipsum dolor met.</p>

        

El<h1> y <p> son claramente parte del contenido, ¿no? No podemos escribir HTML sin este código semántico básico. Aún así, este código es también parte de la estructura del documento, ya que divide lo que por lo demás sería un montón uniforme de palabras en un encabezado y un párrafo. (Y naturalmente, si somos muy estrictos, podríamos incluso considerar el código como parte de la presentación. Al fin y al cabo, el navegador tiene una forma predefinida de mostrar los <h1> y <p> del texto, ¿verdad?)

¿Dónde nos lleva todo esto?

Contenido y estructura

Teóricamente puedes separar contenido y estructura, pero te quedará el <ul><li></li></ul> para la estructura, y un texto sin muchas opciones para el contenido. No hace falta decir que montar un sito funcional a partir de aquí sería casi imposible.

Así que podemos llegar a la conclusión de que la estructura no puede y no debería separarse del contenido.

Presentación y estructura

Como hemos visto, sin elementos estructurales, no hay manera de aplicar estilos al contenido. La estructura no puede separarse de la presentación; ni debería.

Todo lo cual nos lleva a …

Presentación y contenido

Si bien la presentación depende de la estructura, parte de la cual está incrustada en el contenido, como hemos indicado antes, la presentación puede y debe separarse del contenido.

Aunque los mayores cambios en la presentación pueden requerir grandes cambios en la estructura, el contenido se puede modificar sin necesidad de cambios en la estructura más allá de loselementos estructurales ya considerados.

Herramientas para la separación

Con todo esto en la cabeza, veamos cual sería el perfecto sistema de separación en un sitio web.

Almacenaría el contenido en una base de datos, permitiendo aislar y manejar la información de los contenidos. La presentación y la estructura se manejarían juntas; la presentación se podría conseguir con hojas de estilo y elementos estructurales adicionales si fueran necesarios.

La estructura se manejaría mejor con un sistema de paquetes de “plantillas” construidas utilizando un lenguaje de guiones en servidor (como PHP o ASP). Cada “paquete” de plantillas podría tener una o más hojas de estilo (como en CSS Zen Garden), pero cada “paquete” de plantillas conectaría con la misma base de datos para recuperar el contenido que se debe mostrar.

Muchos sistemas de manejo de contenidos (CMS) proporcionan diversos niveles de este tipo de control. Sin embargo, sistemas completamente basados en plantillas que hagan uso de las hojas de estilo como en CSS Zen Garden son muy pocos.

Pero para un webmaster competente, construir algo como esto partiendo de cero no puede ser tan duro ¿o sí?

Autor: Michael Cohen
http://platea.cnice.mecd.es/~jmas/manual/html/separacion.html

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

- La revolución móvil generará la Web 3.0?
- Estrategia para mejorar la Popularidad Web
- Materiales imprescindibles
- Tagging, Folksonomies y Tag clouds
- Herramientas imprescindibles (y gratuitas) para un desarrollo accesible.

- Versión imprimible de este documento
- Enviar por e-mail este documento