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

Christian Van Der Henst S.

¿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 Mucho Flash Porfa, no más intros Tablas, muchas tablas Y el famoso gif Transparente Plantillas predefinidas Demostremos nuestra creatividad

Mucho Flash Porfa, no más intros

Tablas, muchas tablas Y el famoso gif Transparente

Plantillas predefinidas Demostremos nuestra creatividad

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.

Desconocimiento de estándares Son fáciles de utilizar

“Los clientes siempre tienen la razón” Hay que darle valor a la profesión.

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 desarrollo http://www.w3.org

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

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

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

Título

Descripción

Información relevante en la página

Menú de navegación

Aprendiendo con ejemplos...

http://www.csszengarden.com

http://www.camaleoncss.com

"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/

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

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

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

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/

Aceleran el proceso de desarrollo

Mejor posicionamiento en navegadores

Simplifican el mantenimiento de tus sitios

Facilitan la accesibilidad

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/noestandares/

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?

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? [email_address] http://www.forosdelweb.com

[email_address]

Muchas gracias [email_address] http://cvander.com/blog/ Presentación y enlaces:

[email_address]

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