You are on page 1of 15

Manual de estilo

DOCUMENTA
Consejos para Disear tus pginas

Manual de estilo
DOCUMENTA
En las siguientes pginas te planteamos una serie de ejemplos
sobre cmo puedes organizar la cuadrcula de tus proyectos.

En funcin de cual sea el contenido y temtica de tus pginas,
puedes disear la cuadrcula de formas diferentes. Deseamos
que este manual te sirva de ayuda.


www.mydocumenta.com
La cuadrcula de tu proyecto te permite disear tus contenidos.

Puedes hacer tu cuadrcula del nmero de columnas y filas que te interese. En muchos casos, es suficiente con hacer una cuadrcula
de 2 o 3 columnas y una fila.
Tambin puedes unir y desunir las celdas para personalizar tu cuadrcula.
Personalizar la cuadricula te permite disear tus proyectos de forma diferente cada vez, y utilizar contenidos de diferentes tipos
combinndolos entre s: audio, vdeo, imagen, texto, enlaces... Personalizar la cuadrcula te permite construir e inventar el formato
audiovisual que mejor se adapte a tus contenidos, esttica y necesidades comunicativas.


www.mydocumenta.com
2) Cmo distribuyo los contenidos de texto?

Cuando clicas en la 2 columna, se accede a un 2 nivel de informacin que
contiene un texto bastante largo que necesita de scroll para ser ledo:

1) Hacer una cuadrcula de 2 columnas x 1 fila.
En cada una de las 2 celdas vamos a poner lo siguiente:
Aqu ponemos una imagen, o unas
imgenes en secuencia con un
audio que puede ser una locucin
nuestra, o bien un vdeo sobre el
autor que presentamos
Aqu ponemos un texto de
presentacin del autor.
El profesor ha puesto el ttulo del proyecto en el CAMPO SUPERIOR del
EDITOR DE TEXTO, y a continuacin ha escrito clica para seguir leyendo.

Y en el CAMPO INFERIOR del EDITOR DE TEXTO es donde el profesor ha
puesto LA BIOGRAFA COMPLETA sobre el autor, y al final un enlace para
ampliar informacin en otras pginas de internet.


EJEMPLO 2: MODELOS SENCILLOS PARA HACER UNA ACTIVIDAD
CUADRCULA DE 2 COLUMNAS X 1 FILA Haciendo proyectos muy sencillos y claros

www.mydocumenta.com

3) Cmo distribuyo los contenidos ?
En la franja superior podemos poner el ttulo
del trabajo.
En las columnas inferiores podemos poner
textos, fotografas, audios y/o vdeos
distribuidos siguiendo un orden de lectura de
izquierda a derecha.
1) Hacer una cuadrcula de
4 columnas x 5 filas




EJEMPLO 3: MODELOS PARA HACER UNA ACTIVIDAD
CUADRCULA DE 4 COLUMNAS X 5 FILAS Haciendo proyectos sencillos y claros
2) Vamos a personalizar nuestra cuadrcula con el botn de unir
celdas. a) Clicamos en el botn de unir celdas situado en la franja superior
de Documenta. b) Clicamos en la celda de la esquina superior izquierda y
arrastramos el ratn hasta la ltima celda de la derecha. Al soltar el ratn,
tendremos la opcin de cancelar o unir.
As haremos en todos los casos has conseguir el resultado que vemos aqu.
www.mydocumenta.com
3) Cmo distribuyo los contenidos ?
En la franja superior ponemos el ttulo
del trabajo.
En las 3 columnas de la izquierda
ponemos las imgenes y los textos. Es
importante que las celdas de texto se
amplen despus ocupando el espacio
que requiera una lectura cmoda. Por
ejemplo, toda la fila inferior, para no
tapar las imgenes.
En las celdas de la derecha podemos
poner una serie de enlaces a otras
pginas de internet, por ejemplo.
1) Hacer una cuadrcula de
4 columnas x 5 filas
EJEMPLO 4: MODELOS PARA HACER UNA ACTIVIDAD
CUADRCULA DE 4 COLUMNAS X 5 FILAS
2) Vamos a personalizar nuestra cuadrcula con el botn de unir
celdas.
www.mydocumenta.com
consejos
DOCUMENTA
Y ahora, algunos consejos:


Disea tus pginas con cierta limpieza: pinsate un poco cmo organizas tu
cuadrcula, y ten en cuenta que despus podrs ampliar los contenidos de las
celdas, y que adems lo puedes hacer de forma que la imagen ocupe una parte y el
texto justamente la parte contigua a la imagen.
Amplia la imagen hacia un lado y el texto hacia el lado opuesto, de forma que se
complementen (NO que superpongan)


Puedes llenar unas celdas y dejar el resto vacas: deja respirar la pgina, no hay
que poner toda la informacin en un solo proyecto, la puedes repartir entre tantos
proyectos como quieras y despus agruparlos todos ordenados dentro de una
carpeta de proyectos.
Agrupa las diferentes pginas de una materia en una carpeta de proyectos.


