# data[].attributes.body
Consiste en transformar el diseño de una web en un conjunto de archivos (html, css y js) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos.

# data[].attributes.body
Las composiciones se encuentran ilustradas por los textos, las imágenes o formas. Tener en cuenta:
-Alineación del texto a la izquierda.
-Alineación del texto a la derecha.
-Alineación del texto justificado.
-Alineaciones centradas.
-Alineaciones asimétricas.

# data[].attributes.body
En un documento existen cuatro márgenes: el margen superior, el inferior, el interior y el margen exterior.
La medida de estos márgenes no es fija en ningún caso.

# data[].attributes.body
-De una columna: mostrando solo el texto, o sólo una imagen, o bien una imagen acompañada de texto.
-De dos columnas: combinación entre textos e imágenes.
-De tres columnas: combinación de imágenes y textos de diferentes tamaños, se utiliza mucho en publicaciones.
-De cuatro columnas: la utilizan habitualmente periódicos y revistas.

# data[].attributes.body
-Subtítulos: aportan una información complementaria a la del primer titular principal.
-Imágenes:  visualmente son más rápidas y atractivas de ver que el texto.
-Espacios: la composición permite que el texto se lea de una forma más clara.

# data[].attributes.body
Orden de lectura:

- Titular.
- Imagen.
- Pies de la imagen.
- Texto, este en último término si los tres primeros elementos son interesantes para el lector.

# data[].attributes.headline
Distribución de titulares, texto e imagen:

# data[].attributes.subject
Distribución de titulares, texto e imagen:

# data[].attributes.body
-El titular: su labor es captar la atención del público e incitarle a que se introduzca dentro del tema.
-Pie de imagen: es el texto que se sitúa debajo de las imágenes aportando una información adicional de éstas.
-Espacios en blanco: ayudan a ordenar y hacer legible la maquetación.

# data[].attributes.body
Es la primera página, donde aparece el estilo y todas las características ideadas para toda la publicación.

Compuesta por (retícula base):
-Orientación del papel.
-Número de columnas y su tamaño.
-Color y formato del texto.
-Uso de imágenes.

# data[].attributes.body
- 2 y 4 columnas: permite componer una distribución equilibrada.
- 3 y 6 columnas: retícula  más acertada para el diseño de los folletos publicitarios, proporciona anchas y columnas muy legibles y la de tres columnas se puede subdividir a su vez en 6 columnas.

# data[].attributes.body
Para definir un documento, lo primero que debemos hacer es definir el área sobre la cual se desarrollará el trabajo (el papel).
Consideramos:
1. Tamaño.
2. Orientación (horizontal/vertical).

# data[].attributes.body
Guía en los elementos de la maquetación en papel, con la finalidad de conseguir, un orden y estética.

-Se subdividen en superficies dimensionales y tridimensionales.
- Impone orden, uniformidad y coherencia. Transmite estructura.

# data[].attributes.body
Forma de ocupar el espacio del plano mesurable, la página.

Disponer el conjunto de elementos de diseño impresos (texto, titulares, imágenes) dentro de un determinado espacio, consiguiendo un equilibrio estético entre ello