Separando el Contenido de la Presentación

Slideshow Transcript

1. Slide 1: Separando el contenido de la presentación Christian Van Der Henst S. Guatemala, 14 de marzo de 2007
2. Slide 2: ¿Quién ha utilizado Frontpage o Dreamweaver para crear sus webs?
3. Slide 3: ¿Sus sitios tienen intros en Flash?
4. Slide 4: ¿Han oido de el W3C?
5. Slide 5: ¿Diseñadores? ¿Programadores?
6. Slide 6: Hagamos webs para personas. Pero no olvidemos a las máquinas que harán llegar los contenidos a las personas.
7. Slide 7: Naveguemos por las webs “made in Guate”
8. Slide 10: Text
9. Slide 12: En las webs chapinas encontramos • Mucho Flash Porfa, no más intros • Tablas, muchas tablas Y el famoso gif Transparente • Plantillas predefinidas Demostremos nuestra creatividad
10. Slide 13: En las webs chapinas encontramos • Desconocimiento de estándares Son fáciles de utilizar • “Los clientes siempre tienen la razón” Hay que darle valor a la profesión.
11. Slide 14: Un poco de inspiración...
12. Slide 15: http://www.maestrosdelweb.com/editorial/galeriascss/
13. Slide 22: De donde viene esto de los estándares
14. Slide 23: Tercera fase del proyecto de Tim Berners Lee, inventor del www y el html para proteger su idea y continuar con su desarrollo http://www.w3.org
15. Slide 24: Un agradecimiento especial a la W3C, oficina Española por las guías de referencia XHTML que nos hizo llegar para ExpoNet!!! http://www.w3c.es
16. Slide 25: Separemos las cosas Presentación: Comportamiento: Estructura: HTML CSS DOM XHTML XML
17. Slide 26: La web semántica • Título • Descripción • Información relevante en la página • Menú de navegación
18. Slide 27: Aprendiendo con ejemplos...
19. Slide 28: http://www.csszengarden.com
20. Slide 29: http://www.camaleoncss.com
21. Slide 30: "Browser makers are no longer the problem. The problem lies with designers and developers chained to the browser-quirk-oriented markup of the 1990s-often because they don't realize it is possible to support current standards while accommodating old browsers.” http://webstandards.org/
22. Slide 31: Di NO a las tablas Úsalas únicamente para tabular información
23. Slide 32: Beneficios • Reducción de costos de ancho de banda • Una verdadera solución para manejar plantillas globales en tu sitio • Aplican al pasado, piensan en el futuro • Es lo que usan hoy en día los sitios chileros que marcan tendencias
24. Slide 33: Beneficios • Aceleran el proceso de desarrollo • Mejor posicionamiento en navegadores • Simplifican el mantenimiento de tus sitios • Facilitan la accesibilidad http://www.maestrosdelweb.com/editorial/estandaresweb/
25. Slide 34: Contras (discutibles) • Hay que trabajar más con código • Tienes que actualizarte constantemente • Tienes que revisar tu trabajo en muchos navegadores y conocer sus diferencias ¿Qué no lo hacías? http://www.maestrosdelweb.com/editorial/noesta
26. Slide 35: Algunas herramientas
27. Slide 36: http://www.thenoodleincident.com/tutorials/box_lesson/
28. Slide 37: http://www.csscreator.com/
29. Slide 38: El Validador http://validator.w3.org
30. Slide 39: Hagamos las cosas bien. Hagamos sitios bien escritos, bien estructurados y mejoremos el diseño web en Guate!
31. Slide 40: ¿Preguntas? cvander@maestrosdelweb.com http://www.forosdelweb.com
32. Slide 41: Muchas gracias cvander@maestrosdelweb.com Presentación y enlaces: http://cvander.com/blog/
33. Slide 42: ¿Te es útil la presentación? Pasa la vos..