Concurso ControlArte del ControlaClub 2003 (Agosto 2003)

Esta es la página resultado de mi participación en los premios Control Arte 2003. Cada año la asociación ControlaClub, que se dedica a concienciar a la juventud sobre el uso abusivo de las drogas, convoca un concurso en el que los participantes han de agudizar su ingenio para colaborar en su campaña "si te pasas te lo pierdes". Este año, el concurso que consistía en el diseño de la nueva página web de la asociación.

Diseño/Interfaz de Usuario

Se ha modificado la estructura general del site, buscando una coherencia en los contenidos de cada sección dado que en la página original había que recorrer todo el site para saber dónde estaban las cosas. Así, se ha dividido en cuatro secciones principales: Campaña, donde podremos obtener la información relativa a la campaña "Si te pasas, te lo pierdes", los eslóganes y su significado, los datos estadísticos sobre el consumo de drogas..., Asociación, donde podremos encontrar la información referente a la asociación tal como quienes la forman, objetivos, formulario de inscripción o la información de contacto, Actividades, donde podremos encontrar la información referente al conjunto y que tipo de actividades son las que realiza la asociación, por último, tenemos la sección Interactúa, sección interactiva del sitio, con el libro de visitas, los tests y el ejemplo del controlagame.

También, en el desarrollo del site se ha tenido muy en cuenta la Accesibilidad, esto es, que la web se accesible y navegable independientemente del navegador que se emplée, incluso con aquellos que trabajen en modo texto como pueden ser el lynx o el links

Además, gracias a los tres menús de navegación (Superior, Izquierda y Derecha) se puede acceder a cualquier página del sitio desde cualquier página de forma intuitiva. El menú superior, que emplea la tecnología proporcionada por el lenguaje JavaScript permite acceder a cualquier página de la misma forma a la que estamos acostumbrados a utilizar en cualquier programa. Por otra parte, el menú de la izquierda nos proporciona enlaces a todas las páginas de la sección en que nos encontremos, así como un acceso a las páginas índice del resto de secciones. Por último, el menú de la derecha, mediante un conjunto de iconos nos permite acceder a cualquiera de los cuatro índices de las secciones principales en los que se divide el sitio. Sumado a esto, en el texto de cada página se han embebido enlaces a las páginas a las que se hace referencia en ese mismo texto, así, si, por ejemplo, nos encontramos en la página de actividades y se hace referencia al eslogan de la campaña "si te pasas, te lo pierdes", se ha enlazado ese texto, al igual que aquí. Cabe decir que, en aras de la accesibilidad, para cada enlace del sitio, si se mantiene unos instantes el ratón sobre él, aparecerá un breve texto explicativo sobre los contenidos de la página destino de tal enlace. Por si todo esto no resultara, se ha incluido un Mapa del sitio cuyo enlace se encuentra en la parte inferior de cada página y desde el cual se tiene una visión global de los contenidos de la página.

Aspectos técnicos

Para el desarrollo del sitio se empleó básicamente el software Macromedia Dreamweaver para generar el código HTML y el Adobe Photoshop para la creación y edición de las imágenes.

El código HTML generado por el Dreamweaver, basado en tablas, se procuró limpiar en la medida de lo posible dando gran peso a las Hojas de Estilo en Cascada para facilitar un futuro mantenimiento de la web.

Se empleó el atributo title en todos los enlaces de la web, dado que, a pesar de no ser ampliamente utilizado por muchos diseñadores, es un recurso que algunos usuarios valoramos a la hora de navegar.