A pesar de lo gracioso del título (que muchas veces es una lamentable verdad...) quiero destacar en este artículo la importancia de utilizar estándares a la hora de diseñar y programar un sitio web. Hay muchas ventajas que compensan con creces el esfuerzo de aprender los lenguajes de programación necesarios y evitar la utilización de software WYSIWYG, salvo para lo mínimo indispensable.
Un cliente que solicita un sitio web sólo va a pedir que el trabajo sea entregado a tiempo y que funcione correctamente. Sin embargo, también es importante que el sitio pueda verse con cualquier navegador (incluso con versiones futuras), que pueda modificarse fácilmente (los clientes siempre quieren cambiar algo a último momento...) y que no tarde una eternidad en cargarse (por el bien del usuario y del uso de ancho de banda de quien lo aloja). Todo esto puede lograrse mediante el uso de estándares para programar las páginas del sitio.
Estos estándares son un conjunto de recomendaciones provenientes del World Wide Web Consortium (W3C) que se refieren a la creación e interpretación de los documentos web. Es decir que deberían seguirse tanto por quienes diseñan y programan las páginas como por quienes desarrollan los navegadores.
Los elementos básicos a utilizar a la hora de desarrollar un sitio que cuente con las ventajas mencionadas son el XHTML para el contenido y el CSS para la apariencia. Por supuesto, esto dejaría fuera de carrera a muchos “desarrolladores web” que no pueden salir de su programa-preferido-para-crear-páginas-web y que no entienden (ni quieren entender) el código que éste genera. Podríamos decir que un buen desarrollador debería ser capaz de crear un sitio utilizando sólo un editor de texto. Quizás esto sea algo exagerado, pero es una forma de resaltar la necesidad de comprender como funciona el código de nuestras páginas web en lugar de confiar ciegamente en algún software en particular. El aprendizaje de estos lenguajes de programación puede ser difícil en un principio, pero al final vale la pena.
Algunos beneficios del uso de estándares son:
- Puede transformarse un sitio entero en poco tiempo, independientemente del número total de páginas.
- Se utiliza menos código y pueden obtenerse efectos que normalmente requerirían utilizar Javascript o imágenes. Esto mejora la experiencia de navegación del usuario y disminuye el ancho de banda utilizado.
- Un documento basado en XHTML es más relevante para los motores de búsqueda, pues contiene más información.
- Puede crearse un sitio compatible con todos los navegadores, presentes y futuros. El sitio se verá igual de bien en cualquier plataforma, desde una PC a un teléfono celular. Todos hemos sufrido alguna vez la frustración de intentar navegar con nuestro querido Firefox en esos sitios que sólo funcionan con Explorer...al menos yo lo he sentido así.
Otra ventaja de utilizar los estándares mencionados es el hecho de que el sitio debe diseñarse estructuralmente. Es decir, en lugar de crear primero la apariencia y luego la estructura, comenzamos pensando el sitio en función del contenido. Esto hace que el diseño sea más ordenado y fácil de modificar en el futuro.
Si ya te he convencido que vale la pena dar el paso y aprender esta forma diferente de crear un sitio, algunos recursos utiles pueden ser:
- Definición de XHTML
- Definición de CSS
- CSS discuss : una excelente lista de discusión.
- Validadores para saber si tu código está correctamente escrito (XHTML y CSS)
Programas
Suscribite via mail
Muy buen articulo.. cuando algunos de mis amigos me preguntan porque "tal" sitio no se ve correctamente con algun navegador y si se ve bien con IE.. bueno lo mejor es contestarle porque esta mal programada y no cumple con los standares W3C, si el programador cumple con esas minimas reglas el sitio se vera en todos los navegadores por igual no importa cual sea este.
Opera incluye un atajo de teclado que analiza el codigo fuente a travez del sitio W3C esto me ayudo a darme cuenta porque sitios como INFOBAE.COM no se ven correctamente con Opera ya que descubri que el mismo tenia casi 1000 errores en el codigo fuente.
para los que tienen opera el atajo de teclado es CTRL+ALT+V luego de cargar la pagina que queramos ver.. Con Firefox pueden entrar al sitio W3C.org y chequear el codigo de cualquier sitio web.
En Firefox se puede ver el código fuente con Ctrl+U.
en todos se puede ver el codigo fuente. una cosa es verlo y otra es que W3C te tome el codigo, lo chequee y te indique donde estan los errores..
El atajo que mencionas lo podes reemplazar con la extensión "Web Developer"; sino la conoces te la recomiendo; e inclusive si sos diseñador y validas bastante seguido, tenés la extensión "Firebug" y "Html validator" basada en Tidy de W3C.