Estándares web · hace que la tecnología web evolucione. Los estándares web constituyen dicha...
17
Estándares web 18s 20s 25s 27s 02o
Transcript of Estándares web · hace que la tecnología web evolucione. Los estándares web constituyen dicha...
Estándares web18s 20s 25s 27s 02o
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!
