30 Marzo 2004

Guía rápida para crear sitios web conforme a los estándares

por David Álvarez

Todavía son muchos los desarrolladores que continúan creando sitios web obsoletos.

Valga esta recopilación de enlaces como guía para crear sitios web conforme a los estándares.

Como decía el famoso anuncio de Coca-Cola:

Para los que llegaron tarde:

Qué son los estándares y por qué son importantes...

• http://www.webstandards.org/about/ (inglés)


• http://www.webstandards.org/learn/standards/ (inglés)

Para los escépticos:

Beneficios de usar estándares...

• http://toxico.redservicio.com/benefits/index.htm

Para los que siguen usando tablas para maquetar:

• http://www.hotdesign.com/seybold/index.html (inglés)

Para los que no saben cómo empezar:

Elegir el DOCTYPE correcto es fundamental...

• http://www.alistapart.com/articles/doctype/ (inglés)


• http://www.oreillynet.com/pub/a/network/2000/04/14/doctype/ (inglés)

... a continuación se define el contenido: XHTML, marcado estructural y semántico...

• http://home.worldonline.es/jlgranad/xhtml/xhtml1.htm


• http://www.sidar.org/recur/desdi/traduc/ es/xhtml/xhtml11_es.html


• http://www.brainstormsandraves.com/articles/ semantics/structure/ (inglés)


• http://www.alzado.org/articulo.php?id_art=239

...y para la presentación: CSS...

• http://www.w3.org/Style/CSS/ (inglés)


• http://www.htmlhelp.com/es/reference/css/


• http://www.csszengarden.com/ (inglés)

Para los que quieren colocar todo en su sitio:

Modelos de páginas a dos columnas, a tres, centrados, diseños líquidos...

• http://www.positioniseverything.net/ (inglés)


• http://www.thenoodleincident.com/tutorials/ box_lesson/boxes.html (inglés)


• http://www.cssvault.com/cat_layouts.php (inglés)

Para los que encontraron obstáculos:

¿Quién dijo que todo iba a ser sencillo? algunas soluciones...

• http://css-discuss.incutio.com/?page=CssHack (inglés)


• http://www.dithered.com/css_filters/ (inglés)


• http://www.ovillo.org/ (imprescindible para resolver dudas y estar al día)

Para los que quieren ir sobre seguro:

Validadores de XHTML y CSS, para no cometer errores...

• http://validator.w3.org/ (inglés)


• http://jigsaw.w3.org/css-validator/validator-uri.html (inglés)

Para todos:

Haz tu sitio accesible...

• http://www.w3.org/WAI/ (inglés)


• http://www.sidar.org/


• http://www.tawdis.net/taw.htm


• Trabajando la accesibilidad a ciegas (artículo de nethodical sobre la forma correcta de abordar la accesibilidad)