Libro de Estilo

Resolución de la pantalla

Nuestra página web está configurada para una resolución de 1024x768


Diagramación y elementos básicos

El símbolo identificativo de nuestra página es una diana de colores amarillos y rojos junto con dardos. En ella se van alternando distintos dibujos que simbolizan el contenido de cada sección: zapatillas con cara de perro que representan Vida Marginal, un ordenador que simboliza los Links, Naranjito representa Héroes, etc.

Otro rasgo es la existencia de una barra lateral donde se encuentran los vínculos con el resto de los contenidos, además de una cabecera con el título de la web. Al pie de cada página se encuentra el nombre de la web junto con el logotipo de Copyright.


Estructura y longitud de los documentos

La estructuración de nuestra página Web consiste en una página inicial en la cual se sitúan los iconos de las principales secciones: Imargipedia, Héroes, Creaciones, Imarginado de la semana, Links, Vida marginal y Manuales. Salvo la página de inicio, el resto cuenta con scroll para que se desarrolle un desplazamiento vertical.



Utilización de tablas, marcos y capas

La utilización de elementos como capas y tablas es frecuente en nuestra página web. De hecho, cualquier cuadro de texto está insertado en una capa que lo contiene. Aparte, algunas capas usadas para contener los títulos de las secciones han sido completadas con tablas superpuestas para aprovechar su marco exterior. A pesar de haber pensado inicialmente usar marcos para albergar las barras de contenidos lateral, desechamos su uso por incomodidad en el diseño.


Colores identificativos

Los colores identificativos de nuestro proyecto son el amarillo (#FFFF00) y el naranja (#FF9900), en referencia a lo llamativo de algunas características de los personajes marginados que describimos en nuestra web. Además, los fondos de cada sección serán de un color diferente, para ayudar a la navegación y a no perderse por las diferentes páginas de la web. En la sección de Creaciones es malva, el de Héroes verde, el del Imarginado de la semana es lima, el de Links amarillo, el de Manuales gris, el de Vida marginal azul y el de Imargipedia rojizo.


Tipografía

La tipografía utilizada en la página web se distribuye de la siguiente manera: “Terminal” para los títulos de cada página, “Georgia” para el texto contenido en cada sección, “Chubby Cheeks” y “Comic Sans” para todos aquellos documentos hechos en flash y por último, “Courier” y “Jokerman” para los iconos de los links dentro de cada sección.


Estilo de la iconografía

La iconografía utilizada en toda la página Web es íntegramente realizada por nosotros. Se trata sobre todo de dibujos hechos en flash, en Photoshop o a mano y posteriormente escaneados. Se caracterizan por tener forma circular y contener un dibujo junto con el nombre de la sección a la que remite.


Uso y características de las imágenes

Las imágenes tienen la misión de apoyar al texto correspondiente, bien sean dibujos o imágenes sacadas de otros sitios de internet; en la página principal, las imágenes sirven de inicio para cada sección, estando relacionados los dibujos con el contenido. En el apartado de creaciones, y más concretamente en el de dibujos, las imágenes cobran un rol protagonista, ya que son el centro de ese apartado. La mayoría de ellas se encuentran almacenadas en formato GIF.


Uso y características del sonido y el vídeo

La música resulta muy importante en su apartado correspondiente de la sección creaciones, estando ausente en el resto de la página. Aun así, no empleamos directamente ningún vínculo a archivo de audio.

En cambio, los archivos audiovisuales se encuentran muy presentes. El vídeo tiene la misión de apoyo al texto en un solo apartado de héroes. Donde realmente cobra importancia es en la sección de Creaciones, donde existen vínculos a YouTube.


Actualización de los contenidos

Al ser un trabajo de la asignatura, obviamente no se producirá la actualización de los contenidos. Si fuera un proyecto real, probablemente la renovación del material sería semanal en algunas secciones.


Recursos interactivos

Los vínculos que se encuentran dentro de la sección de Links ofrecen en su totalidad un margen de interactividad bastante amplio para los usuarios, permitiéndole participar en apartados de ocio. Por otra parte, ofrecemos la oportunidad a los internautas de ayudar a ampliar los contenidos de la Imargipedia facilitando una dirección de correo electrónico para enviar sus propuestas y peticiones. De Cans de Reservado y otros inadaptados
La creación de una página web es una tarea muy complicada, tanto en el apartado de diseño como en el de contenidos. Muchas eran las ideas que nos rondaban en la cabeza cuando pretendíamos crear la web. En un principio pretendíamos dedicarnos exclusivamente al cine, puesto que nuestra bitácora era un guiño a la filmografía tarantiniana (concretamente a la película “Reservoir Dogs”). Sin embargo, la idea era poco innovadora y demasiado tópica dentro nuestra carrera.
Después de mucho discurrir y navegar por Internet, nos dimos cuenta de que ésta se encuentra invadida por comunidades virtuales, seres asociales y demás tipos de inadaptados. Existen muchas páginas especializadas en gente específica, pero no una que asuma la inadaptación como concepto general y sea un compendio de todo este Universo. La tarea era difícil, pero nos gustaba la idea.
Otro punto complicado era el del título. Barajamos todo tipo de ingeniosos nombres, como InadapNation, La conjura de los Inadaptados (en homenaje al libro de JK Toole), entre otros. Finalmente cuajó una palabra que se convertiría en el distintivo de nuestra empresa: iMargínate, una mezcla del verbo marginar e imaginar, a la vez del empleo de una “i” minúscula al comienzo de la palabra, muy propia del mundo informático (p. ej. iMac o iPod). De esta forma sintetizamos nuestro concepto de inadaptado y también el de creatividad


Información sobre los creadores y datos de contacto

Contenidos: Matías Unruh Piñeiro, Iván Piña López
Manejo de Dreamweaver: Sergio Rodríguez Fernández, José Mansilla Barreiro
Manejo de Flash: Enrique Lojo Vázquez

imarginate@hotmail.com