Edició amb estàndards web
W3C
consorci internacional que genera recomanacions per la World Wide Web
formula la especficació
XHTML
CSS
Creada l'any 1995 per Tim Berners-Lee
integrat per
Membres del W3C (330 membres)
W3C Team: 65 investigadors i experts de tot el món
W3C Offices: centres regionals als diferents paisos
L'oficina espanyola es troba dins la Fundació CTIC en el "Parque Científico Tecnológico de Gijón" (Principat d'Asturias)
Accessibilitat
Capacitat d'accés a la web i a tots els seus continguts per totes les persones independentment de la seva discapacitat
Les discapacitats poden ser
Visuals
utilitzen
lector de pantalla
línies braile
magnificador de pantalla
Motrius
Auditives
Cognitives
exemples
HTML semánticament correcte amb textos alternatius per a les imatges dóna una bona accessibilitat a persones cegues
Vídeos amb subtítols ajuden a persones amb discapacitats auditives
Llenguatge senzill i diagrames beneficien a gent que pateix dislexia o problemes d'aprenentatge
Promoguda per W3C
més concretament per Web Accessibility Initiative (WAI)
WCAG: Pautes d'accessibilitat al contingut de la web (dirigides als webmasters)
ATAG: Pautes d'accessibilitat per a l'eina d'autor (dirigides als desenvolupadors de software)
UAAG: Pautes d'accessibilitat per a agents d'usuari (dirigides als desenvolupadors de navegadors i similars)
Motius
per augmentar la audiència de les pàgines
per la igualtat de tots davant d'una pàgina web
tests per comprovar l'accessibilitat
TAW
HERA
INTAV
XHTML
Contingut: estructurar-lo, en títols, paràgrafs...
Conté més informació per als motors de cerca (en les metadades)
El contingut por ser processat de moltes maneres perquè és una aplicació de XML
Ús de validadors per comprovar errors
Compatible amb tots els navegadors actuals
Més accessibles per a persones amb discapacitats
Funciona segons les regles establertes: DTD (Document Type Definitions)
Millores respecte HTML
permet la correcta interpretació de la informació independentment del dispositiu des del que s'accedeixi a ella
pot incloure altres llenguatges com MathML , SMIL o SVG
Exigeix requisits bàsics
elements correctament tancats i anidats
noms d'atributs i elements en minúscula
els valors dels atributs han d'anar entre cometes
han d'incluir la DTD que es pretengui utilitzar
CSS
Aparença: modificar fonts, colors dels textos...
Serveix per separa l'estuctura (XHTML) d'un document de la seva presentació
Permet transformar ràpidament tot un conjunt de pàgines i subpàgines
Ús de validadors per comprovar errors
Pot ser adjuntada en un document separat o en el mateix document HTML
Tres tipus d'estils
Fulla d'estil externa
emmagatzemada en un archivo diferent a l'arxiu on d'emmagatzema el codi HTML
Fulla d'estil interna
fulla d'estil incrustada dins del document HTML (dins de l'ement <head>)
Un estil en línia (inline)
fer-ho directament, dins de l'etiqueta HTML (no recomanable)
Els navegadors permeten als usuaris especificar la seva pròpia fulla d'estil local que serà aplicada a un lloc web
Una pàgina pot disposar de diferents fulles d'estil
Impresa
Dispositiu mòbil
per ser llegida per un sintetitzador de veu
Permet modificar
Propietats de fonts
Propietats de colors i fons
Propietats del text
espaciat entre paraules
alineació
Propietats de les caixes
Margin
Border
Padding
Propietats de classificació
visualització
llistes