Anar a: Menú de secció | Menú principal | Peu | Inici de la pàgina

Anar a: Menú de secció | Menú principal | Peu | Inici de la pàgina

Els estàndards web: XHTML + CSS

per OLEGUER SERRA

16 de FEBRER DE 2006

Per què utilitzar XHTML?

  • L'XHTML és modularitzable i permet la introducció d'extensions per a descriure elements o atributs nous que siguin necessaris pels desenvolupadors.
  • Cada vegada hi ha noves formes d'accedir a Internet amb nous dispositius. L'XHTML està específicament dissenyat pera l'interoperabilitat.
  • Les webs dissenyades amb XHTML, funcionaran bé amb dispositius i navegadors antics i actuals, però també amb els que puguin aparèixer en un futur.
  • Si està ben utilitzats, els estàndards del W3C amplien l'accessibilitat dels continguts per a tot tipus d'ujauaris i augmenten el temps que un document podrà ser visible a la web. Per tant podem augmentar “l'audiència” durant més temps.
  • Les regles de l'XHTML són molt senzilles d'aprendre i és molt senzill migrar de documents escrits en HTML tradicional.
  • Per la seva estructura és molt fàcil validar els documents, per tant tenim moltes eines que ens ajudaran al desenvolupament.

Per què utilitzar CSS com a complement de visualització?

Un element que introdueix qualitat a les webs estàndards és la introducció de fulls d'estil (“Style Sheets”) per a la visualització de documents. Treballant amb CSS, obtenim una separació total del contingut i de la visualització, les webs són més fàcilment mantenibles, més simples, més flexibles, augmenten l'accessibilitat dels continguts i milloren el rendiment de la xarxa:

Com a complement a documents estructurats, els fulls d'estil (“Style Sheets”) proporcionen una informació de com s'ha de presentar una pàgina. Un canvi en l'estil, no afecta la informació del document.

Els fulls d'estil CSS fan que els documents siguin independents del fabricant, de la plataforma i del dispositiu que utitlitzem. El CSS per si mateix també és independent del fabricant, de la plataforma i del dispositiu que utitlitzem però podem crear estils per a grups de dispositius, per exemple impressores.

El manteniment d'un site complet és molt més senzill, per exemple, podem canviar un color de tota una web de moltíssmes pàgines, simplement canviant un full d'estil.

Tot i que l'utilització de CSS2 és més complex que els fulls d'estils CSS1, són molt fàcilment interpretables, i mantenen un alt grau de compatibilitat.

La codificació utilitzant CSS és molt compacte, per tant disminueix el tamany total dels documents i s'han d'utilitzar menys connexions de xarxa, millorant ostentosament el rendiment de la xarxa.

La utlització de CSS augmenta la riquesa gràfica de les web, permetent als dissenyadors assegurar els efectes dissenyats independent de la plataforma o el dispositiu que el visualitza.

Les funcionalitats del CSS permeten fer la web molt més accessible a usuaris amb discapacitats:

a)Propietats per a controlar l'aparença de tipus de lletra, permeten als desenvolupadors eliminar imatges amb textos inaccessibles.

b)Les propietats de posicionament, permeten eliminar trucs (per exemple imatges invisibles), per a forçar un “layout” determinat.

c)Usuaris amb requeriments especials de presentació, per exemple un contrast alt, poden forçar el canvi d'un full d'estil, conservant la legibilitat i la informació del document.

d)La navegabilitat del document utilitzant dispositius com lectors automàtics augmenta.

XHTML + CSS: Codificació orientada a cercadors.

Una bona campanya d'optimització d'una web als cercadors per a augmentar-ne el tràfic inclou: reduïr el tamany de les pàgines, mentenint una bona relació entre quantitat de contingut i quantitat de codi i posar molt de contingut rellevant (per al qual volem ser trobats). La programació utilitzant XHTML + CSS, ens orienta el codi cap aquesta cercabilitat.

Una bona forma de començar un aoptimització de codi de cara als cercadors és assegurar-nos que el codi és llegible. Els motors dels cercadors, funcionen de la mateixa forma que l'ull humà, un excés de codi farà que sigui molt difícil reconèixer què és rellevant d'un contingut. Millorant l'estructura i la organització dels continguts no només facilitarà la llegibilitat del codi pels desenvolupadors si no també assegurarà als cercadors trobar el que els volem ensenyar.

Una persona que visualitza un text de color verd amb un tamany de font de 25px a dalt d'una pàgina, assumeix que és el títol principal d'una web. Però si un cercador llegeix:

<strong><font color="#00FF00" size="25px">Títol principal</font></strong>

Li pot ser molt difícil interpretar el mateix. En canvi. Utilitzant XHTML:

<h1>Títol principal</h1>
i CSS:
H1 {font-family: Arial; size: 25px;
color: #00FF00; font-weight: bold;}

Utilitzant XHTML per a declarar l'H1, assegurem que el cercador sap perfectament que el text contingut és el títol de la pàgina.

Més informació

Els nostres projectes web, siguin claus en mà o associats a algun punt del cicle de vida, són necessàriament usables, accessibles doble A, com per exemple Dona Badalona o l'Ajuntament de Lliçà d'Amunt, i utilitzen els estàndards XHTML i CSS per a l'estructuració i organització de la informació i per a la seva presentació visual. A més, la seva producció se sosté en la nostra plataforma tecnològica 100% java i 100% web, eGestió, i el seu avançat mòdul de creació, gestió i manteniment de sites, eGestió CMS.

argus.net

accés directe a la teva bustia de correu

Anar a: Menú de secció | Menú principal | Peu | Inici de la pàgina