Validar XHTML y CSS

Estándares web

Por Alexis Bellido


En este primer artículo sobre el tema presento a los estándares web, los beneficios de su uso, como empezar a trabajar con ellos y algunas conclusiones importantes para todo aquel que desea crear sitios web usables, fáciles de mantener.

¿Qué son estándares web?      Ampliar visión Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web.
Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web.
El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.

Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web.

Son un conjunto de tecnologías orientadas a brindar beneficios a la mayor cantidad de usuarios, asegurando la vigencia de todo documento publicado en el Web.

El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.

Los beneficios del uso de estándares web       Ampliar visión Un sitio basado en estándares webmostrará una mayor consistencia visual. Gracias al uso de XHTML para el contenido y CSS para la apariencia, se puede transformar rápidamente un sitio, sin importar que se trate de una página web o miles, realizando cambios en un solo lugar.

Un sitio basado en estándares web mostrará una mayor consistencia visual. Gracias al uso de XHTML para el contenido y CSS para la apariencia, se puede transformar rápidamente un sitio, sin importar que se trate de una página web o miles, realizando cambios en un solo lugar.

Diseñando estructuralmente      Ampliar visión Hasta ahora gran parte de los diseñadores webcreaban sus documentos desde una perspectiva visual.
Luego de crear nuestro boceto, cortamos y decidimos cuantas tablas crear y en que celda insertaremos tal o cual parte del diseño. ¿Necesito un borde de color rojo?, no hay problema, ¡crearé una tabla dentro de otra y listo!

Hasta ahora gran parte de los diseñadores web creaban sus documentos desde una perspectiva visual.

Luego de crear nuestro boceto, cortamos y decidimos cuantas tablas crear y en que celda insertaremos tal o cual parte del diseño. ¿Necesito un borde de color rojo?, no hay problema, ¡crearé una tabla dentro de otra y listo!

Estoy convencido, ¿Cómo empiezo?      Ampliar visión Lamentablemente muchos diseñadores web solamenteconocen las aplicaciones, no menciono nombres pero todos sabemos cuales son, que les permiten generar sus páginas web y no conocen, o no les interesa conocer, el código que hace que esas páginas funcionen.

Lamentablemente muchos diseñadores web solamente conocen las aplicaciones, no menciono nombres pero todos sabemos cuales son, que les permiten generar sus páginas web y no conocen, o no les interesa conocer, el código que hace que esas páginas funcionen.

Otras sugerencias útiles:      Ampliar visión Utiliza el tipo correcto de documento (doctype): Cadapágina debe contener, como primer elemento, información sobre el DTD usado. Esto es importante para que los navgeadores sepan como comportarse, además, los validadores no podrán verificar las páginas si no se indica un doctype.
Valida tu código: Este paso es sumamente importante para confirmar que nuestros documentos han sido creados correctamente, respetando los estándares recomendados. Al final de este artículo podrás encontrar las direcciones de los principales validadores.

Utiliza el tipo correcto de documento (doctype): Cada página debe contener, como primer elemento, información sobre el DTD usado. Esto es importante para que los navgeadores sepan como comportarse, además, los validadores no podrán verificar las páginas si no se indica un doctype.

Valida tu código: Este paso es sumamente importante para confirmar que nuestros documentos han sido creados correctamente, respetando los estándares recomendados. Al final de este artículo podrás encontrar las direcciones de los principales validadores.

Muy interesante pero…      Ampliar visión Sé lo que estas pensando: ¿Vale la penacomplicarme con todo esto?
Esto no se trata simplemente de diseño gráfico, estamos hablando de crear sitios web fáciles de usar y mantener. Al separar estructura y contenido obtenemos grandes beneficios, podemos cambiar completamente el aspecto de un sitio en solo horas. Podemos diseñar para todo tipo de navegador y dispositivo, sin crear múltiples versiones, y además tener páginas más usables y rápidas en la descarga.

Sé lo que estas pensando: ¿Vale la pena complicarme con todo esto?

Esto no se trata simplemente de diseño gráfico, estamos hablando de crear sitios web fáciles de usar y mantener. Al separar estructura y contenido obtenemos grandes beneficios, podemos cambiar completamente el aspecto de un sitio en solo horas. Podemos diseñar para todo tipo de navegador y dispositivo, sin crear múltiples versiones, y además tener páginas más usables y rápidas en la descarga.

Conclusiones      Ampliar visión El uso de estándares web y la separaciónentre estructura y presentación ofrece múltiples beneficios para hoy y mañana.
Hoy: Acceso a una mayor audiencia, menor costo de producción y cumplir con los requerimientos de accesibilidad.
Mañana: Reducir costos de mantenimiento, así como la dependencia de algún producto de software, flexibilidad para los cambios de presentación y una puerta abierta al uso de tecnologías como XML.

El uso de estándares web y la separación entre estructura y presentación ofrece múltiples beneficios para hoy y mañana.

Hoy: Acceso a una mayor audiencia, menor costo de producción y cumplir con los requerimientos de accesibilidad.

Mañana: Reducir costos de mantenimiento, así como la dependencia de algún producto de software, flexibilidad para los cambios de presentación y una puerta abierta al uso de tecnologías como XML.