Separar disseny i contingut en les pàgines web

Al dissenyar una pàgina web hi ha una sèrie de normes o recomanacions del “bon disseny” que convè tenir en compte. Entre elles, dono especial importància a aquella que diu que es bo  separar el contingut (allò que volem expressar) del disseny, o el que és el mateix, separar el contingut de la forma de mostrar aquest contingut. ¿Per què és important?. Si ho fem, serà fàcil modificar o aplicar un nou disseny a la web sense haver de canviar totes les pàgines de la mateixa. Hi ha diverses estratègies per a independitzar el contingut i el disseny de la web. Veiem algunes:

Fer servir fulls d’estil CSS

Fa uns anys quan dissenyavem amb una pàgina amb HTML estàvem obligats a barrejar el contingut (allò que volem expressar) amb el format de presentació. D’aquesta manera era difícil aplicar normes d’estil coherents i encara era més difícil mantenir i fer canvis d’estil a la web. Avui en dia tots els navegadors d’internet ja suporten la utilització de fulls d’estil CSS (Cascade Style Sheet). No es una altre cosa que un fitxer que inclou tots els formats que fa servir la nostra web. D’aquesta manera, concentrem en un únic lloc totes (o quasi totes) les directrius de disseny de la nostra pàgina web. Si hem aplicat correctament la norma de separació de forma i contingut, tindrem la garantia que canviant un determinat format en el full d’estills CSS, el canvi es propagarà a tota de la web de manera coherent.

Fer servir una base de dades per a fer la gestió de continguts

Aquesta estratègia te més avantatges que no només la separació de disseny i contingut però també ajuda en aquest objectiu. Si tenim un lloc web amb molta informació i a més canviant, una bona estratègia serà el decidir que el contingut del web s’emmagatzemi en una base de dades de la web (per exemple una base de dades Mysql). Quan els usuaris visiten una pàgina del nostre web, aquesta fa una consulta a la base de dades i mostra el contingut. Aquí la separació de forma i contingut és molt clara. A aquestes pàgines se les sol anomenar com "pàgines dinàmiques" i solen estar programades en llenguatges de programació com el PHP.
La principal avantatge d’aquest sistema és que facilita el manteniment del contingut de la web (a través de senzills formularis d’entrada d’informació) i sobretot que permet a usuaris no tècnics el manteniment del lloc web.

Exemples típics d'aplicació d'aquesta estrayègia el trobem en llocs web que ofereixen un catàleg de productes o serveis ampli i canviant.

Alguns exemples de llocs web amb gestió de continguts

Seguidament mostrem dos exemples de webs que he dissenyat i que fan servir una base de dades per a gestionar determinats continguts.

- CECC (www.cecc.es). El lloc web de l’escola i productora de cine disposa d’una base de dades per a gestionar les més de 200 produccions de l’escola. Els administradors de l’escola alimenten i gestionen aquesta base de dades.

- Escola de ceràmica de la Bisbal (www.esceramicbisbal.net). L’escola ofereix un ampli ventall de cursos. Cada curs te un temari i fa referència a uns professors que imparteixen els cursos. També hi ha una taula que gestiona els horaris de cada curs. Els administradors de l’escola mantenen tota aquesta informació.