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