Separando el Contenido de la Presentación

Slide 1: Separando el contenido de la presentación Christian Van Der Henst S. Guatemala, 14 de marzo de 2007

Slide 2: ¿Quién ha utilizado Frontpage o Dreamweaver para crear sus webs?

Slide 3: ¿Sus sitios tienen intros en Flash?

Slide 4: ¿Han oido de el W3C?

Slide 5: ¿Diseñadores? ¿Programadores?

Slide 6: Hagamos webs para personas. Pero no olvidemos a las máquinas que harán llegar los contenidos a las personas.

Slide 7: Naveguemos por las webs “made in Guate”

Slide 10: Text

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

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.

Slide 14: Un poco de inspiración...

Slide 15: http://www.maestrosdelweb.com/editorial/galeriascss/

Slide 22: De donde viene esto de los estándares

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

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

Slide 25: Separemos las cosas Presentación: Comportamiento: Estructura: HTML CSS DOM XHTML XML

Slide 26: La web semántica • Título • Descripción • Información relevante en la página • Menú de navegación

Slide 27: Aprendiendo con ejemplos...

Slide 28: http://www.csszengarden.com

Slide 29: http://www.camaleoncss.com

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/

Slide 31: Di NO a las tablas Úsalas únicamente para tabular información

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

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/

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

Slide 35: Algunas herramientas

Slide 36: http://www.thenoodleincident.com/tutorials/box_lesson/

Slide 37: http://www.csscreator.com/

Slide 38: El Validador http://validator.w3.org

Slide 39: Hagamos las cosas bien. Hagamos sitios bien escritos, bien estructurados y mejoremos el diseño web en Guate!

Slide 40: ¿Preguntas? cvander@maestrosdelweb.com http://www.forosdelweb.com

Slide 41: Muchas gracias cvander@maestrosdelweb.com Presentación y enlaces: http://cvander.com/blog/

Slide 42: ¿Te es útil la presentación? Pasa la vos..