# data[].attributes.body
Saber escuchar

Saber preguntar

Descubrir la necesidad!

Meditar/Pensar/Procesar cuál/es es la solución posible!!

Confeccionar/Armar el proyecto teniendo en cuenta que cumplo la premisa de brindar la solución a la necesidad que se planteó!

# data[].attributes.body
Nociones básicas para armar tu sitio web!

* Define el objetivo de tu página
* Diagrama tu sitio
* Estructura la información a mostrar
* Elige las imágenes y crea los gráficos necesarios
* Da difusión a tu nuevo sitio web

# data[].attributes.body
El objetivo de tu sitio web es la base de la estructura y es importante tenerlo claro desde el principio para que puedas diseñar mejor todo el sitio!
Por eso es muy importante que lo definas primero, y esta pregunta seguramente te va surgir!
¿Qué es lo que quiero mostrar en él?

Por ejemplo:
- Armo una tienda en línea en la cual pueda ofrecer mis productos/servicios.
- Soy comunicador/a social y deseo transmitir noticias e informar, por lo que necesito armar un blog o un portal de noticias.
- Armo un porfolio para mostrar mis fotos de viaje
- Soy un/a influencer y deseo armar un sitio en el cual pueda contar quien soy, mi trayectoria, imágenes y donde pueda compartir mis redes sociales

Seguramente ya algo imaginaste!

Recordá utilizar sites.google.com y compartirme ti sitio a infoeuforion@gmail.com

# data[].attributes.body
Una vez que tengas definido que sitio web/blog vas a realizar, entonces te será más simple definir la diagramación del sitio y su estilo. ¿Y qué es eso?
Bien, la diagramación es la disposición de la información (texto, imagen, videos) que se va a visualizar en tu sitio.
Dentro de sites.google.com tenés predefinidas varias plantillas con distintos tipos de diseño

Por ejemplo si observamos "dossier fotográfico" y "centro de ayuda" veremos a simple vista qué es lo que se pretende priorizar para que llegue a tu público. Por supuesto que en el primer proyecto lo que queremos es que la persona que visita mi sitio web vea mis obras/fotos, a diferencia del otro que lo que pretendo es que al/la visitante le llegue toda la información necesaria que está buscando.

Estilos
Ya llegamos a la parte más artística de tu blog, la selección de los colores que vas a utilizar en su diseño. En este sentido, mi consejo es que elijas el color que más te guste y que luego crees una paleta de colores partiendo de esa elección.
No hay colores prohibidos, pero ten en cuenta que la utilización que hagas de ellos hará que tus lectores tengan una experiencia más o menos agradadable y cómoda en tu blog.

Tips para tener en cuenta:

Utilizar un fondo oscuro: si tus entradas van a tener largos textos, no utilices un fondo oscuro ya que provoca mayor cansancio a la vista.

No mezcles colores por tu cuenta si no sabes como hacerlo, utiliza herramientas que hagan esa labor por ti.

No utilices más de tres colores, teniendo uno como color principal y dos secundarios (si es un secundario, mejor).

Fuentes/Tipografía
Google Site tiene un banco de fuentes bastante interesante y completa, así que explora y encuentra la que te gusta para definir tanto el título, como los textos, lo que sí te recomiendo lo siguiente:
* Si utilizas una fuente decorativa o estilo cursiva, ten en cuenta que son difíciles de leer y solo se recomiendan para textos cortos, cómo los títulos.
* Tamaños ¿muy grande o muy pequeño?: siempre pensando en la comodidad de tus lectores, selecciona un tamaño de fuente que no llame la atención por ninguno de los factores mencionados.

# data[].attributes.body
Bien, hemos llegado al momento en el cual ya sabes bien qué vas a mostrar y cual es el estilo que va a tener tu sitio, ahora solamente falta comenzar a subir el contenido con el orden que vos deseas mostrar.

Primero vas a plantear el menú que va a tener tu sitio y dónde va a estar ubicado, en la imagen del ejemplo, el menú está ubicado arriba.
Hay páginas que se las denominan "básicas" y que se encuentran en casi todos los menú de los sitios webs que es:

Página principal: La página de inicio de una web puede ser de mil maneras diferentes, pero para no volvernos loc@s, aquí te planteo la estructura de una ‘home tipo‘ dividiéndola en tres zonas:

La primera parte de la home es la parte dedicada a tu propia marca.

La segunda zona es la parte donde muestras cuáles son los servicios que ofrece tu empresa.

Por último, en tercer lugar la parte más variable de tu sitio donde mostraremos elementos como blog, mapa, redes sociales o testimonios, por ejemplo.

"Acerca de" o "Sobre mi": como su nombre lo dice, es la página en la que le cuentas a tus usuarios quién eres. Para mí es una página fundamental, es lo primero que miro tras leer una entrada interesante. ¿Por qué? Porque los lectores necesitamos conocer "algo"  sobre quien escribe, buscamos contenidos creados por personas que nos transmitan confianza.  En la página «Sobre mi» puedes presentarte a tus lectores y contar breve (o largamente) quién eres, cuál es tu formación, cuáles son tus intereses y cuál es el objetivo que quieres conseguir con el blog.

Página de contacto: fundamental si lo que queremos es comunicarnos y crear lazos con otras personas que tienen nuestros mismos intereses. La página de contacto puede contener (pero no es obligatorio) un formulario de contacto, tu email, tu perfil en distintas redes sociales o cualquier dato que quieras publicar y que haga que las personas accedan a ti. Seguramente habrás visto muchas páginas de contacto con formularios, o con un texto simple, vos idea cuál puede ser la tuya.

# data[].attributes.body
Elije y ordena las imágenes, links, videos que vas a mostrar en tu sitio web y ten a mano las mismas.
Google Sites te permite subir imágenes de tu dispositivo, insertar imágenes/videos que tengas en el drive, y hasta buscar imágenes en Google e insertarlas de forma directa desde el sitio original.