Tres meses después de crear la web, tocaba crear un nuevo diseño poniendo en práctica nuevos conocimientos de CSS, accesibilidad y posicionamiento.

Lo más importante para empezar fue crear una plantilla correcta en XHTML, para conseguir un diseño más ordenado, un correcto uso de las metaetiquetas, teclas de acceso rápido e incluso añadir navegación semántica. Para ello nada mejor que el artículo de Olga Carreras para crear una plantilla base XHTML.

Otro de los objetivos era mejorar el diseño visual. Siempre me encuentro con la duda de si es mejor crear un layout fijo, con un tamaño mínimo de 800 px de ancho o un layout fluido, que pueda adaptarse a cada resolución de pantalla. Al final decidí crear un fluid layout y cambiar completamente el diseño anterior fijo, optimizado para resoluciones de 800×600 pixels. El Web Log de Mike Cherim sobre CSS Layouts me sirvió para tener una visión más general de cómo usar los diferentes tipos de layouts. Además de esto, estaba el diseño web para dispositivos móviles y el cumplimiento de las pautas WCAG 2.0 de accesibilidad web.

Finalmente me metí de lleno en el posicionamiento de la web aplicando todo lo aprendido en los talleres sobre posicionamiento web impartidos en Logroño por un (no tan antiguo) compañero de la uni.

En fin, el resultado lo podéis ver en mi web y los que ya la habíais visitado, espero que os guste el cambio.