# data[].attributes.body
Se entiende por diseño WEB la forma y el estilo de la página, es decir, no basta con crear una página mediante HTML y CSS, sino que la página debe resutar útil y atractiva para el usuario. Entran dentro del diseño, aspectos tales como la maquetación, los colores, la distribución de elementos, el tamaño y forma de los mismos, y otros elementos del estilo y composición del sitio.

# data[].attributes.headline
                                                                                                                                                                       PÁGINAS Y SITIOS WEB                                                                                                           

# data[].attributes.subject
                                                                                                                                                                       PÁGINAS Y SITIOS WEB                                                                                                           

# data[].attributes.body
PÁGINAS WEB
Página electrónica o página digital a un documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador Web y una conexión activa a internet.

SITIOS WEB
Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

# data[].attributes.body
DOMINIO
Es un nombre fácil de recordar asociado a una dirección IP física de Internet. Se trata del nombre único que se muestra después del signo @ en las direcciones de correo y después de www. en las direcciones web.

URL
Direcciones únicas que permiten que los usuarios las localicen. En Internet, estas direcciones se conocen como URL (Localizador uniforme de recursos).

HOSTING
Servicio de alojamiento para páginas web bajo un servidor. Nos permite publicar un sitio web en Internet, tiene como función alojar una página web para que cualquier persona pueda visitarla, además de ofrecer la posibilidad de gestionar un correo electrónico.

# data[].attributes.body
1. Encabezado: debe brindar a simple vista la oportunidad de navegación y un resumen muy rápido de quién es tu marca y su identidad.

2. Menú de navegación: Ayuda a que cualquier visitante pueda explorarla completamente.

3. CTA: Son aquellos atajos con los que ayudas a tus visitantes a realizar las acciones que deseas.

4. Imagen destacada: Un texto directo compuesto por tipografías diferentes, lo que crea un buen equilibrio y dinamismo, así como una imagen grande, atractiva y relevante con el producto.

5. Buscador: Este elemento brinda usabilidad y conveniencia, a la vez que logra retener a la persona que visita tu sitio.

6. Formulario:  Clave para obtener más datos de los visitantes y comenzar una estrategia de conversión.

7. Video: Herramienta para atraer la atención de los clientes e informarles de manera rápida y dinámica un tema en específico.

8. Ícono de URL: Elemento que brinda detalles de cualquier sitio web.

9. Información de contacto: En esta sección se incluyen datos que proporcionen más información al visitante acerca de tu negocio, por ejemplo: dirección, número de contacto, redes sociales o incluso un mapa con la ubicación exacta.

10. Pie de página: En este espacio pueden concentrarse diferentes datos útiles, como los enlaces. Algunos de los elementos que más se incluyen en el pie de página son:

Nombre y logotipo de la marca

Enlaces a redes sociales

Enlace a página de soporte al usuario

Enlace a la página de preguntas frecuentes

Enlace a la página «Acerca de»

Términos y condiciones

Dirección de la empresa o mapa

# data[].attributes.headline
ESTÁNDARES DE DISEÑO WEB (W3C), HTML, ISS

# data[].attributes.subject
ESTÁNDARES DE DISEÑO WEB (W3C), HTML, ISS

# data[].attributes.body
El diseño de contenido para la Web, tradicionalmente basado en el lenguaje HTML, ha sufrido un proceso de estandarización con el objetivo de diferenciar el formato del contenido mostrado en los llamados navegadores Web. Adicionalmente, la inclusión de estándares en el diseño de la información ha permitido añadir nuevas funcionalidades a la forma de ver y tratar el contenido, siendo XHTML y CSS dos tecnologías claves en este proceso

