Estándares web18s 20s 25s 27s 02o

Presentación

manuelrecena.comrecena@eii.us.es

Objetivos

XHTMLHTML CSS

JavaScript

AGENTES DE USUARIO

W3C - WAIWCAG

DISEÑOS

WIREFRAMES

Objetivos

CONTENIDOESTRUCTURA

COMPORTAMIENTOINTERACCION

FORMAREPRESENTACION

ASPECTO

3 CAPAS

¿Verdaderamente existen estas tres capas

perfectamente diferenciadas?

Objetivos

¿Para qué?

¿Por qué?¿Cómo?

Conocer las respuestas a las preguntas:

¿Para qué?

El camino correcto para “garantizar” buenos resultados en accesibilidad

Definir unos precedimientos de trabajo con roles claramente definidos

No todos accedemos a la información de igual forma

¿Por qué?

Leyes Adaptación a la nuevas tecnologías El uso de estándares, en general, es

benecifioso Productividad Resultados de mayor calidad

¿Cómo?

Eso lo veremos durante el curso :) Os adelanto que se resume en construir un procedimiento de trabajo que modele nuestro proceso de publicación de contenidos.

Definiciones

Los estándares web son un conjunto de recomendaciones del World Wide Web

Consortium (W3C) acerca de cómo crear e interpretar documentos basados en el

Web.

http://www.maestrosdelweb.com/editorial/estandaresweb

Definiciones

Web Standars is a general term for the formal standars and other technical

specifications that define and describe aspects of the World Wide Web.

http://en.wikipedia.org/wiki/Web_standards

RECUERDA:

Las recomendaciones del W3C, tutoriales, artículos, patrones UI, hacks, etc... son el resultado de la experiencia e investigación de otros. Es un proceso selectivo el que hace que la tecnología web evolucione.

Los estándares web constituyen dicha experiencia e investigación proporcionando

buenas prácticas de cómo tenemos que hacer las cosas.

Comencemos por:

XHTML / HTML

CSS

Bloques de contenido

Estructura global Texto Listas Tablas Vínculos Formularios

HTML 4.01

Bloques de contenido

Selectores Modelo de caja Contenido generado,

numeración automática y listas

Colores y fondos Fuentes Textos

CSS 2.1

Metodología

Entender y asimilarlos conceptos teóricos

Construir ejemplos muy sencillos

Componer estructuras más complejas

Interfaces de usuario

Patrones UITrucos (hacks)

Metodología

Algunos layouts simples que nos

ayudarán a adquirir

experiencia

Referencias

Y muchos otros recursos en internet!