La respuesta evidentemente es afirmativa, pero antes de adentrarnos en la especificación de los distintos beneficios que nos aporta seguir los estándares en el desarrollo web, definamos el término estándar, según la RAE tenemos que:

adj. Que sirve como tipo, modelo, norma, patrón o referencia.

Habiendo definido el término, apliquémoslo al mundo del desarrollo web, los estándares del W3C deben seguirse como un patrón, dicho consorcio se encarga de establecer las normas a seguir por los desarrolladores con el fin de generar un bien común, evitando en lo posible que ciertas compañias impongan algunas etiquetas o métodos no convencionales que solo servirán en un navegador o Agente de Usuario, lo anterior ha sucedido con compañias como Netscape o Microsoft, principalmente cuando se estableció entre ambas compañias la "guerra" por liderar el mercado de los navegadores, impusieron ciertas etiquetas no estándares que en vez de generarle un bien a la WWW lo complicó aún más. ¿Se imaginan desarrollar un documento XHTML para cada Agente de Usuario existente en el mercado?, se generarían excesivos gastos en la producción y la pérdida de tiempo no se podría cuantificar, la idea de seguir los estándares es que un solo documento pueda ser visualizado en todos los Agentes de Usuario existentes.

Al seguir los lineamientos de los estándares lograremos:

• Separar el contenido o estructura del documento XHTML de la presentación o diseño del mismo.
• Reducción en la cantidad de código XHTML.
• Facilidad en el cambio del diseño del documento, ofreciendo una mayor flexibilidad.
• Mejoramos la semántica de nuestros documentos y por ende brindamos una mayor accesibilidad al mismo.
• Basta un solo documento para todos los agentes de usuario existentes.

Debemos recordar que el "antiguo" lenguaje HTML fue concebido como un lenguaje de marcas para la presentación de documentos científicos, en otras palabras, nació como una abstracción del lenguaje que se llevaba en las imprentas, en donde los editores colocaban "marcas" en los documentos, por ejemplo, el título de la página, los posibles subtítulos, los párrafos, etc. Para colocarlo en términos simples, los editores de las imprentas no pensaban en un título de color rojo, un párrafo indentado, definitivamente no era ese su estilo de marcas. Para el diseño o presentación de los documentos XHTML recurriremos a las fabulosas hojas de estilos en cascada o CSS, en las cuales a tráves de unas reglas nos permitirá controlar tanto el posicionamiento de los elementos en nuestros documentos así como también nos permite controlar la presentación de los mismos.

Un tema en el que se debe hacer hincapíe es en el mal uso de las tablas, al emplearlas para maquetar los documentos, es uno de los errores más cómunes en los desarrolladores que aún siguen la vieja escuela. La presentación de los documentos a través del empleo de las tablas para la maquetación se ha venido convirtiendo en un abuso real de este principio tan importante. Hace ya algunos años atrás, diseñadores web sintieron la necesidad de usar tablas para crear complejas presentaciones. Este hack de usar tablas y pequeñas imágenes transparentes para la creación de presentaciones hacían estas páginas interesantes en el aspecto visual, pero todo esto iba en contra de la accesibilidad y usabilidad, este legado aún se mantiene en gran parte del desarrollo web. Hasta hoy día, el lema, si funciona, es bueno domina el diseño web. Realmente se debe dejar atrás esta actitud, y mantener en mente la importancia de los principios accesibilidad y usabilidad, haciendo uso apropiado de los recursos estándar para el desarrollo web.

Las tablas en HTML no existen para propósitos de presentación, pero si para representar datos de manera tabular. Algunos ejemplos incluyen listas de productos, cursos disponibles en la escuela, colegio o la universidad, y los calendarios. En este tipo de información será en la que es realmente útil el uso de las tablas.

A continuación se dará una breve explicación de los beneficios obtenidos al seguir los lineamientos del W3C.

Reducción en la cantidad de código necesario

Doug Bowman nos demuestra en su presentación The beauty and business of CSS, especificamente en la sección Wired News: file size reductions como se logró reducir el tamaño de los archivos, en el caso de la portada de Wired News la reducción fue de un 54%, esto genera un ahorro en el ancho de banda, en la medida de lograr lo anterior se obtienen ciertos beneficios, entre ellos podemos mencionar el incremento en la capacidad y eficiencia de respuesta del servidor, carga más rápida de las páginas, entre otras. En el caso expuesto de ESPN las estadísticas llaman aún más la atención, el ahorro estipulado por página se considera alrededor de los 50 KB, ESPN tiene aproximadamente unas 40 millones de visitas por día, por lo tanto se prevee que el ahorro diario en ancho de banda se acerca a los 2 Terabytes por día, en un mes serían 61 Terabytes, en un año serían aproximadamente 730 Terabytes o equivalententemente unos 784.000.000.000 KB. Si esto ya le parece demasiado prepárese para lo mejor, el caso de estudio hecho a Microsoft realizado por el mismo Doug Bowman.

Un solo documento para todos los Navegadores o Agentes de Usuario

En el caso de estudio mencionado previamente se puede notar que Microsoft mantiene 2 versiones en sus documentos, una versión para IE5.5 e IE6.0 para Windows y la otra versión con menos detalles para los demás navegadores, esto genera un costo de producción y pérdida de tiempo, la solución es apegarse a los estándares.

Separar el contenido o estructura del documento del diseño o presentación del mismo

Simplemente basta con visualizar el proyecto comenzado por Dave Shea llamado CSS Zen Garden, en él se puede observar que se emplea un solo documento bien estructurado en XHTML y se pueden aplicar al mismo documento distintos estilos controlados vía CSS. Además, cabe mencionar que si controlamos nuestros documentos a través de hojas de estilos en cascada externas estas sólo necesitarán cargarse la primera vez que son invocadas, posteriomente no será necesaria su carga ya que quedan almacenadas en el cache del navegador, esto realmente es una ventaja.

Este artículo es una breve introducción sobre los beneficios que nos aporta el seguir los estándares en el desarrollo web, el objetivo de este documento es difundir su uso.

Antes de finalizar quisiera recomendarles el hecho de válidar nuestros documentos, para ello les recomiendo:

• Servicio de Validación del W3C.
• Servicio de Validación del WDG (Mi preferido).

Referencias:

• World Wide Web Consortium
• Real Academia Española
• Zen and the Art of Web Improvement por Dave Shea.
• Designing with CSS: Past, Present, and Future por Dave Shea.
• The beauty and business of CSS por Doug Bowman.
• Pushing Your Limits (and other secrets of designing with CSS) por Doug Bowman
• CSS Zen Garden

Este post fue publicado el 29.10.2004 a las 6:15 am y guardado en Diseño Web, CSS, Internet, General. Puedes dejar un comentario. Trackbacks desactivados.