Edició amb estàndards web

Mer av detta

Jimdo

av Jamir Herrera Mestanza

Ramas del Diseño Gráfico

av RICHARD TAIPE

Unidad 2:Aplicaciones Tecnologicas al Servicio de la Educacion

av Katherine Ortiz

WEB 2.0 10 pm

av briut hipermedial

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)

Edició amb estàndards web

Jimdo

Ramas del Diseño Gráfico

Unidad 2:Aplicaciones Tecnologicas al Servicio de la Educacion

WEB 2.0 10 pm