CSS Zen Garden és un projecte que va néixer amb l'objectiu de difondre les possibilitats i avantatges de l'ús dels fulls d'estils com a tècnica per dissenyar pàgines web. A partir d'un mateix document, els dissenyadors aporten el seu disseny i estil de presentació sense tocar cap element de l'estructura XHTML. Totes les diferències visuals i estètiques passen per la modificació del CSS.
Aquest projecte ha tingut força repercussió en el món dels dissenyadors i webmasters. Ha estat traduït a diferents idiomes:
L'objectiu d'aquest exercici serà començar un full d'estils que s'anirà completant al llarg dels mòduls següents i que, finalment, podreu utilitzar com a CSS del projecte.
Es tracta de crear un full d'estil personal i original associat a un document XHTML únic per tothom.
En primer lloc, descarregueu el fitxer XHTML base al vostre ordinador i feu les següents modificacions:
Cap element del cos del document es pot modificar i/o alterar. Per tant, el full d'estil s'ha d'ajustar a aquesta estructura.
El següent pas serà crear el full d'estil base.css.
En aquest full d'estil personal heu d'incorporar els elements que heu vist al mòdul 3, és a dir:
h1
, h2
, h3
, h4
, h5
i h6
p
blockquote
em
, strong
, kbd
, acronym
, abbr
i code
Publiqueu el resultat al directori temp/jardi-zen/
de l'espai web del curs. Per consultar la pàgina, la URL correcta seria:http://www.xtec.cat/~actxxx/temp/jardi-zen/index.html
Informeu al tutor/a de la disponibilitat de l'exercici un cop finalitzat.