# data[].attributes.body
Además de definir partes individuales de tu página (como un párrafo o una imagen), HTML también dispone de elementos de bloque que se pueden utilizar para estructurar las distintas áreas de tu sito web (tal como el encabezado, el menú de navegación o la parte del contenido principal. En este artículo veras cómo planificar una estructura básica de página web y escribirás el HTML que representa esa estructura.La estructura HTML de una página web se compone de las etiquetas <html>, que indica el comienzo de la página; <head>, que contiene información más descriptiva sobre el sitio; y <body>, que conforma todos los elementos visibles de la página.

# data[].attributes.body
El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción de contenido, aunque generalmente se aplica a la creación de sitios web. En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML.
La usabilidad web es el grado de facilidad de uso que tiene una página web para los visitantes que entran e interactúan con ella.
Una web con una buena usabilidad es aquella que permite a los usuarios una interacción sencilla, intuitiva, agradable y segura.

# data[].attributes.headline
MAQUETACIÓN: Tablas, divisiones, clases y menú

# data[].attributes.subject
MAQUETACIÓN: Tablas, divisiones, clases y menú

# data[].attributes.body
TABLA
Las tablas tienen una función bastante específica pero en cuanto a diseño pueden variar muchísimo en formas y colores, las tablas son utilizadas frecuentemente en la mayoría de las páginas web y se pueden diseñar contemplando las mismas posibilidades y limitaciones que los bloques secundarios, por lo que en cuanto a la ubicación están posicionadas una al lado de la otra, lo cierto es que son similares en cuanto a su funcionalidad. En el lenguaje HTML las tablas son elementos relativamente sencillos de realizar, es decir, se agrupan las filas y también las columnas, se les puede armar una cabecera con un pie de tabla, dentro de ellas se pueden hacer subdivisiones y cabeceras múltiples que vendrían siendo los elementos más complejos con los que hay que lidiar durante la elaboración de tablas para una página web.

DIVISIÓN
La etiqueta <div> define una división. Esta etiqueta permite agrupar varios elementos de bloque (párrafos, encabezados, listas, tablas, divisiones, etc). En principio, los navegadores no muestran nada especial cuando se crea una división, salvo que se dé formato a la división con la hoja de estilo.

MENÚ

Un menú de navegación o mapa de sitio es el diagrama o estructura que organiza el contenido y dirige el flujo del usuario en tu sitio web. Este es una sección fundamental en el desarrollo de tu sitio web, desde etapas iniciales previas al diseño así como en mejora continua.

# data[].attributes.body
1. Encabezado

El encabezado (también conocido por su nombre en inglés, header) es la parte superior de una página web.
2. Párrafos
Lo más básico que podemos insertar en nuestra nueva página aún en blanco, son palabras.
3. Imagenes
La imagen destacada o hero section es la zona que está debajo del encabezado; prácticamente están conectadas. Mientras que el encabezado te brinda una información de contacto y navegación directa del sitio web, la imagen destacada complementa la vista con elementos altamente cautivadores.

4. Hipervinculos
Un hipervínculo, es una conexión directa entre dos espacios virtuales en el mundo digital. Es la forma más rápida que existe en internet de llegar de un punto a otro, con este viajamos a la velocidad de 1 clic.
5. Videos
Si bien un video no es un elemento obligatorio en una página web, sí se ha vuelto en una pieza esencial para aumentar tu retención. Los usuarios gastan un 88 % más de tiempo en una web que tiene contenido en video con respecto a una que no tiene.

Además, los videos se han convertido también en una buena herramienta para atraer la atención de los clientes e informarles de manera rápida y dinámica un tema en específico o, incluso, decirles quién es tu marca.

# data[].attributes.headline
ESTILOS BÁSICOS: Tamaño, colores y fuentes.

# data[].attributes.subject
ESTILOS BÁSICOS: Tamaño, colores y fuentes.

# data[].attributes.body
La legibilidad del sitio es básica: colores, tipografía, estructura general, etc. Es importante que el diseño de una página web incluya poco texto. Esto se debe a que los usuarios no leen sino que ‘escanean’ la información proporcionada. Es esencial solo incluir la información necesaria para no entorpecer ese recorrido visual.

Los elementos más importantes para la legibilidad de un sitio web son:

Estructurar los contenidos en sumarios, listas y tablas de contenido.

Títulos y subtítulos escritos y presentados de manera clara.

Párrafos con unidad temática, organizados, y escritos de manera concisa.

Lenguaje objetivo, sin redundancias u opiniones personales.

Combinación oportuna de colores entre el fondo y la tipografía.

TAMAÑO

Se refiere al tamaño de la fuente que se usa para escribir tu contenido en la página web, tiene que ser suficientemente grande para que e lector pueda acceder fácilmente a la información.

COLORES
Se necesitan colores llamativos y armoniosos que atraigan al cliente para interactuar con la interfaz, suelen ser colores complementarios o contrastantes.

FUENTES
Una fuente de texto se refiere a a tipografía de lo que se escribe, tiene que relacionarse con la imagen y estética del texto y no ser muy complicada de leer