Disseny de pàgines web amb CSS
La història del llenguatge HTML amb el que s'escriuen les pàgines web, no ha sigut una història de flors i violes sinó una història de guerres i traïcions.
Al principi l'HTML era senzill (navegador Mosaic), el text s'organitzat en paràgrafs, títols, imatges i enllaços a altres pàgines. Es pensava que cada navegador donaria un estil propi a les pàgines. I que els usuaris triarien el navegador que li donés l'estil que més li agradés.
Quan els comercials van descobrir el potencial d'Internet per a vendre i donar a conèixer els seus productes, tot va canviar. Cada marca volia donar personalitat a les seves pàgines i no acceptaven la idea inicial que cada navegador escollis l'estil de presentació.
El llenguatge HTML va començar a barrejar conceptes de presentació, estil, amb els conceptes originals d'organització del text.
I tot va anar a pitjor amb la guerra de navegadors entre el de Microsoft i Netscape. En comptes de mirar de posar-se d'acord i seguir un estàndard, cada un feia la seva solució i mirava d'imposar un estàndard de facto.
Els dissenyadors web aleshores havien de fer la feina malament, barrejant informació i presentació, i per duplicat, per IE i per Netscape.
Ara el temps ha passat i s'ha anat arreglant les coses. En comptes de fer créixer el llenguatge HTML, s'ha mirat de reduir-lo, treure-li tot el que eren estils i presentació. Així el codi HTML acaba tornant a ser text ben organitzat i l'estil
es defineix amb un llenguatge a part, el llenguatge CSS.
En un futur el llenguatge HTML deixarà pas al seu successor: el llenguatge XHTML. XHTML és la fusió entre el llenguatge HTML i el format XML, d'aquesta manera s'aconsegueix dues coses: un llenguatge menys ambigú i alhora un llenguatge que permet incloure qualsevol cosa en format XML, imatges, dades, fórmules, …
CSS Zen Garden és una demostració del potencial d'aquestes tecnologies. Els organitzadors de Zen Garden proposen als dissenyadors un document XHTML amb un text determinat, que és el mateix per a tots els dissenyadors. Els dissenyadors han d'estilitzar la pàgina web a la seva manera amb un fitxer CSS de la seva creació.
Per exemple els següents dissenys tenen el mateix contingut però com podeu veure tenen un estil ben diferent:
Per aprendre com funciona tot plegat recomano començar amb aquest tutorial en català.
[@more@]
