# data[].attributes.body
TITULOS: Como en todas las páginas del sitio web, el título de la página de inicio debe describir su contenido. La mejor forma de hacerlo es indicando en el título el nombre y una breve explicación del sitio web, por este orden.
PARRAFOS: Ayudar a la clasificacion de información y a identificar la estructura de la pagina. Son elementos de bloque, por lo que siempre ocupan toda la anchura del elemento que los contiene (por defecto la ventana del navegador).
IMAGENES: Esta debe ser esencialmente una representación visual de su marca o título de tu sitio web, que llame la atención del visitante y que asocien la imagen con tus productos o servicios.
HIPERVINCULOS: La principal utilidad del hipervínculo es conectar dos lugares de una forma extremamente simple y a muchísima velocidad. La función HIPERVINCULO crea un acceso directo que salta a otra ubicación del libro actual o abre un documento almacenado en un servidor de red, un intranet o Internet.
VIDEOS: Además de que un sitio web con video luce mucho más atractivo, el tiempo de visita de cada usuario en la página aumenta, porque las probabilidades de que el usuario se enganche con estos contenidos es mayor en comparación con largos bloques de texto.

# data[].attributes.body
Paz Zaragoza Ana Laura
Sánchez Medina Mia Montserrat
Esquivel Vargas José David
Salgado Mondragón Valeria
Larios Zavala Edson

# data[].attributes.body
¿Cuál es la diferencia entre la página web, el sitio web, el servidor web y el motor de búsqueda? | MDN. (2023, 14 febrero).
https://developer.mozilla.org/es/docs/Learn/Common_questions/Web_mechanics/Pages_sites_servers_and_search_engines

Edix, R. (2022, 11 julio). ¿Qué es una URL? Aquí te lo contamos. Edix España. https://www.edix.com/es/instituto/que-es-url/

✔ L. (2020, 6 abril). Maquetación web. LaMantis ✔. https://www.mantis.cat/es/maquetacion-web.html

World Tech Makers. (2018, 7 junio). Tips para maquetar una página web - World Tech Makers. Medium. https://medium.com/@worldtechmakers/tips-para-maquetar-una-p%C3%A1gina-web-bc6b6788be1

HTML y CSS. (s. f.). https://creatuweb.espaciolatino.com/guia/imagenes.htm

¿Por qué incluir videos en tu sitio web? (s. f.). Newtenberg Colombia - Tecnología para la comunicación humana. https://newtenberg.co/601/w3-article-1014.html?_noredirect=1

Títulos y párrafos - Sitio Simple. (s. f.). https://ayuda-sitio-simple.donweb.com/editor-de-paginas/gestionar-contenido/titulos-y-parrafos

# data[].attributes.headline
PUNTOS IMPORTANTES PARA UNA BUENA MAQUETACIÓN 

# data[].attributes.subject
PUNTOS IMPORTANTES PARA UNA BUENA MAQUETACIÓN 

# data[].attributes.body
Realizar bocetos (Wireframe): Se recomienda elaborar los bocetos antes de comenzar a maquetar, para que tengas una idea clara sobre la distribución de elementos.
Emplear Paleta de colores: Como todo diseño que debe ser bonito, atractivo y que cause una buena impresión, para eso los colores deben contrastar.
Emplear las etiquetas de HTML5: Los proyectos web deben usar las etiquetas de HTML5 para mejorar el nivel de indexación. HTML5 nos muestra una alta variedad de etiquetas tales como:<header>, <nav>, <figure>, >figcaption>, >aside>, <main>, <footer>, etc.
Usar los prefijos para las propiedades de CSS3: Es importante colocar prefijos cuando estés usando las nuevas propiedades que trae CSS3, para no tener problemas de incompatibilidades entre navegadores y así los usuarios no sientan diseños diferentes al usar navegadores web diferente versión.

# 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. La maquetación es una fase avanzada del proceso de desarrollo web.

# data[].attributes.body
Estándares Web para el diseño:  Especificaciones/recomendaciones realizadas por el World Wide Web Consortium (W3C) para asegurarse que los diseñadores/desarrolladores Web y los fabricantes de navegadores utilizan el mismo lenguaje tecnológico.
Estos estándares también permiten que el contenido sea compatible en diferentes dispositivos con diferentes tipos de visualizaciones.

HTML (HyperText Markup Language), para definir la estructura de los documentos.

XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías.

CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.

Javascript, que permite otorgar dinamismo y funcionalidad.

# data[].attributes.body
La información a destacar en esta sección puede ser todos esos elementos que no se han podido resaltar en el resto de la página, así como elementos básicos de información- Se suele encontrar:

El logo de la marca
Icono de las redes sociales
Datos de contacto
Menú simplificado
Horario y ubicación
Política de privacidad y de cookies.

# data[].attributes.body
El pie de página o footer lo encontramos en la parte inferior de la página y se mantiene fijo en todas las páginas de nuestra página web. Aunque muchas veces a la hora de estructurar una web no se le da importancia, este lugar es sin duda otro elemento fundamental de una página web.

# data[].attributes.body
El body o cuerpo de la web se encuentra situada en la parte central de la página (entre el header y el footer) y es donde se presenta al usuario el contenido de esa página o sección. Es una especie de contenedor donde plasmar todos esos textos, imágenes, videos, etc.

# data[].attributes.body
La cabecera es la parte superior de nuestra web y en ella se encuentra información básica de nuestro negocio/marca. En ella podemos encontrar varios elementos importantes como es el logo y nombre de la empresa, el menú de navegación principal. Además, se suele incluir datos como el buscador de la página y una llamada a la acción.

# data[].attributes.body
Constructores o page builder: Permiten crear una página web con un diseño adaptable y con apariencia única para cualquier tipo de página web. Estos constructores cuentan con un soporte profesional detrás y se mantienen en continua actualización.
Temas: Agrupaciones de plantillas, es decir, varias páginas webs ya montadas donde solo tienes que cambiar los elementos que hay dentro por los que tú quieras (imágenes, textos, etc.). El tema incluye textos, encabezados, estructuras, pies de página, menús, colores, tipografía, márgenes, sangría, espaciados entre líneas.
Plantilla: Estructura y apariencia de una página en tu sitio. Es una página web prediseñada, que podrás adquirir a muy poco coste, incluso gratis, desde tu plataforma.
Plugins: Extensiones que amplían las funciones de la página web. Es decir, son aplicaciones que contienen determinadas características que ayudan a mejorar tu WordPress.

# data[].attributes.body
Para plantear la estructura de nuestra web, primero debemos diferenciar tres elementos fundamentales que contiene una web:
- Cabecera o Header.
- Cuerpo o body.
- Pie de página o footer.

# data[].attributes.body
DOMINIO: Nombre único que identifica a una subárea de Internet. El propósito principal de los nombres de dominio en Internet y del sistema​ de nombres de dominio, es traducir las direcciones IP de cada activo en la red, a términos memorizables y fáciles de encontrar.
URL: Significa Uniform Resource Locator y es la dirección única y específica que se asigna a cada uno de los recursos disponibles de la World Wide Web para que puedan ser localizados por el navegador y visitados por los usuarios.
HOSTING: Servicio online que hace que se pueda acceder a tu sitio web en Internet. Cuando obtienes un hosting, básicamente alquilas un espacio en un servidor que almacena todos los archivos y datos de tu sitio web para que funcione correctamente.

# data[].attributes.body
PÁGINA WEB: Una página web es un simple documento que puede ser mostrado por un browser. Estos documentos están escritos en lenguaje HTML.
SITIO WEB: Un sitio web es una colección de páginas web vinculadas (más sus recursos asociados) que comparten un único nombre de dominio. Cada página web de un sitio web determinado proporciona enlaces explícitos.