Validación semántica automática
En blogpocket hemos posteado mucho acerca de las herramientas que generan tanto el código de la página índice como de la hoja de estilo. Si están pensando en diseñar su propia plantilla para su blog y no tienen muchos conocimientos técnicos de CSS y HTML, este tipo de herramientas son muy útiles.
Benjamin Sekulowicz-Barclay es un estudiante universitario de 22 años que realiza proyectos académicos y profesionales sobre herramientas de ayuda al diseño y desarrollo web, entre otros. Una de ellas es su validador semántico XHTML que analiza una url dada y guía al usuario, en tres pasos, para convertirla en accesible y usable, de acuerdo a los denominados estándares de la web. Si bien puede parecer un sistema poco completo, y aunque en inglés, es una excelente forma de acercar la metodología de desarrollo de páginas web, basadas en los estándares, a los principiantes.
En una primera fase, el sistema busca las definiciones de estilo dentro de las etiquetas del código HTML, con objeto de crear un elemento CSS y separar el contenido de la presentación del documento.
Por ejemplo, si una imagen se define sin borde de la siguiente forma:
<img style=”border: 0;” alt=”imagen” />
Entonces el sistema crea una etiqueta del tipo:
.6844749
{
border-width: 0px;
}
Para que el código HTML se modifique de la siguiente manera:
<img class=”6844749″ alt=”imagen” />
También se identifican los elementos no textuales, facilitando la incorporación de texto alternativo y descriptivo, necesario para conseguir la accesibilidad de la página web. En la práctica, eso significa buscar atributos ‘alt’ y ‘title’ para las imágenes.
Finalmente, una interface permite elegir el tipo de página web (número de columnas, si contiene cabecera y/o pie, ancho, altura y color de esos elementos, si es fija o fluida), creando tanto el código HTML para la página como su plantilla CSS automáticamente.
También puedes leer:
