estándares web · hace que la tecnología web evolucione. los estándares web constituyen dicha...
TRANSCRIPT
![Page 1: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/1.jpg)
Estándares web18s 20s 25s 27s 02o
![Page 3: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/3.jpg)
Objetivos
XHTMLHTML CSS
JavaScript
AGENTES DE USUARIO
W3C - WAIWCAG
DISEÑOS
WIREFRAMES
![Page 4: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/4.jpg)
Objetivos
CONTENIDOESTRUCTURA
COMPORTAMIENTOINTERACCION
FORMAREPRESENTACION
ASPECTO
3 CAPAS
¿Verdaderamente existen estas tres capas
perfectamente diferenciadas?
![Page 5: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/5.jpg)
Objetivos
¿Para qué?
¿Por qué?¿Cómo?
Conocer las respuestas a las preguntas:
![Page 6: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/6.jpg)
¿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
![Page 7: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/7.jpg)
¿Por qué?
Leyes Adaptación a la nuevas tecnologías El uso de estándares, en general, es
benecifioso Productividad Resultados de mayor calidad
![Page 8: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/8.jpg)
¿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.
![Page 9: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/9.jpg)
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
![Page 10: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/10.jpg)
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
![Page 11: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/11.jpg)
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.
![Page 12: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/12.jpg)
Comencemos por:
XHTML / HTML
CSS
![Page 13: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/13.jpg)
Bloques de contenido
Estructura global Texto Listas Tablas Vínculos Formularios
HTML 4.01
![Page 14: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/14.jpg)
Bloques de contenido
Selectores Modelo de caja Contenido generado,
numeración automática y listas
Colores y fondos Fuentes Textos
CSS 2.1
![Page 15: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/15.jpg)
Metodología
Entender y asimilarlos conceptos teóricos
Construir ejemplos muy sencillos
Componer estructuras más complejas
Interfaces de usuario
Patrones UITrucos (hacks)
![Page 16: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/16.jpg)
Metodología
Algunos layouts simples que nos
ayudarán a adquirir
experiencia
![Page 17: Estándares web · 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](https://reader034.vdocumento.com/reader034/viewer/2022050515/5f9ef16636bde801c42c566b/html5/thumbnails/17.jpg)
Referencias
Y muchos otros recursos en internet!