Si pones textos largos: haz despus que se amplen ocupando como mnimo
varias celdas, y si el texto es muy largo amplalo al menos en media pgina.
Un texto largo, sin espacio para ser ledo, es incmodo para leer!
Vuelve a repetir el ttulo tambin en la casilla de ampliacin de texto.


El color de las lneas de la cuadrcula: la cuadrcula te sirve para organizar los
contenidos de tu proyecto, pero recuerda que si despus pones las lneas de la
cuadrcula del mismo color del fondo, la podrs "esconder.


La tipografa: recuerda que puedes variar la tipografa de los textos. Y otra cosa: piensa que si pones colores claros
tanto en el fondo como en el texto, puede resultar difcil de leer en pantalla.
Ojo con las combinaciones de colores para los textos! Usa colores para el texto que contrasten bien con el fondo.







Poner enlaces: recuerda que para poner un enlace en el texto, primero lo tienes que seleccionar y, con el texto
seleccionado, introduces la direccin web en la casilla que tienes abajo de cada campo del editor donde pone http .


Para cambiar el color de una celda: abre el editor de texto y cambia entonces el color de fondo de la celda. Tambin
puedes subir imgenes (JPG, BMP, TIF, etc) que sean de un solo color y arrastrarlas a la celda. Eso te permitir adems
asociar un sonido a las imgenes.



Lectura
DIFCIL
Lectura
DIFCIL
Lectura
cmoda
Lectura
cmoda
Lectura
cmoda
Lectura
DIFCIL
Lectura
DIFCIL
Otros
ejemplos
www.mydocumenta.com

Relatos.
Visita el proyecto en Documenta
www.mydocumenta.com
Visita el proyecto en Documenta
Trabajo audiovisual en torno al poema Letras de Charo Ruano.

La cuadrcula es de 5 columnas x 1 fila.
El color de fondo y el color de lneas son el mismo, blanco.

El texto del poema est situado en la primera columna y se puede leer una vez clicas sobre su ttulo. Las secuencias de imgenes con
sonidos se amplan ocupando 2 columnas, y se pueden ir viendo y escuchando mientras se va leyendo el poema en la celda de la
izquierda.

www.mydocumenta.com
Visita el proyecto en Documenta
Bestiari, del IIES Rovira-Forns de Sta. Perptua de Mogoda.

Roser Font, autora del proyecto, lo ha estructurado en 7 columnas y 5 filas.

El proyecto, que es al mismo tiempo una propuesta didctica, contiene poemas de Josep Carner, y est organizado de tal forma que por una parte
podemos leer el texto del poema y simultneamente podemos activar la correspondiente secuencia de fotos (que adems dispone del audio del
recitado del poema).

El color de fondo y el de las lneas es el mismo, de una tonalidad crema, y la cuadrcula as queda escondida.
Los textos se amplan sobre el mismo color crema del fondo, y en conjunto queda un proyecto muy limpio, atractivo, claro y sencillo.
www.mydocumenta.com
La vuelta al mundo de Magallanes y Elcano.

Esta pgina contiene informacin con vdeos, textos, fotografas y enlaces sobre las
grande hazaas de estos hombres.
Puede servir de ejemplo para organizar cualquier tipo de contenido.

La cuadrcula es de 5 columnas x 6 filas.
El color de fondo y de las lneas es gris, de forma que la cuadrcula queda escondida.
A grandes rasgos, explicamos que:
La primera fila, toda en negro, se reserva para el ttulo del proyecto.

En las columnas 2 y 3 est distribuida la informacin (crnica del viaje y biografas), de
tal forma que en la casilla de la izquierda se ampla el texto que corresponde a las
imgenes de la casilla de la derecha, y tambin al revs, y se pueden ampliar a la vez.

En la fila inferior disponemos de casillas con informacin adicional.
Visita el proyecto en Documenta
www.mydocumenta.com
Shakespear's Sonnets

Este proyecto est estructurado en 4 columnas y 10 filas.

La informacin est organizada en columnas: la 1 columna es de informacin histrica y
literaria sobre los sonetos, y la2, 3 y 4 columnas corresponden a la lectura y presentacin
de 3 sonetos diferentes.

En cada columna hay: 1 celda un vdeo, seguido en la celda de abajo el texto del soneto,
despus el texto con la traduccin y finalmente un comentario sobre el soneto.
Los textos se amplan siempre ocupando la respectiva columna, y se pueden leer
simultneamente al visionado del vdeo.

Es una pgina muy bien estructurada que facilita mltiples lecturas de una forma muy fcil,
clara y ordenada.
El color de fondo es negro, y el color de lneas de un gris oscuro que ayuda a visualizar la
estructura. Las dos filas inferiores son naranjas para dar un toque de color al conjunto.
Visita el proyecto en Documenta
www.mydocumenta.com
Consltanos si te quieres que te echemos una mano
informacion@mydocumenta.com

DOCUMENTA
mydocumenta.com
www.mydocumenta.com