El Producte ePresence està construït sobre la Plataforma Hathor, això, entre d’altres avantatges, permet usar un sistema d’skins molt flexible, totalment deslligat dels contiguts.

Aquesta característica ens permet anar afegint continguts al Site, els quals heretaran la forma en la que s’han de visualitzar, en funció de l’skin que tinguin configurat. De igual manera, podem canviar cada cert temps l’aspecte del Site, igual que fariem amb l’aparador d’una botiga convencional, això sí, sense modificar-ne cap dels continguts.

Podeu comprovar-ho, fent clic a qualsevol dels skins que teniu aquí sota. Encara que sembli mentida, el contingut de la web no varia en cap moment, l’únic que canvia és l’skin. Podeu fixar-vos en el codi font de la pàgina per certificar que efectivament sempre és el mateix.

Aquest sistema d’skins es construeix gràcies a l’ús de CSS, Cascading Style Sheets – Fulles d’Estil en Cascada, un estàndard del W3C.

Podeu veure, carregant l’skin Skin Right Menu, com el menú principal de la pàgina es desplaça cap a l’esquerra, a més de canviar completament els colors de la pàgina. El tercer skin, l’Skin Big Big, és un exemple, deformat expresament i fet en cinc minuts, per mostrar que encara que usem mides exageradament grans, la web continua sent 100% funcional… el poder del CSS queda doncs de manifest.

També podeu comprovar com l’ús de CSS permet l’Accessibilitat dels continguts web, si feu clic a sobre de NO Skin, veureu com interpretarà un smartphone, PDA o sintetitzador de veu (per deficients visuals) els continguts del Site.

Si voleu veure autèntiques meravelles del disseny en CSS podeu dirigir-vos a la web de CSS Zen Garden. On també, a partir del mateix codi html, podreu veure dissenys totalment diferents i espectaculars.

Per aquest exemple del ePresence hem usat la base, així com l’skin, de la web 1234.info. Concretament el disseny Multiflex-3.

Skins d’exemple:

• Skin Base
• Skin Right Menu
• Skin Big Big
• NO Skin