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.