Comienza tu negocio paralelo: cómo construir tu primer sitio web en Squarespace

1. Introducción: hola y bienvenidos para empezar tu ajetreo lateral Cómo construir tu primer sitio web de Squarespace. Soy Rosanna y soy diseñadora de productos y muebles de Reino Unido He construido múltiples sitios web para diferentes proyectos y aprendí muchos consejos y trucos en el camino. Y ahora quiero compartirlas contigo para que puedas construir tu propio rincón de Internet. Entonces podrías estar pensando, ¿por qué un ajetreo lateral? Bueno, yo creo que cuando comienzas algo por ti mismo, aun cuando continúas trabajando tu trabajo diario, te sientes empoderado y ganas confianza. Creas oportunidades y seguridad para ti mismo. Entonces empiezo a pensar qué podría hacer tu ajetreo lateral por ti y a dónde podría llevarte. Pero podrías estar pensando, Oye, Oye, ¿qué pasa con mi instagram? Comparto lo que hago en mis pasiones a través de esa plataforma. Pero nuestras plataformas de redes sociales no nos pertenecen realmente. Podrían cambiar en cualquier momento. Y no estamos en control de pulgar con un sitio web. Podemos fabricar y tallar y mantener el control de nuestro propio rincón de Internet. ¿ Por qué squarespace? Bueno, he probado muchos de los diferentes constructores de sitios web que están por ahí, y encontré que squarespace es el más fácil de usar, no se requiere codificación y es totalmente receptivo. Por lo que funciona en el iPad móvil y en el escritorio sin que tengas que preocuparte por nada. También han lanzado recientemente una nueva aplicación para que puedas descargarla en tu teléfono. Imagina incluso cuando estás de viaje al trabajo, podrías estar trabajando en tu ajetreo lateral editando un post de sangre o publicando una imagen en tu sitio web por lo que te da ese nivel añadido de libertad y posibilidad de estar trabajando de tu lado . Hustle siempre que quieras a lo largo de esta clase de principiante. Antes de llegar a un sitio web que funcione plenamente, vamos a seguir estos pasos una investigación en busca de inspiración. Por lo que es lo más fácil posible cuando venimos a construir nuestro propio sitio web a la declaración de misión. Esta va a ser la luz guía para nuestro ajetreo lateral tres. Siguiendo a través de mi flujo de 10 pasos squarespace que nos va a llevar de ningún sitio web a sitio web y lleno. Ahora que tenemos nuestra página web, vamos a trabajar en la estructura, asegurándonos de que las páginas dentro de ella sean fáciles de navegar. Al final de esta clase, vas a tener un sitio web, y la parte más difícil está empezando y ya lo has hecho tan bien hecho. Ahora vamos a buscarnos 2. Investigación: por lo que podría estar pensando, ¿Por qué necesitamos parar con la investigación? Bueno, todos estamos ocupados. Este es nuestro ajetreo lateral después de todo. Y queremos poder tomar decisiones eficientes rápidamente a la hora de construir un sitio web para que podamos pasar a la parte divertida de compartir fuera de la tussle con los demás y crear contenido. Y al entender lo que nos encanta de otros sitios, podemos aplicar los mismos principios a nuestro propio sitio web para asegurarnos de que sea profesional, fácil y agradable de usar para nuestros visitantes. Nuestro proyecto de clase de hoy es compartir una captura de pantalla de un sitio web que te inspire junto con algunos puntos de bala en tus observaciones. Recuerda, lo estamos analizando de acuerdo a la estructura. Entonces cómo navegas por la página web y dónde se sientan las páginas. Por ejemplo, otros muchos clics necesarios para llegar a través de un menú a la página que desea, o es relativamente fácil encontrar la página que está buscando? Ah, el esquema de color. ¿ Los colores son complementarios? ¿ Te excitan o te hacen sentir relajado? O el diseño cómo y dónde se posiciona y presenta el contenido en la página y cómo eso te llega a través. Entonces echemos un vistazo por página web de Inspiración para mi proyecto de clase. He elegido el estilista de la marca dot com como mi sitio web de inspiración, y como puedes ver de inmediato aquí, es un sitio web muy limpio y claro para mirar. Si miramos con un poco más de detalle la estructura del sitio web, podemos ver de inmediato en la página principal. Las opciones de menú están a lo largo de la parte superior aquí a ambos lados del logo por lo que inmediatamente podemos ver qué páginas hay dentro del sitio web, pero también de qué se trata el sitio web del estilista de la marca en realidad. A veces podría tener un menú apagado a la izquierda aquí, un menú de hamburguesas. Se llama, um, um, donde todas las páginas están algo escondidas ahí dentro que pueden tener pros y contras. Pero para aquí, eso podría ser un poco negativo, porque como podemos ver a la estilista de la marca como cursos en línea, qué de inmediato te dice más de ella? Pero si eso estaba escondido en un menú, tal vez no lo sepas y tal vez no te des cuenta que el esquema de color del sitio web también es muy bonito. A mí me parece muy relajante y como que calman muy, muy pálido, leve rosa al fondo. El texto en negro fuerte y claro es realmente, realmente muy fácil de leer y muy claro en el propio logotipo le tiene un efecto metálico , lo que aporta un elemento añadido de lujo. Y si echamos un vistazo al propio sitio web de la vida y miramos el diseño, podemos ver que es un sitio web de desplazamiento completo en todos. El contenido tiene mucho espacio a su alrededor. Por lo que vuelve a volver a ese estilo limpio y claro donde se puede ver todo muy fácilmente con el texto negro en las imágenes brillantes y mucho espacio y muy fácil de navegar y moverse. Entonces si echamos un vistazo a mi propia página web y cómo he usado mi inspiración de la marca estilista dot com y la aplicé a mi propio sitio, puede ver que tiene el menú en la parte superior aquí para esa misma estructura clara, el esquema de color. He tratado de crear su ambiente calmante con el esquema de color también. Andi. El contenido todo tiene mucho espacio y se presenta muy claramente para que todo sea fácil ver, así que esa es lección para terminar. Bien hecho. Hemos tocado el proyecto de clase ahí, encontrando un sitio web de inspiración que podemos analizar por su estructura, su esquema de color o su diseño. Hemos echado un vistazo a cómo podemos aplicar eso a nuestra propia página web para que sea más fácil cuando lleguemos a Squarespace. Así que no olvides soltar una captura de pantalla de tu sitio web favorito en el proyecto de clase con unos cuantos puntos de viñeta en tus observaciones en cuanto a su estructura, su esquema de color o su diseño. 3. Declaración de la misión: la segunda y última etapa de nuestra sección de investigación va a ser el trabajo en nuestra declaración de misión . Pero, ¿qué es una declaración de misión? Si bien la declaración de misión es una frase corta, ¿ resumiendo por qué haces lo que haces en cuál es tu objetivo? Va a ser tu luz guía para mantenerte enfocado y motivado cuando la vida se interponga en el camino. Pero, ¿cuál es mi declaración de misión? Bueno, mi declaración de misión para mi propio blawg personal es compartir mis experiencias y aventuras en desafiar lo que se espera de nosotros con la esperanza de que pueda animar a otros a preguntar también por qué. De acuerdo, entonces, ¿cómo generamos una declaración de misión? Bueno, para mí, la mejor manera de hacerlo es hacer un mapa mental. Así que empieza con un trozo de papel en blanco y un bolígrafo, o incluso regálate un nuevo libro y un bolígrafo nuevo. Porque a todos les encanta la papelería nueva y estás empezando un papel de ajetreo lateral izquierdo. Entonces en medio de tu mapa mental, empieza con tu ajetreo lateral para que pueda ser la fotografía y luego tener unas cuantas ramas saliendo de eso así que solo queremos enfocarnos en lo que estás haciendo, por qué lo estás haciendo y cuáles son tus objetivos. Una vez que tienes unas cuantas ramas viniendo de qué, por qué en goles, puedes resumir esto en una frase corta, tal vez justo en un post it note, y pegarlo en algún lugar o justo en el frente de tu cuaderno . O escurrirlo e imprimirlo. Pero pon esto en algún lugar grande y audaz para recordarte por qué estás haciendo lo que estás haciendo y cuál es tu objetivo. Por ejemplo, apegarse al tema de la fotografía el Lo que podría ser la fotografía de paisaje, la Y podría ser compartir un amor al aire libre, y el objetivo podría ser alentar a más personas a salir. Por lo que una simple frase para resumir esa declaración de misión podría ser compartir la belleza de la naturaleza a través de la fotografía de paisaje para animar a otros a salir al aire libre. Entonces esa es la Lección tres terminada. Hemos echado un vistazo, una misión, declaraciones, qué son, por qué necesitamos uno y cómo hacer uno. Así que vamos a conseguir nuestro sitio web inspo, obtener nuestras declaraciones de misión y vamos a construir nuestro sitio web de Squarespace 4. ¿Qué versión de Squarespace: antes de dirigirnos a construir nuestra página web en squarespace. Tan solo una nota rápida en las versiones del sitio web de Squarespace. Si acabas de inscribirte en Squarespace recientemente desde enero de 2020 te meterán automáticamente en la construcción de un sitio web en la versión 7.1. Entonces para cambiar eso, porque mi clase aquí se ejecuta en la versión siete punto. Ah así que para asegurarte de que estás en la misma versión, solo tienes que dirigirte al link en la clase sobre la página aquí y eso te llevará toothy tienda de plantillas originales para squarespace versión 7.0 y así toda mi clase en la siguiente clase de este es usando squarespace 7.0, y Squarespace sigue actualizando esta versión y sigue apoyando esta versión y han indicado que esto continuará. Siguen siendo retoques que se hacen a la versión 7.1. cambio de Onda en 7.1 es bastante diferente, así que estaré creando una nueva clase en el futuro cuando 7.1 se haya asentado. Y pero por ahora, esta clases en siete puntos OEA, esta es, creo, la mejor opción por ahora. Entonces si quieres duplicar si ya has creado tu sitio, Si quieres duplicar la comprobación? Camina en qué versión estás. Puedes dirigirte a tu constructor de sitios web aquí y hacer clic en ayuda y luego puedes ver en la parte inferior. Ahí dice versión siete punto. Ah, y también dice, en qué familia de plantillas estamos ahora mismo. Entonces así es como puedes comprobar eso eso Sigamos con la clase Ahora que todos sabemos que vamos a estar en 7.0 Andi, consigue construir nuestra página web. 5. Flujo de squarespace de 10 pasos: Ahora empecemos con Squarespace. Vamos a estar usando mi flujo squarespace de 10 pasos, que está disponible como descarga en la sección de recursos de clase. Te recomendaría descargar e imprimir esto para que puedas hacer un seguimiento de tu progreso. Y si tienes que alejarte a mitad del flujo, puedes marcar donde conseguiste a Teoh. También he añadido un poco de espacio donde se pueden tomar notas. Entonces mientras estamos analizando algunas de las plantillas en squarespace, si quieres hacer notas en contra de ellas, si haces esto en el documento, entonces mantiene todo en un solo lugar. Andi, he añadido una casilla de verificación contra cada paso porque siempre se siente genial cuando te quitas algo. Así que agarra tu declaración de misión y la inspiración de tu sitio web. Y vayamos a squarespace dot com. Si quieres echar un vistazo alrededor de squarespace dot com. Si no has visitado el sitio web antes, entonces hazlo ahora. Pero vamos a seguir adelante con el botón de inicio para iniciar nuestra prueba gratuita. Al hacer clic en el botón de inicio, te lleva a esta página donde si quieres, puedes escribir cuál es el objetivo de tu sitio web. Pero visto como ya lo hemos hecho en nuestra investigación, entonces vamos a ponernos directos y saltar a plantillas. Escribir en cuál es tu objetivo para tu sitio web aquí puede ser útil. Pero entonces Squarespace te lleva a través y limita las plantillas que puedes ver y ver como ya lo hemos hecho para que sepamos cuál es el objetivo para nuestra página web. No necesitamos hacer eso. Podemos ir directamente a plantillas por lo que utilizando las categorías existentes que Squarespace nos ha dado por el costado aquí y también de manera fundamental, nuestra inspiración de sitio web. Nos vamos a tomar un poco de tiempo para analizar las plantillas, echar un vistazo a su alrededor, dar click a través de las diferentes opciones y simplemente llegar a conocer lo que Squarespace nos ofrece través de plantillas. Si echamos un vistazo con más detalle a la sección de fotografía, entonces podemos ver que nos da una selección de plantillas dirigidas a mostrar imágenes, por lo que la imagen es un gran en la pantalla. Ocupan la mayor parte del espacio, así que no hay mucho espacio para el texto, y todo se trata de presumir esas fotos. Recuerda también en este punto para referirte de nuevo a tu sitio web de inspiración. Por lo que en realidad he hecho una pantalla dividida aquí donde tengo el sitio web de Inspiración a la izquierda en el espacio Dsquared con sus diversas plantillas específicamente sobre fotografía. Para este ejemplo en el lado derecho para que podamos ver hay unas cuantas plantillas que tipo de tengo algunas similitudes con el sitio web de inspiración e y pero me gusta el look de esto en aquí que habla de tener un carrusel de sangría completa para las imágenes. Entonces para hacerse un poco más de una idea, si nos referimos de nuevo al sitio web de inspiración debilita, mira, ese es el look que se obtendrá si tenemos una imagen de sangría completa. Entonces eso solo significa tener una imagen que gasta todo el ancho de la pantalla. Por lo que es bastante impactante en el aspecto del carrusel solo significa que puedes desplazarte por varias imágenes diferentes en esa sangría completa. De acuerdo, entonces vamos a deshacernos del sitio web de inspiración. Creo que encontramos uno que me gusta el look off. Um, si pasas el cursor sobre la imagen que puedes ver, puedes hacer clic en vista previa para echar un vistazo más de cerca a la plantilla que te gusta el look off para puedas moverte por el sitio web en esta vista previa, usa los botones y los enlaces como lo funcionaría en la vida real para darte una mejor idea de cómo se va a ver eso. Tómate un poco de tiempo aquí para mirar alrededor de las plantillas, abrir la vista previa, cocinar y ver lo que piensas, y mirar a través de muchos de los diferentes en las diferentes categorías. Aquí no hay prisa. Es bueno hacerlo bien en esta etapa, refiriéndose tanto a su declaración de misión como a su sitio web de inspiración. Puedes cambiar plantillas más adelante con Squarespace. Sí te ayuda a hacer eso, pero es un poco doloroso. Créeme, lo he hecho. Entonces, cuando estás en la sección de vista previa de una plantilla, si te gusta el aspecto de la misma, puedes subir a ver demo, lo que te da una vista previa más totalmente inmersiva. Por lo que abre ese sitio web. Demo tiene una pantalla completa, así que realmente puedes tener una idea de cómo va a funcionar eso en línea para que puedas ver aquí. Las imágenes son realmente el punto focal de este sitio web. Son grandes y claros y brillantes en la página de sangre. Nuevamente, hay espacio para el texto y la escritura, pero más todo se trata de las imágenes. Entonces esta es solo una buena manera de hacerse una idea de si las plantillas van a coincidir con su inspo de sitio web y su declaración de misión y cómo desea que su sitio web luzca más adelante por la línea, si es posible, intentemos escoger una plantilla que se ajusta más de cerca a lo que queremos. Mucho de esto en squarespace se puede cambiar, pero cuanto menos tengamos que cambiar ahora, más podemos ponernos en marcha en la parte divertida de compartir nuestro ajetreo lateral. Una vez que hayas encontrado una plantilla con la que estés contento, podemos volver a la vista previa de squarespace e ir a la parte superior derecha. Empieza con este diseño. En este punto, necesitas crear una cuenta con squarespace o iniciar sesión si ya tienes una. Esto significa que los Cuadrados basados podrán recordar lo que has hecho. Podrá guardar todo su trabajo en tiempo real, y podrá volver a él en cualquier momento. Entonces la buena noticia es que ahora tienes una prueba de 14 días con Squarespace de forma gratuita. Por lo que tienes tu página web. Bienvenido a tu nuevo sitio squarespace y podemos empezar a meternos en la nitty gritty de editar las páginas y crear el contenido. Por lo que ahí está, tu nueva página web de Squarespace. Por lo que a la derecha aquí, se puede ver la sensación de la ventana de vista previa. Página web de Squarespace a la izquierda. Aquí te dejamos las opciones de menú donde vamos a poder entrar y editar todo lo que ver con nuestra propia página web. El edit podría estar cambiando tanto o tan poco como quieras. En la siguiente lección, vamos a ver cómo empezar con la estructura de tu sitio web mediante el uso de la sección de páginas . Además, esperemos que se vea ahí. ¿ Cómo hace eso? La investigación inicial para encontrar nuestro sitio web de inspiración y elaborar nuestra declaración de misión realmente puede ayudar a acelerar el proceso para que podamos entrar directamente ahí y empezar el sitio web y conseguir la edición y hacer todas las partes divertidas de nuestro ajetreo lateral. Entonces esa es lección para terminado. Bien hecho por ahora. Sí, tienes un sitio web iniciado. Así que tómate un descanso, tómate una taza de té y pongámonos. Pero la siguiente lección 6. Estructura de wesbite: en la estructura del sitio web de la lección cinco. Consigamos construyendo nuestros sitios web a partir de mi experiencia. Lo mejor es empezar aquí con la estructura de tu página web. Entonces, primer lugar, necesitamos pensar en qué páginas queremos tener a nuestra vista. Podría ser más fácil en este punto agarrar un bolígrafo y papel o tu nuevo cuaderno y anotar algunas ideas. Empecemos con páginas en medio de un mapa mental normalmente y alrededor. Page es una gran idea, y ese es a menudo el primer lugar que tuve al visitar un nuevo sitio web. Ah, página principal también puede ser una buena idea ya que ayuda a navegar por el sitio ya que siempre sabes volver a casa. Y luego se reduce a tu ajetreo lateral específico. Recuerda tu declaración de misión y lo que estás entrenado para hacer. Entonces para nuestro ejemplo fotográfico, nuestra declaración de misión fue compartir la belleza de la naturaleza a través de la fotografía paisajística. Animar a otros a salir al aire libre se enfoca en la naturaleza y al aire libre y esas imágenes. Entonces si dividimos eso en secciones, podríamos elegir dedo del pie tener tres páginas separadas, centrándonos en aspectos individuales que amamos de la naturaleza como árboles, cerros y ríos Volver arriba en Squarespace. Andi, para empezar, vamos a comprobar en nuestro sitio web que podemos ver que nuestro sitio sigue siendo privado para que nadie más pueda ver nuestro sitio web sin embargo no se ha lanzado porque todavía estamos en la prueba gratuita. Podemos hacer toda nuestra edición, pero el sitio web en realidad no está en vivo. Entonces cuando estemos listos, podemos actualizar para publicar y podemos hacerlo público para que cualquiera pueda ver el sitio. Pero por ahora, sólo nosotros podemos ver esto. Vamos a empezar con páginas para construir nuestra estructura de sitio web. Por lo que no vi bajo navegación principal. Aquí tenemos los encabezados de menú que corresponden con la parte superior de la página web por aquí. Por lo que tenemos la última mortem asciende sobre en blogueado. Entonces a partir de nuestro mapa de mente rápida en qué páginas queremos en nuestra página web, sabemos que definitivamente queremos en sobre página para que podamos utilizar la existente sobre página que está justo en modo demo en este momento. Entonces si hacemos click a través, podemos ver al fotógrafo ficticio John y su página sobre. Por lo que bien podríamos utilizar esto si nos hemos tomado el tiempo para trabajar. Fui agraciado plantilla basada para que realmente coincida con nuestra inspiración del sitio web y nuestra declaración de misión . Entonces es una buena idea utilizar las páginas que ya están en la plantilla tanto como sea posible. Basta con reescribir el contenido. Por lo que todavía estamos en modo demo por el momento aquí, así que solo tenemos que hacer clic en la configuración de engranaje en el lateral. Eso trae esto sobre la página para la configuración aquí, y podemos ver que la versión demo ha ido de aquí. Por lo que sabemos que la página ahora forma parte de nuestra propia página web, por lo que podemos simplemente guardar eso ahí. Entonces si hacemos clic en título del sitio que está vinculado a la página principal del momento. Entonces Página principal fue lo siguiente que queríamos tener como página a nuestro sitio web para que podamos ver a la izquierda aquí. El icono de inicio se encuentra actualmente junto a la página titulada Último, que es una página de galería, por lo que estos iconos están a lo largo del menú. Navegación significa algo, Así que el icono aquí es para una galería. Esto es sólo para una página en blanco, y esto es para una página bloqueada. Entonces por el momento, la página principal es una página de galería, así que empecemos una nueva página y tengamos una nueva página de inicio para nuestro sitio web. Por lo que usando el plus en la parte superior aquí, podemos crear una nueva página. Por lo que aquí, tenemos todos los diferentes tipos de páginas que podemos crear ya han visto. Ya tenemos una página de sangre en una página de galería. Simplemente vamos a hacer una nueva página en blanco a la que podemos llamar casa. Y eso luego se agrega a la navegación principal a lo largo de la parte superior aquí. Entonces en el momento en que esta página esté vacía, lo cual es genial , ya sabes, podemos empezar por ella y agregar nuestro propio contenido y nuestro propio diseño cuando lleguemos allí. Por lo que para hacer de la página principal la página principal, sólo tenemos que hacer clic en la configuración de engranaje allí, desplazarse hacia abajo y establecer su página de inicio. Ahí vamos. Entonces tenemos casa ahora es nuestra página principal. Pero este sitio web también tiene una página bloqueada, que por el momento no forma parte de nuestro plan de estructura de sitio web, así que más bien eliminarla. Yo sólo voy a arrastrar esto hacia abajo para ser desvinculado rey desvinculado. El pagina de sangre significa que todavía somos capaces de ver la disposición por ahí, lo cual podría ser útil para el futuro si alguna vez queremos punto de referencia para traer de vuelta en un bloque del dedo del pie nuestro sitio web. Pero por el momento, no se va a desvincular, así que eso sólo significa, pero ya no forma parte de la cabeza y el menú ahí. Pero la página aún existe. No lo hemos borrado del todo. Entonces, por último, queremos tres páginas de galería para nuestros árboles, cerros y ríos. Ya hay dos páginas de galería aquí, así que ¿por qué no simplemente reproponemos la primera para ser nuestros árboles y cerros y podemos agregar en una última página de galería para nuestros ríos? Entonces si hacemos click a través, podemos ver que nos está diciendo que es un ejemplo Page. Puedes copiarlo y añadirlo en contenido o eliminarlo. Entonces en esta instancia, queremos copiarlo para que podamos usar esto para nosotros mismos en el futuro. Pero también somos capaces de usarlo para obtener una indicación de cómo se verá la página cuando la llenemos con nuestro propio contenido. Por lo que no queremos llamar a este último, así que vamos a dar click en el engranaje de configuración y cambiar el nombre a tratados. Cambie las babosas URL para que sea relevante para el nombre de la página y cambie el título de la página y simplemente haga clic en guardar. Por lo que ahí tenemos a lo largo de la casa de arriba y los árboles nunca regresan y hacen lo mismo para la opción de stands de Motema , y sólo vamos a la página de copia del dedo del pie. Usa el engranaje de configuración y cambia esto a pastillas B. No vamos a preocuparnos demasiado de qué más hay en este panel. Por el momento. Eso lo guardaremos para después. Por lo que finalmente queremos añadir una página extra de galería. Entonces solo vamos al botón de página allá y damos clic en galería, y vamos a llamar a éste Rivers y podemos ver que esto está vacío en comparación con las otras páginas donde hemos redestinado el contenido. Por lo que esto está listo para nuestro propio contenido ahí. Entonces en el momento en que Ríos esté fuera de servicio así que sólo podemos arrastrar eso aquí abajo, y realineará árboles caseros, cerros, ríos y alrededor. Y sólo vamos a arrastrar hacia arriba porque, como comentamos en la página, la planeación sobre es una página importante, y queremos que esa sea al lado de un hogar allá. Tenemos nuestra estructura en su lugar. Tenemos nuestra página principal sobre árboles, cerros y ríos. Eso es menos y cinco terminados. Bien hecho. Ya casi estamos ahí. Tenemos nuestro sitio web con la estructura de nuestra página web en su lugar, lo que está listo para que lo poblemos con nuestro propio contenido. A continuación, vamos a echar un vistazo a cómo hacer eso. Cómo agregar algunas de nuestras propias imágenes en nuestro propio texto. 7. Contenido de sitio web: en nuestra lección final sobre el contenido del sitio web, vamos a ver cómo rellenar esa estructura que ya hemos puesto en marcha con nuestro propio contenido. Entonces nuestras propias imágenes y nuestras propias palabras ahí tenemos nuestra estructura en su lugar. Tenemos nuestra página principal sobre árboles, cerros y ríos. Ahora hagamos algo con esa página de inicio vacía que creamos. Como puedes ver al pasar el cursor sobre la ventana de vista previa, estas bañeras surgen que, digamos, editar y ajustes. Si pasamos el cursor sobre el título, nos dice que ese es el título del sitio y nos da la opción de edición. Y si pasamos por aquí, nos dice que esa es la navegación y nos da la opción de edición. Entonces por ahora en nuestra página principal porque esta página está vacía, solo queremos empezar a editarla y añadir un poco de contenido. Por lo que si hacemos click en editar, nos lleva a esta página de edición de pantalla completa. Entonces aquí tenemos un punto de inserción. A mí me gusta llamarlo gota de lluvia, así que si flotamos sobre la gota de lluvia que vemos, obtenemos una línea el ancho completo de la página para que eso nos diga que una vez que hacemos click en ella y veamos estos bloques de contenido, esos bloques de contenido se llenarán el tamaño completo de la página. Por lo que los bloques de contenido disponibles para nosotros. Tenemos unos básicos aquí arriba, como texto o imagen. Aquí tenemos algunas opciones para diferentes formas de mostrar una imagen. Tenemos algunas opciones de galería aquí abajo, algunas opciones de resumen y algunos más filtros y listas, gráficos de comercio, libros sociales y luego premium, que hay que pagar. Y así el Cristo montón de opciones allá arriba. Pero todo lo que necesitas de manera realista está en básico o potencialmente un diseño de imagen o galería o resumen. Entonces en esta portada aquí que se abre. Entonces en nuestra página principal, insertemos una imagen como nuestra primera cosa porque recuerden dónde un sitio web de fotografía de paisaje y todo se trata de esas imágenes gratis subir una imagen. Simplemente te lleva a tu carpeta de documentos, y voy a usar esta imagen, que es una fotografía que tomé en un reciente viaje a Japón, tiene unos árboles y un río en ella, así que va a tomar algunas de las cajas para esto página de fotografía particular. Podemos agregar en un nombre también, que no es como dice aquí. Es opcional, pero es buena práctica para en eso en Vamos a llamar a esa imagen de casa y eso va por ahí . Entonces si hacemos clic, aplicamos y volvemos a subir a la parte superior aquí para guardar eso, entonces podemos ver nuestra página principal ahora tiene una gran imagen en ella, que es brillante. También podemos hacer click en esta flecha aquí arriba para darnos una vista previa a pantalla completa de nuestro sitio web. Así se vería bien la página. Tenemos nuestra imagen en la página principal. Creo que sería bueno en la declaración de misión a lo largo de la parte superior también. Entonces si volvemos a editar en esta página, Andi, encuentra uno de esos insertar puntos de gota de lluvia y pantalla completa para con así nuestros bloques que podemos sumar . Voy a agregar esto en como bloque de texto para que podamos ver como empezamos a escribir que lo va a agregar . Por lo que nuestra declaración de misión waas para animar a otros a salir por las puertas. Entonces esa es nuestra declaración de misión. Y para que veas, tenemos unas cuantas opciones de texto aquí arriba, Teoh poder editarlo para que se ponga eso en negrita. Por lo que destaca y podemos centralizarlo también. Y luego hay algunas otras opciones por aquí, y pero realmente no necesitamos preocuparnos por ellas. Por lo que si solo hace clic fuera de eso, podemos ver que eso está ahí. Y así otra cosa que es bastante útil. Otro bloque que es útil para poder sumar es un espacio un libro. Entonces así es como crearías el diseño visual que deseas para tu sitio web. Nos vemos en los bloques de decir texto de imagen y los nuevos espacios para crear espacio a su alrededor que se sientan donde quieres que se sientan. El icono de la mano aparece sobre el espaciador, lo que significa que puedes arrastrarlo hasta donde quieras que vaya. Y si ves si lo arrastras a un costado aquí, aparece una línea en el lado derecho, lo que significa que el espacio se va a sentar hacia la derecha en lugar de la larga línea que atraviesa la parte superior. Se suma en una columna, y podemos hacer que ese espaciador lo tenga más pequeño y luego si hice otra del otro lado y simplemente la arrastramos cuando la línea suba por ahí a la izquierda y hacer que sea un poquito más pequeño para que podamos usar thes espacios para asegurarse de que los textos. Es exactamente donde queremos que se siente. Entonces ahí mismo en el centro, creo que eso se ve bastante bien. Y luego un último toque, Um, yo simplemente no alineé bloque, por lo que simplemente literalmente trae en una línea que ayudará a separarse y solo puede A veces tuve ese poco de acabado un poco de polaco Teoh Page. Entonces hacemos click, guardamos y luego podemos ver si volvemos a pantalla completa. Así es como se ve en este momento. Por lo que obviamente tu título de sitio no es el nombre de nuestro sitio web. Entonces si pasamos el cursor sobre el título del sitio, obtenemos la opción de edición que nos trae para poder editar esto. Por lo que en la pantalla de la izquierda, podemos ver que tenemos título de sitio y tagline. Entonces por el momento sólo tenemos una citatah, que queremos que sea tampoco. El nombre de nuestra página web o nombre propio. Y así lo voy a llamar fotografía presentada por ahora. Y si tenemos ah, logo, entonces podemos agregar eso aquí. Sólo voy a usar el hecho de que tenemos este bonito, grande, grande, audaz frente y hit save. Por lo que sólo navegamos de nuevo fuera de diseño y de vuelta a las páginas y hacemos de esta pantalla completa podemos ver que ahora tenemos una página de inicio con nuestro nombre en ella con nuestra navegación de menús, nuestra estructura de páginas establece cómo queremos. Tenemos una declaración de misión arriba en el frente central ahí para decirle a todos de qué trata. Y tenemos una bonita imagen grande en primera plana para reforzar el aspecto fotográfico de paisaje de la página web. Entonces echemos un vistazo a la página, porque actualmente sigue en John, el fotógrafo ficticio. Entonces si volvemos a pasar por aquí, vemos el contenido de la página y nos da una opción de edición. Podemos editar la imagen y podemos editar el texto. Así que vamos a entrar y editar esto otra vez, utilizando lo que ya estaba ahí y sólo pongamos un poco rápido sobre nosotros, y sólo voy a sacar eso por ahora. Entonces obviamente tu página sobre será un poco más elaborada y decir un poco más sobre ti y tu declaración de misión otra vez y lo que estás tramando, Andi, vamos a entrar sin cambios la imagen porque no soy John. Entonces volvemos a editar. Y así tengo a John aquí. Entonces si lo eliminamos y hacemos clic en subir una imagen, nos lleva de vuelta a nuestros documentos. Y acabo de conseguir esto una foto mía en Edimburgo, se dieron. Entonces si pudiéramos aplicar Andi save volver a su vista de pantalla completa, verías que miraría hacia arriba para ver un poco mejor con más texto a lo largo de ahí. Pero por ahora, si tuvieras que hacerlo, sobre pudiste ver una fotografía mía, Andi, prestar un poco más sobre mí. Uh, pero a la página principal y he decidido que no estoy para financiar cómo se ve esto. Entonces voy a volver a entrar y editar esto, y creo que voy a sacar estos bloques espaciadores, lo cual es muy sencillo. Acabas de pasar el rato. Nos dice que es un espaciador, y nos pegamos. Eliminar. Sí. Quién guardó eso en, y creo que eso sólo se ve un poco limpio. Tenemos la declaración de misión en la parte superior. Ahí podríamos navegar por ahí y ver cómo se ve todo. Ahí estoy, y todo lo que queda por hacer en nuestros árboles, cerros y ríos es agregar en algunas de nuestras propias fotos. Si queremos agregar algunas de nuestras propias imágenes a nuestra página de galería de árboles y sacar las fotos de John , podemos entrar a los árboles aquí, lo que trae hasta cuadro de edición de galería de arte de este lado. Yo sólo voy a seleccionar todos y quitar esos porque no queremos imágenes de drones, y así ahora nos está diciendo que la colección está vacía. Da clic aquí y te trae de vuelta a tus libros de documentos. Por lo que acabo de hacer una carpeta aquí llamada Árboles. Por lo que seleccionó todos esos dedo del pie Adam de una sola vez, subiré esas imágenes a nuestros árboles Galería de fotos. Ahora subieron nuestras imágenes de árbol, y las podemos ver en la galería aquí. Entonces este es el carrusel de sangría completa. También podemos arrastrar cuando pasamos el cursor sobre la imagen. Aquí. Podemos arrastrar las imágenes para reorganizarlas si quieres cambiar el orden del pulgar para que solo se actualice en la ventana de vista previa. Y si vamos a pantalla completa, podemos ver cómo se va a ver nuestra galería cuando alguien venga y visite nuestra página web. Por lo que nuestra página web ahí está empezando a lucir bastante bien. Tenemos una página de inicio sobre la que hemos creado nuestra. Página Andi. Tenemos una de nuestras páginas de galería con algunas imágenes en así una cosa que fue realmente útil para agregar el contenido al sitio Web. Estaba teniendo todas las imágenes a la mano listas para ir para que al hacer click en el botón de subida , se lleve una recta a una carpeta donde ya hemos decidido qué fotos iban a tener en nuestra página web. Entonces, aunque no estés haciendo un sitio web basado en imágenes, pero tienes páginas blogueadas o bloques de mucho texto, es una buena idea y mejores prácticas escribir eso antes de traerlo al sitio web . Entonces ya sea en palabra o en páginas documento, y luego solo puedes copiar y pegar eso a través. De esa manera, es seguro. Incluso puedes escribirlo fuera de línea entonces, también, porque solo puedes editar en squarespace aquí cuando estás en línea y ahí está nuestra página web. Todo lo que quedaría por hacer ahora sería agregar algunas imágenes a nuestra sección de colinas y ríos y luego seguir creando ese contenido y agregándolo en mi próxima clase de haberes completa sobre squarespace, vamos a mirar en un poco más detalle sobre el diseño de nuestra página web. Entonces mirando sitios, estilos, colores funt, cosas así y también echando un vistazo a Logo's. Así que asegúrate de seguirme en la cuota de habilidad para que te notifiquen tan pronto como esa clase se convierta en vida. Lección seis terminada Bien hecho. Tenemos nuestra propia página web ahora con estructura propia, con las páginas en ella que hemos decidido y hemos creado. Hemos empezado a llenarlo con nuestras propias imágenes con nuestras propias palabras. Entonces ahora sólo tenemos que seguir haciendo eso. Podemos mirar con más detalle más adelante en el estilo de los sitios web y lucir una estética. Pero por ahora, celebremos que tenemos nuestra propia página web 8. Resumen: ahí lo tenemos. El final de la clase uno, y ahora tienes tu propia página web. A continuación, nos vamos a centrar en el look y el estilo de tu página web, así que asegúrate de seguirme para que me notifiquen tan pronto como eso clases de vida. No olvides agregar tu proyecto de clase con tus observaciones. En cuanto a su estructura, color, esquema o disposición, estaré disponible bajo cualquier duda que pueda tener.