Separando el contenido de la presentación <ul><li>Christian Van Der Henst S. </li></ul>Guatemala, 14 de marzo de 2007
¿Quién ha utilizado Frontpage o Dreamweaver para crear sus webs?
¿Sus sitios tienen  intros en Flash?
¿Han oido de  el W3C?
¿Diseñadores? ¿Programadores?
Hagamos webs para personas. Pero no olvidemos a las máquinas  que harán llegar los contenidos  a las personas.
Naveguemos  por las webs  “made in Guate”
 
 
Text
 
En las webs chapinas encontramos <ul><li>Mucho Flash  Porfa, no más intros </li></ul><ul><li>Tablas, muchas tablas Y el fa...
En las webs chapinas encontramos <ul><li>Desconocimiento de estándares  Son fáciles de utilizar </li></ul><ul><li>“Los cli...
Un poco de  inspiración...
http://www.maestrosdelweb.com/editorial/galeriascss/
 
 
 
 
 
 
De donde viene esto de los estándares
Tercera fase del proyecto de Tim Berners Lee, inventor del www y el html para proteger su idea y continuar con su desarrol...
Un agradecimiento especial a la W3C, oficina Española por las guías de referencia XHTML que nos hizo llegar para ExpoNet!!...
Separemos las cosas Estructura: HTML XHTML XML Presentación: CSS Comportamiento: DOM
La web semántica <ul><li>Título </li></ul><ul><li>Descripción </li></ul><ul><li>Información relevante en la página </li></...
Aprendiendo con ejemplos...
http://www.csszengarden.com
http://www.camaleoncss.com
&quot;Browser makers are no longer  the problem.  The problem lies with designers and developers chained to the browser-qu...
Di  NO  a las tablas Úsalas únicamente para tabular información
Beneficios <ul><li>Reducción de costos de ancho de banda  </li></ul><ul><li>Una verdadera solución para manejar  plantilla...
Beneficios <ul><li>Aceleran el  proceso de desarrollo </li></ul><ul><li>Mejor  posicionamiento  en navegadores </li></ul><...
Contras (discutibles) <ul><li>Hay que trabajar más con código </li></ul><ul><li>Tienes que actualizarte constantemente </l...
Algunas herramientas
http://www.thenoodleincident.com/tutorials/box_lesson/
http://www.csscreator.com/
El Validador http://validator.w3.org
Hagamos las cosas bien.  Hagamos sitios bien escritos, bien estructurados y mejoremos el  diseño web en Guate!
¿Preguntas? <ul><li>[email_address] </li></ul>http://www.forosdelweb.com
Muchas gracias <ul><li>[email_address] </li></ul>http://cvander.com/blog/ Presentación y enlaces:
¿Te es útil la presentación? Pasa la vos..
Upcoming SlideShare
Loading in …5
×

Separando el Contenido de la Presentación

1,591 views

Published on

Presentación para Exponet, Guatemala, Marzo 2007

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,591
On SlideShare
0
From Embeds
0
Number of Embeds
48
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Separando el Contenido de la Presentación

  1. 1. Separando el contenido de la presentación <ul><li>Christian Van Der Henst S. </li></ul>Guatemala, 14 de marzo de 2007
  2. 2. ¿Quién ha utilizado Frontpage o Dreamweaver para crear sus webs?
  3. 3. ¿Sus sitios tienen intros en Flash?
  4. 4. ¿Han oido de el W3C?
  5. 5. ¿Diseñadores? ¿Programadores?
  6. 6. Hagamos webs para personas. Pero no olvidemos a las máquinas que harán llegar los contenidos a las personas.
  7. 7. Naveguemos por las webs “made in Guate”
  8. 10. Text
  9. 12. En las webs chapinas encontramos <ul><li>Mucho Flash Porfa, no más intros </li></ul><ul><li>Tablas, muchas tablas Y el famoso gif Transparente </li></ul><ul><li>Plantillas predefinidas Demostremos nuestra creatividad </li></ul>
  10. 13. En las webs chapinas encontramos <ul><li>Desconocimiento de estándares Son fáciles de utilizar </li></ul><ul><li>“Los clientes siempre tienen la razón” Hay que darle valor a la profesión. </li></ul>
  11. 14. Un poco de inspiración...
  12. 15. http://www.maestrosdelweb.com/editorial/galeriascss/
  13. 22. De donde viene esto de los estándares
  14. 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. 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. 25. Separemos las cosas Estructura: HTML XHTML XML Presentación: CSS Comportamiento: DOM
  17. 26. La web semántica <ul><li>Título </li></ul><ul><li>Descripción </li></ul><ul><li>Información relevante en la página </li></ul><ul><li>Menú de navegación </li></ul>
  18. 27. Aprendiendo con ejemplos...
  19. 28. http://www.csszengarden.com
  20. 29. http://www.camaleoncss.com
  21. 30. &quot;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. 31. Di NO a las tablas Úsalas únicamente para tabular información
  23. 32. Beneficios <ul><li>Reducción de costos de ancho de banda </li></ul><ul><li>Una verdadera solución para manejar plantillas globales en tu sitio </li></ul><ul><li>Aplican al pasado, piensan en el futuro </li></ul><ul><li>Es lo que usan hoy en día los sitios chileros que marcan tendencias </li></ul>
  24. 33. Beneficios <ul><li>Aceleran el proceso de desarrollo </li></ul><ul><li>Mejor posicionamiento en navegadores </li></ul><ul><li>Simplifican el mantenimiento de tus sitios </li></ul><ul><li>Facilitan la accesibilidad </li></ul>http://www.maestrosdelweb.com/editorial/estandaresweb/
  25. 34. Contras (discutibles) <ul><li>Hay que trabajar más con código </li></ul><ul><li>Tienes que actualizarte constantemente </li></ul><ul><li>Tienes que revisar tu trabajo en muchos navegadores y conocer sus diferencias ¿Qué no lo hacías? </li></ul>http://www.maestrosdelweb.com/editorial/noestandares/
  26. 35. Algunas herramientas
  27. 36. http://www.thenoodleincident.com/tutorials/box_lesson/
  28. 37. http://www.csscreator.com/
  29. 38. El Validador http://validator.w3.org
  30. 39. Hagamos las cosas bien. Hagamos sitios bien escritos, bien estructurados y mejoremos el diseño web en Guate!
  31. 40. ¿Preguntas? <ul><li>[email_address] </li></ul>http://www.forosdelweb.com
  32. 41. Muchas gracias <ul><li>[email_address] </li></ul>http://cvander.com/blog/ Presentación y enlaces:
  33. 42. ¿Te es útil la presentación? Pasa la vos..

×