Fundamentos del diseño de sitios web en Canva | Media Made Fun | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Fundamentos del diseño de sitios web en Canva

teacher avatar Media Made Fun, Let's Make Learning Media Fun!

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Te damos la bienvenida a esta clase de diseño de sitios web en Canva

      0:36

    • 2.

      Beneficios de tener un sitio web

      4:02

    • 3.

      Cosas importantes que debes saber para diseñar un buen sitio web

      5:08

    • 4.

      Elementos clave de un sitio web que debes conocer

      10:34

    • 5.

      Creemos una página de inicio en Canva

      9:00

    • 6.

      Diseña la siguiente página del sitio web

      10:42

    • 7.

      Crea una sección de proyectos

      7:29

    • 8.

      Diseña la sección Sobre mí

      3:50

    • 9.

      Pie de página y enlaces

      5:23

    • 10.

      Publicación de tu sitio web en Canva y vinculación de un dominio personalizado

      4:53

    • 11.

      Crea una página de registro en Mailchimp y enlácala a tu sitio web de Canva

      7:26

    • 12.

      Gracias y adiós + proyecto de clase

      0:21

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

57

Estudiantes

--

Proyecto

Acerca de esta clase

Diseña un sitio web impresionante en Canva: ¡no necesitas programar!

En esta clase de una hora aprenderás a diseñar un sitio web con Canva, incluso si eres principiante.

Para empezar, hablaremos de los conceptos clave y las mejores prácticas en el diseño de sitios web. Los elementos esenciales del diseño que debes considerar antes de empezar. Luego, aprenderás a crear un sitio web en Canva con plantillas y personalizarlas para que coincidan con tu marca y estilo.

A continuación, descubrirás cómo publicar tu sitio web, conectarlo a un dominio personalizado e integrarlo con Mailchimp para el marketing por correo electrónico.

Nota: Canva es perfecto para sitios web sencillos y elegantes, como marcas personales, portafolios y páginas de pequeñas empresas. Sin embargo, si necesitas un sitio web altamente técnico o complejo, Canva podría no ser la mejor opción.

Si estás listo para diseñar un sitio web bonito y funcional con facilidad, ¡empecemos a crear!

Conoce a tu profesor(a)

Teacher Profile Image

Media Made Fun

Let's Make Learning Media Fun!

Profesor(a)
Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Te damos la bienvenida a esta clase de diseño de sitios web en Canva: Hola y bienvenidos a esta clase donde aprenderás a diseñar un sitio web en Canva En esta clase, te guiaré a través los elementos básicos de la construcción de un sitio web simple, y también exploraremos diferentes diseños analizando otros sitios web en busca de inspiración. Te mostraré cómo conectar tu sitio web a tu propio nombre de dominio personalizado, dándole un toque profesional. Esta clase es perfecta para cualquiera que quiera crear un sitio web sencillo en Canva, ya sea para un portafolio o una marca personal Si buscas construir un sitio web complejo y altamente técnico, Canva puede no ser la mejor opción para ti Pero si quieres diseñar un sitio web que sea rápido, fácil y gratuito, con un diseño estilista, entonces esta clase es para ti Así que únete a mí en esta clase y comencemos a crear tu sitio web hoy mismo. 2. Beneficios de tener un sitio web: Hola, y bienvenidos a esta sección donde descubres los beneficios de tener un sitio web. Bien, así que comencemos. En primer lugar, un sitio web hace que tu marca parezca más profesional y confiable. Un sitio web brinda profesionalismo y credibilidad con un diseño fácil de usar, marca consistente, seguridad SSL, mensajería clara, testimonios e información de contacto accesible, mientras que la atención al detalle muestra confiabilidad y compromiso con la calidad. Veamos el segundo punto, mostrando los proyectos como portafolios Muchos individuos muestran su trabajo como portafolios en línea, lo cual es invaluable a la hora de solicitar roles como diseñador gráfico Bien, entonces ahora echemos un vistazo a un ejemplo de sitio web de cartera. Así que puedes ver aquí, he creado este sitio web. Voy a repasar rápidamente ahora a diferentes páginas. Entonces la primera página aquí tiene un nombre de la persona y los enlaces a su trabajo y un enlace para contactarlos. A continuación, tenemos alguna información sobre por qué podrían ser contratados y una fotografía. Para tu portafolio, creo que es importante tener una fotografía de aspecto profesional. Entonces tenemos una sección a mi, que tiene más información sobre las habilidades y conocimientos de la persona. También he agregado una imagen aquí, que es relevante para el papel de diseñador gráfico. Entonces tenemos una página que muestra sus diferentes trabajos creativos Todos estos también pueden ser enlaces que pueden enlazar a otras páginas que muestran la obra con más detalle. Después bajando, tenemos una página sobre la experiencia laboral. Entonces, si quieres crear un sitio web de portafolio, es importante mostrar experiencia laboral previa. Si tienes alguna imagen de lugares de trabajo anteriores, puedes ponerlas aquí también Y luego tenemos una página sobre servicios. Entonces esto habla de las diferentes habilidades y servicios que puedes brindar. Entonces tenemos una página sobre habilidades. Entonces puedes ver aquí tenemos estos iconos sobre diferentes programas, que hacen que el diseño sea un poco más interesante. Si solo fuera texto, puede que no parezca tan divertido y creativo como tener los íconos aquí. Y luego tenemos una sección de aficiones e intereses. Esto agrega un poco de personalidad al sitio web y puede hacer que la persona se vea amigable y accesible Y entonces tenemos una cotización. Pensé que esto solo haría que el sitio web se vea un poco más interesante y también hace que la persona se vea profesional y trabajadora con esta cotización Después en la parte inferior, tenemos la sección de contacto. Entonces aquí pueden hacer click en contacto, y esto irá a un formulario de correo electrónico, y también tenemos el número de teléfono, página web, correo electrónico, y dirección. También he añadido estos iconos aquí para que el diseño sea un poco más interesante. Y en la parte inferior aquí he agregado algunos íconos de redes sociales que pueden vincularse a sus cuentas de redes sociales. Entonces, si tu sitio web de portafolio, es importante agregar tu creatividad a tu sitio web, diseñarlo como quieras y agregar tu propio sabor y estilo. El tercero, ayudándote a recopilar correos electrónicos de los clientes. Un sitio web ayuda con los negocios en línea recopilando correos electrónicos de los clientes para enviar promociones y aumentar las ventas de productos. El cuarto punto, los sitios web de comercio electrónico ayudan con los pagos en línea. Un sitio web de comercio electrónico facilita los pagos en línea, permitiendo a los clientes comprar productos en cualquier momento y en cualquier lugar. Por ejemplo, ofrecer múltiples opciones de pago como contrareembolso, tarjetas de crédito y débito y billeteras digitales. Otro beneficio de tener un sitio web, evitar el alto costo de los alquileres de tiendas. Evite los costosos alquileres de tiendas exhibiendo y vendiendo productos en su sitio web, ahorrando dinero de manera eficiente Adicionalmente, un sitio web reduce la necesidad de personal adicional, le permite administrar tareas por su cuenta, reduciendo la necesidad de personal adicional y ahorrando costos de desempleo. A continuación, los sitios web pueden vincularse a otras plataformas. El sitio web puede vincularse a otras plataformas o sitios web, incluidas plataformas de redes sociales como Facebook, Instagram, X, YouTube y servicios como Google Maps. Por ejemplo, esta foto muestra la foto de un sitio web que contiene toda la información de contacto. El siguiente beneficio, te paguen en totalidad con tu propio sitio web de comercio electrónico. Con tu propio sitio web de comercio electrónico, te quedas con el precio completo de las ventas, como en plataformas de terceros donde debes compartir un porcentaje de tus ganancias. Por ejemplo, la imagen de la izquierda es de un sitio web de café que muestra su propia plataforma, o la imagen de la derecha muestra las tarifas de vendedor de Amazon, incluidas las tarifas por referencia, las tarifas de cierre y las tarifas de administración de reembolsos Bien, entonces ese es el final de este video donde hemos mirado los beneficios de tener un sitio web. Espero que este video te haya resultado útil. Gracias por mirar, y voy a ver en la siguiente. 3. Cosas importantes que debes saber para diseñar un buen sitio web: Bien, entonces ahora echemos un vistazo a cosas importantes que hay que saber para diseñar un buen sitio web. En primer lugar, recomiendo entender UX y UI, UX, que significa experiencia de usuario, se refiere a la experiencia de usuario creada al interactuar con un producto o sitio web, enfocándose en la facilidad de uso, satisfacción y accesibilidad. UI, que significa interfaz de usuario, se refiere al diseño y elementos interactivos como botones, colores y diseños que hacen que la interfaz sea visualmente atractiva y fácil de usar. Los esfuerzos combinados de UI y UX, crean una experiencia de usuario fluida y atractiva. Un aspecto importante del diseño de un buen sitio web es que debe ser receptivo. Los clientes ahora prefieren la información en tiempo real debido a cambios en el comportamiento. Por ejemplo, considere dispositivos como teléfonos inteligentes y tabletas. Un buen sitio web debería mejorar la experiencia del usuario al mostrar contenido del tamaño adecuado en todos los dispositivos. El segundo punto, diseñar el sitio web para que esté limpio y fácil de entender. Evite usar demasiados colores y apéguese a un tono consistente en todo el sitio web. Elige colores que reflejen la esencia de tu negocio. Por ejemplo, si tu negocio es una tienda de plantas y el verde es el color de tu marca, asegúrate de que el sitio web incorpora verde. Por ejemplo, este sitio web aquí, dis usa verde oscuro, verde claro, gris oscuro, blanco y crema. Estos colores se complementan bien y enfatizan el enfoque del negocio en las plantas al incorporar tonos verdes. Bien, así que echemos un vistazo a este sitio web, que es patch plants.com Así que puedes ver aquí este sitio web utiliza este color verde en la parte superior. También tenemos este color blanco y crema, y también tenemos el logo de la compañía aquí arriba en la parte superior izquierda. Al bajar, podemos ver que hay muchas imágenes de las diferentes plantas que se ofrecen en esta página web. Y también se puede ver que aquí está este botón de flecha, que tiene el mismo color verde. Al bajar, hay más fotos de plantas. Y nuevamente, los botones tienen el mismo color verde. Después bajando, podemos ver que estos botones aquí tienen el color gris oscuro. Y luego en la parte inferior, tenemos esto más caliente. Esta foto usa el color gris oscuro. También está esta parte inferior de registro verde. Después hay una sección por aquí que tiene enlaces a diferentes partes del sitio web que utiliza este color blanco aquí, por lo que destaca sobre el fondo gris oscuro. Entonces tenemos los enlaces de las redes sociales aquí abajo. Veamos el siguiente ejemplo. Esto es twinings.code.uk. Esta marca tiene como objetivo transmitir lujo, que es blanco, usa oro, y es branding. El sitio web presenta tonos blancos y crema con detalles dorados en los botones. Veamos el siguiente ejemplo, que es walkers shortbread.com La marca tiene como objetivo mostrar el estilo tradicional de Escocia, por lo que utiliza el negro y rojo para evocar la icónica escocesa Puedes ver aquí que este botón también usa un color amarillo oscuro. Después bajando, se puede ver más de este diseño de tartán, que utiliza colores negro y rojo, que es un patrón escocés muy tradicional Y podemos ver el mismo patrón aquí en estos botones. Después bajando, podemos ver más de estas imágenes acortadas. Después bajando, se puede ver que tenemos esta colección de fotografías. Esto hace que la marca parezca muy antigua y tradicional. Entonces tenemos aquí esta imagen, que incorpora un shortbred En la parte inferior de la página web, también tenemos este diseño de tartán Bien, continuemos ahora. Usa fuentes que sean fáciles de leer. Por ejemplo, si tu sitio web es para clientes mayores, asegúrate de que el tamaño de fuente no sea demasiado pequeño. La fuente para los nombres de los productos en el sitio web debe estar en negrita para llamar la atención. Recuerda comprobar cómo aparecen tus fuentes en las vistas de escritorio, teléfono y tablet para asegurarte de que se muestren correctamente. Usa iconos para hacer que el sitio web sea más atractivo, ya que son más atractivos que solo usar texto. Por ejemplo, use un icono de casa navegar a la página principal, un ícono de teléfono para mostrar la información del número de teléfono, un ícono de sobre para representar la información del correo electrónico y un ícono de pin para indicar los detalles de ubicación o dirección. A continuación, use fotos de alta calidad en el sitio web, asegurando que los tamaños de archivo no sean demasiado grandes. También, tenga en cuenta las cuestiones de derechos de autor. Por ejemplo, la foto de fondo la izquierda es una imagen de alta calidad, y la fotografía de la derecha también es una imagen de alta calidad, haciendo que el sitio web parezca más profesional y confiable. Cada tema debe incluir toda la información y categorías relevantes, facilitando la búsqueda de lo que estás buscando. Por ejemplo, la foto de la izquierda es del sitio web de Sony, que tiene categorías como auriculares, cámaras, lentes, televisores, barras de sonido y teléfonos móviles. Al hacer clic en Lentes, muestra una página como la imagen de la derecha, mostrando todas las lentes disponibles Además, hay una barra lateral a la izquierda que permite a los usuarios explorar más opciones. Esta ayuda de diseño mantiene el sitio web limpio y fácil de usar. A continuación, son los elementos clave a conocer antes de crear un sitio web. Conocer los elementos clave de un sitio web es esencial para garantizar que sea fácil de usar, funcional y consistente. Esto mejora la navegación, mejora la experiencia del usuario y garantiza la accesibilidad, contribuyendo al éxito general del sitio. Crear un sitio web en Canva es simple, pero carece de funciones avanzadas como procesamiento de pagos o menús desplegables que estén vinculados a otras páginas Bien, así que ese es el final de este video. Hemos analizado cosas importantes que hay que saber para diseñar un buen sitio web. A continuación, veremos los elementos clave de un sitio web que debes conocer, que cubriremos en el siguiente video. Gracias por mirar, y te veré ahí. 4. Elementos clave de un sitio web que debes conocer: Bien, ahora veamos los elementos clave de un sitio web. Deberías saber. Entonces comencemos. discutamos los componentes esenciales del diseño del sitio web, comenzando por el encabezado. El encabezado generalmente se encuentra en la parte superior de una página web y contiene elementos esenciales como su logotipo, marca, botones de inicio de sesión o registro, barra de búsqueda y, a veces, enlaces de navegación. Por ejemplo, aquí hay tres diseños diferentes. En el primer ejemplo, tenemos un logo seguido de botones para la página principal, sobre nosotros, blog y galería, junto con una barra de búsqueda. El segundo ejemplo es muy similar, pero utiliza botones de icono, lo que puede hacer que el diseño sea más atractivo visualmente. Por ejemplo, se usa un ícono humano para bloquear, un ícono de carrito de compras representa un carrito y se usa un ícono de lupa para la búsqueda En el tercer ejemplo, hay tres líneas a la derecha, que indican la vista móvil de un sitio web responsive. Este diseño se adapta al espacio limitado de pantalla de un teléfono, lo que garantiza un diseño fácil de usar A continuación, echemos un vistazo a la barra de navegación. Una barra de navegación o Navbar es un menú del sitio web que ayuda a los usuarios a acceder fácilmente a diferentes secciones o páginas a través de botones o enlaces Por ejemplo, la imagen de la izquierda muestra una vista telefónica de una Navbar diseñada para dispositivos móviles, mientras que la imagen de la derecha muestra una Navbar tal como aparece en un escritorio Esta imagen es del clavo y tienda ***.com. Aquí vemos un indicador de subcategoría para la Navbar. Esta función facilita a los usuarios ver dónde se encuentran en el sitio y volver a navegar a secciones más amplias si es necesario. Mejore la experiencia del usuario reduciendo la confusión y simplificando la navegación Por ejemplo, en este caso, hicimos clic en Inicio, luego seleccionamos la categoría mujeres, seguido de rostro y belleza, y luego finalmente maquillaje El indicador de subcategoría muestra la ruta que has tomado a través de las categorías del sitio web A continuación, tenemos FUTA. Un FUTA se encuentra en la parte inferior de una página web y proporciona enlaces e información adicional como datos de contacto, enlaces importantes, cuentas de redes sociales, suscripciones a boletines y avisos de derechos de autor Veamos estos ejemplos. Para el primer ejemplo, tenemos el sitio web de Pizza Company FUTA Él puede ver su información de contacto, incluyendo enlaces a la línea de Facebook y su número de teléfono. También incluye enlaces descargables para su aplicación, el aviso de copyright y detalles de los métodos de pago digitales que aceptan, como Visa, Mastercard y tarjetas de crédito El segundo ejemplo es para el pie de página para cine SF. Puede ver enlaces a sus páginas de redes sociales , incluyendo Facebook, Twitter o X, Instagram, YouTube y línea, así como su número de teléfono. También incluye DBD registrado, indicando que el negocio está registrado oficialmente ante el Departamento de Desarrollo de Negocios Adicionalmente, el pie de página contiene aviso de copyright. También puede detectar logotipos de SFW, SFX y SFC, que representan los diferentes tipos de cines que ofrece la compañía En la parte inferior, hay enlaces clicables que conducen a varias páginas del sitio web El tercer ejemplo es el sitio web central. Aquí puedes encontrar enlaces a redes sociales, incluyendo Facebook, Twitter o X, Instagram, YouTube y línea. También hay una caja de captura de correo electrónico donde puedes ingresar tu correo electrónico para suscribirte a las últimas ofertas y tendencias. Al igual que con los otros ejemplos, hay enlaces clicables que te dirigen a otras páginas del sitio web Además, el Futter incluye el aviso de derechos de autor, la dirección de la compañía, el número de teléfono y el correo electrónico También hay enlaces descargables que te llevan a la App Store de Apple y Google Play Store Podemos descargar su app. A continuación, tenemos el menú desplegable. Un menú desplegable es un tipo de menú que revela opciones adicionales cuando se hace clic o se coloca sobre él. Ayuda a mantener el sitio web ordenado al ocultar opciones innecesarias hasta que sean necesarias. A continuación, tenemos la barra lateral. Una barra lateral es una sección vertical de un sitio web, generalmente colocada a la izquierda o a la derecha. Eso no ocupa espacio en el área de contenido principal. Puede contener información adicional o enlaces de navegación. Los diferentes tipos de barras laterales incluyen barra lateral estática, barra lateral gruesa, barra lateral plegable y barra lateral deslizante La barra lateral estática es una pestaña que permanece fija en el lado izquierdo o derecho. A medida que el usuario se desplaza hacia arriba o hacia abajo, la pestaña se mueve junto con el contenido La barra lateral fija es una pestaña que permanece en una posición fija, incluso cuando el usuario se desplaza hacia arriba o hacia abajo. La pestaña permanece estacionaria y no se mueve. Collapsb sidebar es una pestaña que aparece en el lado izquierdo o derecho y puede expandirse o colapsar cuando se hace clic Esta función ayuda a mantener el sitio web limpio y organizado. La barra lateral deslizante es una pestaña que aparece cuando pasas el mouse sobre ella o haces clic sobre ella. Esta función ayuda a mantener el sitio web ordenado y organizado. Veamos estos ejemplos. La primera barra lateral se usa comúnmente en sitios web de compras, ya que ayuda a los usuarios a buscar los artículos fácilmente a través de categorías. Por ejemplo, cuando haces clic en Ojos, se expande para mostrar artículos de maquillaje relacionados como delineador de ojos, rímel y sombra de ojos Este tipo de pestaña se llama barra lateral plegable. En algunos sitios web, cuando haces clic en una categoría, pero otros colapsarán automáticamente. Sin embargo, en otros sitios web, las categorías permanecen abiertas y no colapsan cuando selecciona otra. La segunda imagen es de Google Drive. Esta barra lateral aparece en el lado izquierdo del sitio web y es una barra lateral fija, lo que significa que permanece en la misma ubicación incluso cuando te desplazas hacia abajo. Al hacer clic en My Drive, se expande para mostrar más carpetas. Si esas carpetas contienen subcarpetas, la barra lateral mostrará capas adicionales según sea necesario También es una barra lateral plegable, pero a diferencia del otro ejemplo, no contrae la sección anterior al hacer clic en varios elementos La última imagen también es de Google Drive, pero esta vez, la barra lateral está en el lado derecho. Inicialmente, la barra lateral muestra solo iconos. Cuando pasa el cursor sobre un icono, aparece el texto y seleccionarlo se revela más información Adicionalmente, esta barra lateral incluye un panel lateral oculto en la parte inferior derecha, conocido como barra lateral deslizante. A continuación, echemos un vistazo a los botones. Los botones son elementos interactivos en los que los usuarios pueden hacer clic o tocar para realizar tareas específicas. Son esenciales para acciones como el envío de formularios, navegación y otras funciones. Esta imagen muestra ejemplos de diferentes tipos de botones, incluyendo aquellos con diferentes colores o solo texto, todos los cuales son clicables y te dirigen a un enlace A continuación, tenemos acordeones. acordeones son elementos de la interfaz de usuario que controlan el contenido se muestra en un sitio web ocultando y revelando diferentes secciones Son útiles para organizar grandes conjuntos de información relacionada, como manuales o preguntas frecuentes. Por lo general, solo se puede expandir una sección a la vez con la sección previamente expandida colapsando cuando se abre una nueva A continuación, tenemos una caja de entrada. Un cuadro de entrada es un campo de texto de una sola línea que permite a los usuarios ingresar texto. Se usa comúnmente en formularios de entrada e información como nombres, direcciones de correo electrónico y términos de búsqueda. Entonces tenemos área de texto. Un área de texto es un campo de entrada de varias líneas que permite a los usuarios ingresar textos más largos como notas, comentarios o información detallada. Se usa comúnmente en formas donde se requiere una entrada más extensa. A continuación, tenemos Custom Select. Custom Select es un cuadro de entrada con un menú desplegable que ofrece características adicionales como opciones de búsqueda y capacidades de selección múltiple Es estilo para que coincida con el diseño general del sitio web. Después está el chatbox. Un chatbox es un pequeño cuadro cuadrado en el que los usuarios pueden hacer clic para seleccionar o anular la selección una opción en un formulario o Permite múltiples selecciones con una marca de chat que aparece cuando se elige una opción. Siguiente son las radios. Los botones de opción son pequeños botones circulares que permiten a los usuarios seleccionar una opción de una lista en un formulario o página web. Solo se puede seleccionar un botón de radio por grupo a la vez. Después hay interruptores. Los interruptores son botones de palanca en sitios web y aplicaciones que funcionan como interruptores de luz, lo que permite a los usuarios activar o desactivar las funciones. Se utilizan comúnmente para configuraciones o preferencias y proporcionan una clara indicación visual del estado actual. Luego hay entrada de archivos personalizados. Una entrada de archivo personalizada es un campo de carga de archivos con estilo que permite a los usuarios seleccionar archivos desde su dispositivo La primera imagen muestra diferentes estilos de entradas de archivos personalizados. Al hacer clic en Elegir archivo, aparece una ventana que le permite seleccionar un archivo de su dispositivo como se muestra en la imagen de la derecha. A continuación, hablemos de validación. validación es el proceso de garantizar que la entrada del usuario cumpla con las especificaciones requeridas. Implica verificar los formatos adecuados, campos obligatorios y valores aceptables, todos los cuales contribuyen a la seguridad y calidad de los datos. El siguiente son los indicadores. Los indicadores permiten a los usuarios navegar directamente a una diapositiva específica. Este ejemplo es una imagen del sitio web de DJI, que utiliza indicadores para hacer que el diseño del sitio web sea más atractivo Lo siguiente son los componentes modales. Un modelo es una ventana emergente o cuadro de diálogo que aparece sobre el contenido principal de un sitio web. A menudo atenúa el fondo para centrar la atención en el modal, requiriendo la interacción del usuario para proceder Hay tres secciones principales en el modal. Título modal, la sección que contiene el encabezado o título. Cuerpo de texto modal, la sección que muestra el contenido principal como textos, formas e imágenes. Modal Futter la sección para acciones como los botones guardar o Abogado Por ejemplo, puedes tener el título modal como archivo de eliminación con el estado de ánimo o el texto del cuerpo diciendo, ¿ Estás seguro de que quieres eliminar este archivo? El Futter modal contendría dos botones, el primero etiquetado como si y el segundo con la etiqueta no. A continuación, tenemos un disco. Un álbum es una colección de imágenes o fotos que se muestran juntas, a menudo de una manera organizada y visualmente atractiva. Los usuarios pueden buscar colecciones de fotos relacionadas como imágenes de eventos, vitrinas de productos y recuerdos Siguiente es la paginación. La paginación es un método para organizar el contenido a través múltiples páginas en un diseño web Ayuda a los usuarios a navegar más fácilmente y mejora el rendimiento del sitio web. Siguiente es alerta. Una alerta es un cuadro de mensaje que aparece en un sitio web para llamar la atención del usuario sobre información importante, advertencias o confirmaciones Las alertas se pueden utilizar para diversos fines como mensajes de éxito, notificaciones de error o actualizaciones importantes. Echemos un vistazo a estos ejemplos. La primera imagen muestra una alerta que aparece cuando una contraseña ingresada no cumple con los criterios requeridos. El mensaje de alerta dice: Por favor ingrese una contraseña con al menos ocho caracteres, incluyendo letras mayúsculas y minúsculas El segundo ejemplo de alerta aparece cuando se completa el registro, utilizando un color verde para indicar que el proceso fue exitoso. Tercer ejemplo de alerta dice, por favor confirme su dirección de correo electrónico. Esta alerta a los usuarios son para transmitir un sentido de urgencia, asegurándose de que no se olvide. Además, un buen sitio web debe cargarse rápidamente y responder rápido. Un sitio web de respuesta rápida es esencial para retener a los usuarios, mejorar las clasificaciones de búsqueda, impulsar las conversiones y garantizar una experiencia positiva en todos los dispositivos. Esto mejora la satisfacción del usuario y contribuye al crecimiento y éxito de su presencia en línea. Bien, así que ese es el final de este video. Hemos analizado los elementos clave de un sitio web que debes conocer. Entonces espero que este video te haya resultado útil, y lo veré en el siguiente. 5. Construimos un sitio web en Canva - Parte 1: Bien, en esta lección, exploraremos cómo crear un sitio web usando Canva Hay muchas formas de crear un sitio web. Por ejemplo, un enfoque más avanzado implica codificar el sitio web usted mismo. También puede utilizar Constructores de sitios web de pago, que ofrecen una amplia gama de características. También hay opciones gratuitas como Google Sites o Canva, que permiten diseñar el sitio web sin ningún costo Ten en cuenta que diseñar un sitio web con Canva es relativamente básico y ofrece una funcionalidad limitada Sin embargo, es un excelente punto de partida para principiantes. Ahora vamos a sumergirnos y construir un sitio web de ejemplo para que los medios se diviertan. Bien, comencemos. Bien, entonces ahora voy a hacer una demostración para mostrarte cómo crear un sitio web. Para este ejemplo, voy a crear este sitio web de media made fun. Vamos a echar un vistazo rápido a esto ahora mismo. Entonces, una vez que hayamos creado nuestro diseño, podemos repasar y presionar este botón de vista previa aquí para obtener una vista previa de nuestro sitio web. También quiero ver esto en el móvil, pero solo voy a desmarcar redimensionar en el móvil, así que tenemos el mismo diseño que en el escritorio Bien, ahora echemos un vistazo a la vista de escritorio nuevamente, y podemos desplazarnos hacia abajo para ver las diferentes páginas. Bien, así que esto es lo que vamos a diseñar en los próximos videos. También he agregado enlaces al sitio web también. Por ejemplo, si hago clic en este enlace aquí que dice, vaya a nuestro canal de YouTube, voy a enlazar a los medios de comunicación se burlaron del canal de YouTube. Bien, así que vamos a crear este sitio web ahora. Entonces en Canva bajo plantillas, he escrito en plantilla de sitio web Así que puedes ver aquí tenemos muchas plantillas de sitios web diferentes. Si pasa el cursor sobre algunas de estas plantillas, podemos desplazarnos sobre nuestro mouse o trackpad para ver las diferentes páginas Bien, me gusta bastante el diseño de éste, así que vamos a dar click sobre esto y podremos desplazarnos hacia abajo para ver las diferentes páginas. Hagamos clic en Personalizar esta plantilla, y esto abrirá esta plantilla en una nueva pestaña. Podemos desplazarnos hacia abajo para ver las diferentes páginas, y por supuesto, podemos personalizar los diferentes elementos de este diseño si así lo deseamos. Bien, así que aquí hay otra plantilla que encontré anteriormente. Creo que esto también podría funcionar para nuestro sitio web. Me gusta el diseño de las imágenes para este diseño. Y aquí hay otro también. Para esto, me gusta el diseño y los colores también. Por lo que sí recomiendo pasar por muchas de estas diferentes plantillas, que te ayudarán a inspirarte a obtener ideas para hacer tu propio sitio web. Echemos un vistazo a esta plantilla aquí. Éste es realmente diferente. Pero esto, podemos hacer clic aquí abajo para ver las diferentes páginas en lugar de desplazarse Ahora hagamos clic en personalizar Esta plantilla. Cuando abrimos esta plantilla, no tenemos el botón de vista previa. Solo tenemos el botón Compartir. Entonces esto podría no ser lo más conveniente, pero aún podemos usarlo para recopilar algunas ideas de diseño. Vamos a ir a esta plantilla aquí y puedes ver que sí tenemos el botón de vista previa. El botón de vista previa puede ser muy útil, para que puedas ver cómo se verá tu sitio web. Por ejemplo, hagamos clic en esto y vamos a desplazarnos hacia abajo para ver el sitio web. Bien, vamos a echar un vistazo rápido a algunas plantillas más. Una cosa que recomiendo hacer es tener todos los textos para tu sitio web en un documento. Entonces esto podría ser un documento de Word o un Google Doc, por ejemplo. Entonces aquí tengo un Google Doc que contiene todos los textos que quiero agregar al sitio web. Bien, así que comencemos a construir el sitio web. Empecemos copiando sobre este título. Entonces voy a usar este diseño de sitio web, y vamos a pegar esto aquí. Vamos a cambiar el tamaño de esto. Y ahora agreguemos el subtítulo Entonces voy a copiar y pegar esto en el cuadro de texto de abajo También quiero tener un botón con texto, pero ahora mismo, esto está agrupado, así que necesitamos desagruparlo para ajustar este texto y cuadro Bien, ahora vamos a arrastrar este texto por encima de la caja. Y ahora copiemos y peguemos el texto de mi Google Doc. Más adelante, haré de este un botón en el que se pueda hacer clic. Bien, vamos a cambiar el color para esto. Quiero usar más de un color amarillo. Entonces probemos este. Es bastante difícil ver el texto aquí, así que cambiemos el color del texto a negro. Ahora puedes leer esto fácilmente. Bien, ahora quiero agregar una línea. Entonces, en los elementos y la forma, vamos a elegir una línea. Ahora vamos a hacer clic en el botón Estilo de línea aquí arriba, y quiero hacer la línea un poco más delgada, así que voy a disminuir el peso de la línea. Ahora vamos a arrastrar esto hacia abajo para que subraye el subtítulo. Solo cambiemos el tamaño de esto y pongamos esto en el centro. Y ahora hagamos que el texto del subtítulo sea un poco más grande. Bien, vamos a cambiar el tamaño de la línea. Y voy a aumentar el grosor de la línea ahora ya que hemos hecho más grande el texto de los subtítulos Simplemente aumentemos el texto para este botón ya que tenemos un poco más de espacio, y vamos a cambiar el tamaño y ajustar el título principal Bien, vamos a cambiar la imagen ahora. Así que vamos a eliminar esta imagen que tenemos aquí haciendo clic en ella y pulsando Eliminar. Ahora voy a agregar mi propia imagen. Así que hagamos clic en subidas y hagamos clic en Subir e imagen o video Tengo todas las imágenes que quiero usar para este sitio web, en la carpeta de mi escritorio. Entonces localicemos esto ahora, y esta es la imagen que quiero usar para el fondo de la página principal. Entonces, seleccionemos esto y agreguemos esto. Bien, vamos a cambiar el tamaño de esto para que llene la página. Ahora cambiemos la capa ya que quiero tener esto detrás del texto y la parte inferior. Entonces hagamos clic derecho sobre la imagen y vayamos a la capa, y luego vayamos al centro de atrás. Ahora podemos ver la forma del botón. Bien, solo voy a mover esta línea un poco hacia arriba, y hagamos clic y arrastremos sobre la línea de texto o botón, y vamos a arrastrar esto hacia abajo. La razón de esto es porque quiero agregar el logo medio hecho divertido arriba aquí. Así que hagamos clic en subidas y subamos una imagen o video. Ahora en la carpeta de mi escritorio, voy a agregar el logotipo medio hecho divertido. Bien, hagamos clic para agregar esto. Y quiero quitar el fondo. La herramienta removedor de fondo solo está disponible en Canva premium Entonces, si estás usando una versión gratuita de Canva, no podrás usar esta Pero en este curso, sí te muestro una alternativa gratuita a esto en caso de que no estés usando Canva premium Bien, entonces ahora quita el fondo. Cambiemos el tamaño y reposicionemos esto. De hecho quiero añadir una forma detrás de este logo, así el logo destaca un poco más. Vamos a hacer clic en los elementos y debajo de las formas. Voy a elegir un círculo. Reposicionemos esto y cambiemos el color. Quiero usar el mismo color amarillo que tengo para el botón de ver curso. Bien, solo cambiemos el tamaño de esto y hagamos clic derecho sobre esto y vayamos a la capa, y luego hagamos clic en Enviar hacia atrás ya que quiero tener esto detrás del logo Ahora reposicionemos esto. Y te das cuenta que no podemos ver tan bien el color amarillo del logo, ya que es muy similar al color amarillo del círculo. Así que vamos a elegir un color amarillo más oscuro para que podamos ver el amarillo del logo un poco más fácil. Entonces, bajo colores sólidos, seleccionemos este color amarillo más oscuro. Para mantener las cosas consistentes, usemos también el mismo color para el botón de ver curso. Sin embargo, no estoy muy contento con este color exacto. Así que vamos a hacer clic en esto agregar un nuevo botón de color, así puedo personalizar el color un poco más. Bien, vamos a cambiar este color amarillo. Y vamos a tenerlo por aquí. Y se puede ver que tenemos el código de color aquí. Este nuevo color debería aparecer en el área de colores del documento, pero si no lo hace, siempre puedes copiar y pegar este código de color. Bien, entonces usemos el mismo color para este círculo. Bien, ahora quiero ajustar el brillo y contraste para esta imagen de fondo. Así que vamos a hacer clic en esta imagen y luego dar clic en Editar. Y ahora da clic en ajustar. Entonces aquí podemos ajustar el brillo y el contraste. Entonces vamos a hacer esto un poco más oscuro, así que vamos a disminuir el brillo, y vamos a probarlo con más contraste. Ajustar esta imagen permite que el texto destaque, pero ahora agreguemos algunos efectos al texto, que destaque más y se vea un poco más interesante. Así que vamos a hacer clic en el texto y luego hacer clic en los efectos. Y ahora vamos a hacer clic en el estilo de sombra. Cambiemos la sombra a negra. Y para ello, ajustemos el desfase y la dirección. Y aumentemos la transparencia a 100 para que podamos ver esto más claro. Bien, entonces ahora nuestra página de inicio está completa. Entonces, en este video, hemos mirado las plantillas de sitios web y hemos construido nuestra página de inicio. El siguiente video, seguimos construyendo este sitio web. Entonces, gracias por mirar, y te veré ahí. 6. Construimos un sitio web en Canva - Parte 2: Bien, así que ahora sigamos construyendo este sitio web. Entonces anteriormente, añadimos la página principal, y ahora vamos a agregar otra página. En la plantilla que estamos usando, tenemos esta página aquí. Obviamente no quiero usar esta imagen, así que vamos a eliminar esta. Para esto, solo quiero tener un área pequeña con algo de texto, así que vamos a cambiar el tamaño de esta página Ahora cambiemos el tamaño de este cuadro de texto y reposicionemos esto. Hagamos esto aún más pequeño, así que vamos a arrastrarlo desde abajo, y ahora volvamos a nuestros documentos y copiemos y peguemos el siguiente título. Una cosa a mencionar, te recomiendo nombrar tu diseño solo para mantener las cosas organizadas Así que vamos a hacer clic aquí para renombrar esto. Bien, vamos a cambiar el tamaño de este cuadro de texto otra vez. Y en realidad vamos a desenredar esto y hacer esto histaico para que se destaque y se vea un poco más interesante Hagamos esto un poco más pequeño, y cambiemos la fuente. La fuente que tengo en mente se llama Inter. Así que vamos a elegir esto. Entonces ahora mismo, toda la fuente está en mayúscula Así que vamos a hacer clic en este botón aquí, así que no está todo en mayúsculas. Entonces es como lo que tenía en mi documento. Entonces en este cuadro de abajo, voy a copiar y pegar un texto de mi documento. Como pueden ver, hay mucho menos texto, así que voy a hacer esto mucho más grande. Veamos cómo se ve el texto cuando está alineado en el centro. Entonces vamos a hacer clic en este botón aquí, así el texto está en el centro de la caja. Reposicionemos esto. Creo que este texto se ve mucho más equilibrado ahora. Quiero tener este subtítulo en dos líneas. Entonces voy a darle a Enter después de aquí, así que es en dos líneas. Para esto, también, quiero usar el Interfont. Así que seleccionemos todo presionando Comando A en Mac o Control A en Windows, y luego haga clic en Fuente aquí arriba. Y luego otra vez, seleccione enter. Esto se ve mucho más consistente ahora ya que está usando la misma fuente. Simplemente aumentemos este tamaño de fuente, y hagamos también esta cursiva. Voy a ajustar la fuente para el título, y vamos a arrastrar esta página hacia arriba, así que es aún más pequeña así que tenemos un área más pequeña para el texto. No quiero tener una página completa para esto, pero sí quiero mostrar este título y subtítulo Y vamos a asegurarnos de que esto esté equilibrado y en el centro. Ahora tenemos nuestra página principal y esta área que hemos hecho entre la siguiente página. Entonces, ahora trabajemos en la página siguiente. Entonces esta será esta área aquí. Para esta página siguiente, voy a inspirarme en esta otra plantilla. Quiero tener algo parecido a esto. Entonces quiero tener una imagen y algo de texto. También similar a esta plantilla. Y echemos un vistazo a algunas de las otras plantillas. Pero sí creo que este de aquí fue el mejor. Así que vamos a crear algo similar a esto. Entonces para esto, quiero tener cuadros de texto e imágenes. Para la plantilla de sitio web en la que estamos trabajando, voy a eliminar esta imagen de fondo y también este texto aquí. Y para el fondo, voy a agregar un color sólido. Usemos este color amarillo que estamos usando antes. También voy a eliminar todo esto aquí también. Así que hagamos clic y arrastremos sobre esto y presionemos Eliminar. Entonces para esto, quiero crear un layout que muestre nuestro curso y también nuestro canal de YouTube. Entonces tengo una imagen aquí sobre nuestro curso. Entonces agreguemos esto desde el escritorio. Antes de hacer esto, voy a agregar un cuadrado, y esto me ayudará a dividir la página en cuatro. Entonces hagamos clic y redimensionemos esto, así es una cuarta parte del tamaño de la página Ahora vamos a hacer clic en el fondo duplicado, y voy a poner esto en la parte inferior izquierda. Vamos a cambiar el tamaño de estos cuadrados de nuevo para que sean exactamente una cuarta parte del tamaño de la página Bien, entonces esta página tiene dos rectángulos negros y dos rectángulos amarillos Sólo voy a copiar y pegar este cuadro de texto, y vamos a usar esto para uno de los cuadrados Solo cambiemos el tamaño y reposicionemos esto. Y para esto, hagamos clic en el botón cursiva aquí, ya que no quiero tener esta cursiva. Entonces es diferente al texto anterior. Ahora volvamos a nuestro documento y copiemos y peguemos nuestro siguiente texto. Entonces esta caja de esmoquin habla de nuestro curso. Ahora copiemos y peguemos nuestro siguiente texto, que es un poco más de información sobre el curso. Solo cambiemos el tamaño de este cuadro de texto y reposicionemos esto. Voy a poner el título en negrita, así que destaca un poco más. Nuevamente, vamos a cambiar el tamaño de esto. Sólo voy a cambiar el color, por lo que se destaca del texto anterior. Para esto, voy a usar este color blanco, pero me vendría bien otro color, así que destaca un poco más. Pero por ahora, solo usemos este color blanco. Desde la página de inicio, seleccionemos el botón y el texto, y dupliquemos esto. Ahora hagamos clic y arrastremos esto a nuestra nueva página, y cambiemos ahora el color del botón. Vamos a cambiarlo a este color gris. Y cambiemos también el color del texto a blanco para que podamos leerlo un poco más fácil. Sólo voy a cambiar el tamaño de este cuadro rectángulo gris como texto voy a agregar esto más tiempo Solo cambiemos el tamaño de este cuadro de texto y arrastremos esto por aquí y cambiemos el tamaño de este, y también cambiemos el tamaño de este rectángulo gris Por lo que abarca todo el texto. Ahora vamos a seleccionar este texto y cuadro gris y agruparlo. Para que podamos mover esto y ambos se mueven juntos. Solo mantengamos presionada la tecla Mayús y seleccionemos ambas. Y ahora cambiemos el tamaño de esto para que llene un poco más este rectángulo amarillo Solo voy a desagrupar este cuadro de texto de aquí arriba, y vamos a acercar un poco el subtítulo Ahora mantengamos presionada la tecla Mayús y hagamos clic en el título de arriba y luego arrastremos ambos hacia abajo. Ahora arrastremos el texto y abotonemos hacia arriba también, así el diseño se ve un poco más equilibrado. Bien, ahora agreguemos una imagen a este cuadrado negro. Recuerda anteriormente, subimos este diseño. Así que vamos a cambiar el tamaño de esto y agregar esto a este cuadrado. Sin embargo, quiero que este aspecto sea un poco más interesante, así que en realidad voy a agregar este diseño a una maqueta. Entonces, a la izquierda, pasemos a las aplicaciones y escribamos maqueta. Y da clic en Mockups. Entonces aquí tenemos muchas maquetas diferentes, así que esto puede ayudar a que nuestro diseño se vea un poco más interesante Entonces para esto, sin embargo, quiero tenerlo en una computadora portátil. Entonces, al lado de la categoría de computadoras, hagamos clic en CEO voy a elegir una de estas laptops. Creo que este de aquí se ve bastante interesante. Así que vamos a hacer clic en esto. Y ahora puedes ver que nuestro diseño ha aparecido en este portátil. Ahora hagamos clic y arrastremos para reposicionar y cambiar el tamaño de esto. Sin embargo, no es del todo del tamaño adecuado. Pero una cosa que podemos hacer es que en realidad podemos duplicar esta forma de rectángulo y luego arrastrarla. Entonces el rectángulo negro cubre el diseño. Ahora, reposicionemos esta maqueta. Entonces voy a hacer click derecho sobre este diseño de maqueta y luego ir a capa y luego ir al centro de atrás Entonces voy a borrar este rectángulo negro ya que ya no necesitamos esto. Vamos a cambiar este rectángulo negro por el color amarillo que estamos usando en nuestro diseño. Y sólo voy a cambiar el tamaño y reposicionar esta maqueta para ponerla en Bien, creo que se ve bastante bien. Ahora voy a cambiar esta caja negra uno de los colores de nuestro diseño de maqueta Creo que este color gris aquí se ve bastante bien. Y ahora vamos a hacer clic en elementos y escribir en YouTube. Entonces para esto, quiero hablar de nuestro curso de YouTube. Entonces voy a encontrar una fotografía sobre YouTube. Creo que este de aquí es adecuado. Entonces voy a cambiar el tamaño de esto y poner esto encima del rectángulo inferior izquierdo Vamos a recortar esto de nuevo para que tenga el tamaño correcto. Ahora hagamos clic y mantengamos presionados Mayús y seleccionemos todos los cuadros de texto y la forma. Y ahora copiemos y peguemos estos y arrastremos esto hasta el rectángulo inferior derecho. Ahora voy a copiar y pegar el siguiente conjunto de textos de nuestro documento. Antes de pegar, vamos a desagrupar esto. Y ahora vamos a pegar sobre nuestro título. Quiero tener esto en dos líneas ya que realmente no encaja en una línea. Entonces vamos a presionar Enter en este cuadro de texto aquí para ponerlo en dos líneas Bien, solo cambiemos el tamaño y reposicionemos esto. Y ahora vamos a cambiar el color de este cuadro de texto para que podamos verlo. Entonces tenemos algunos colores contrastantes aquí. En el rectángulo inferior derecho, tenemos el fondo gris con el cuadro de texto amarillo, y el rectángulo superior izquierdo, tenemos el fondo amarillo con el cuadro de texto gris Entonces esto agrega contraste, pero también equilibra el diseño. También cambiemos el color de la fuente a negro, que puedas leerlo un poco más fácil sobre este fondo amarillo. Ahora copiemos y peguemos el texto del documento en el siguiente cuadro de texto Quiero tener en dos líneas de WhetSaysGraphic Design, y vamos a darle a Enter aquí, así es Solo cambiemos el tamaño y reposicionemos esto. Y ahora también volvamos a colocar el cuadro de texto y dar forma Ahora cambiemos el texto en el cuadro. Entonces volvamos a nuestro documento y copiemos el siguiente conjunto de texto. Y ahora vamos a pegar esto en el cuadro de texto en la forma. También más adelante, estaremos agregando enlaces a estas cajas. Bien, entonces esa es la siguiente página de este sitio web, y ese es el final de este video. El siguiente video, vamos a seguir construyendo este sitio web así que gracias por verlo, y te veré ahí. 7. Construimos un sitio web en Canva - Parte 3: Bien, así que ahora sigamos construyendo este sitio web. En una plantilla aquí, tenemos esta página. Echemos un vistazo a otra de estas plantillas. Veamos este de aquí. Entonces quiero tener algo parecido a esto. Entonces para esta página, quiero mostrar un portafolio, así que quiero mostrar algunas de las diferentes cosas que hacemos y los medios se burlaron. Entonces quiero tener algunas imágenes similares a este diseño aquí. Echemos un vistazo a esta plantilla. Entonces quiero crear algo así, también. Bien, volvamos a la página en la que estamos trabajando, y cambiemos el color para el fondo de esta página. Entonces hagamos clic en esta página y luego vayamos al color. Y probemos algunos de los colores de estas fotos. Podemos dar click en CA para ver todos los colores de estas fotos. Entonces probemos algunos de estos. Pero para esto, vamos a elegir nuestro propio color. Así que vamos a hacer clic en Agregar un nuevo color aquí, y vamos a elegir nuestro propio color. Bien, pienso que aquí es bueno. Ahora tenemos un poco de contraste del otro color gris. Vamos a ajustar el tamaño de este cuadro de texto, y pongamos el texto en el centro Y ahora copiemos y peguemos el texto de nuestro documento y peguemos esto como título. Cambiemos el color a blanco, así que esto destaca claramente en la página. Y hagamos clic y arrastremos sobre todo esto ahora y eliminemos esto. Echemos un vistazo a nuestra otra plantilla. Entonces quiero usar una imagen similar a esta. Pero echemos un vistazo a las otras plantillas, y quiero tener una similar a esta. Así que copiemos y peguemos esto en nuestra página. Por supuesto, voy a cambiar la imagen, quiero tener una imagen que tenga un tamaño similar a esta. Solo recortemos y cambiemos el tamaño de esto ya que sí quiero que quepan ocho de estos en esta página Copiemos y peguemos este diseño y agreguemos otro. Y recuerden, quiero agregar ocho. Entonces sigamos haciendo esto. Ahora vamos a hacer clic y arrastrar estos y moverlos al centro, y cambiemos el tamaño y reposicionemos Recuerda, quiero sumar ocho de ellos. Así que hagamos un poco más de espacio para un poco más aquí. Y vamos a hacer clic y arrastrar sobre todos estos. Y ahora vamos a presionar el botón de duplicar. Y ahora se puede ver que tenemos ocho de ellos. Solo reposicionemos estos para que estén igualmente distribuidos. Y vamos a moverlos un poco hacia arriba. Y también el título. Hagamos un poco más de espacio, así que vamos a arrastrar aquí abajo. Y vamos a mover estas imágenes un poco hacia abajo. Y ahora quiero agregar algunos botones a continuación. Entonces copiemos y peguemos este botón aquí, y redimensionemos esto para que tengamos un botón para cada una de estas imágenes Bien, agreguemos algo de texto a este botón. Entonces volvamos a nuestro documento y agreguemos el siguiente texto. Ahora copiemos y peguemos esto. Y cambiemos el nombre del siguiente cuadro de texto. Permítanme solo reposicionar esto primero. Volvamos a nuestro documento y copiemos y peguemos el siguiente texto. Ahora vamos a copiar y pegar esta caja, y también podemos usar un botón duplicado en lugar de usar copiar y pegar, si lo deseas. También podemos hacer clic y mantener pulsada la tecla Mayús y hacer clic en Más para seleccionar varios elementos. Ahora puedes presionar este botón duplicado, y esto duplica estas cuatro cajas Ahora vamos a arrastrar esto por debajo de las siguientes cuatro imágenes. Bien, agreguemos el siguiente texto, así que copiemos y peguemos esto de nuestro documento y del siguiente. Y otra vez, para la quinta caja. Después para la caja de seis. Después séptimo cuadro. Y octava caja. Creo que es importante tener todos tus textos listos antes comenzar a construir tu sitio web. Bien, ahora agreguemos nuestras propias imágenes, y luego hagamos clic en Subir e imagen o video. Aquí en el escritorio, tengo mi siguiente imagen que quiero agregar aquí. Ahora hagamos clic y arrastremos esto sobre la imagen. Volvamos a hacer clic en Subir e imagen o video, y escojamos la siguiente imagen. Ahora arrastremos esto a la segunda imagen. Solo reposicionemos esto, y ahora hagamos clic en Subir imagen o video, y agreguemos la tercera imagen Nuevamente, hagamos clic y arrastremos esto , y volvamos a colocar esto Ahora hagamos lo mismo para la cuarta imagen. Solo redimensionemos y reposicionemos esto porque queremos tener estas imágenes Y hagamos esto para la quinta imagen ahora. Vamos a cambiar el tamaño de esto para que podamos ver un poco más de este libro Rotemos esto ligeramente, ya que creo que esto se verá un poco mejor. Bien, hagamos lo mismo para la imagen de seis. No puedo ver todo el portátil aquí, así que solo voy a cambiar el tamaño esto para que podamos ver más de la computadora portátil Y para este ejemplo, en realidad voy a hacer esta imagen un poco más amplia ya que todavía está recortando la computadora portátil De hecho, hagamos que la imagen arriba sea más amplia también, así que esté equilibrada. Voy a hacer esto a todas las imágenes, en realidad, así que todas son del mismo tamaño porque podría parecer un poco extraño si solo hay dos imágenes que son más grandes que el resto. Una de las grandes cosas de Canva es que cuando cambias el tamaño de una imagen, te dice el tamaño exacto Así que no tienes que adivinar para asegurarte de que sea del mismo tamaño. Se puede ver por estos números que es del mismo tamaño. Además, hagamos lo mismo con estos cuadros de texto a continuación. Hagámoslos un poco más anchos para que coincidan con el tamaño de las imágenes anteriores. Asegurémonos también de que el texto esté en el centro de la caja para que se vea equilibrado. A Agrupemos este texto y la caja porque está en la posición correcta. Y si lo agrupamos, nos impedirá mover cosas por extensión. Por lo que actualmente no tengo imágenes para diseño web o diseño de currículum, pero esto es algo que agregarán en el futuro. Entonces en estos momentos este sitio web es un trabajo en progreso. Y recuerda, si estás construyendo una página o sitio web en Canva, siempre podrás volver a él más tarde No tienes que terminarlo todo de una vez. Bien, entonces esa es la sección de trabajo creativo o portafolio del sitio web. Si tienes enlaces a diferentes sitios web, siempre puedes vincular estos botones aquí, y te mostraré cómo agregar enlaces más adelante. Bien, así que eso terminó este video. A continuación, vamos a seguir construyendo este sitio web. Entonces gracias por mirar y te veré ahí. 8. Construimos un sitio web en Canva - Parte 4: Bien, ahora sigamos trabajando en este sitio web. A continuación, quiero crear una página Acerca de nosotros. Echemos un vistazo a algunas de las otras plantillas. No estoy muy entusiasmada en ninguno de estos para lo que quiero ahora mismo. Echemos un vistazo a la otra plantilla. Lo mismo para este. En realidad no hay nada que quiera aquí. Y echemos un vistazo a la otra plantilla. Algo como esto es bastante bueno, pero sí quiero tener una foto para que sea un poco más personal. Como dije, quiero que esta sea una página sobre nosotros. Así que voy a hacer clic y arrastrar y eliminar todos estos datos de contacto, y en realidad vamos a eliminar esta imagen de fondo. Vamos a hacer clic en el color aquí, y vamos a cambiar el color del fondo. Para ello, escojamos un fondo blanco. Ahora agreguemos otra página, y voy a hacer esta última página mucho más corta, ya que esta será la futter que voy a agregar más adelante Cambiemos el color de la foto a este color gris, y ahora vamos a crear la página At us. Para esto, quiero tener un cuadro de texto, copiar y pegar este cuadro de texto aquí Así que vamos a copiar sobre este cuadro de texto y pegarlo en nuestra página. Cambiemos el color porque el color del texto es blanco y actualmente no podemos verlo. Entonces cambiémoslo a negro. No quiero tener este texto centrado. Vamos a hacer clic en este botón aquí arriba, y ahora el texto estará a la izquierda de la caja. Bien, ahora volvamos a nuestro documento y copiemos y peguemos el siguiente texto. Entonces este será nuestro título para esta página. Entonces copiemos esto y peguémoslo aquí. Recuerda, puedes copiar con Control C en Windows o Comando C y Mac y pegar con Control V en Windows o Comando V en Mac. También quiero tener esto en dos líneas. Entonces voy a presionar Enter antes de esta palabra aquí. Solo reposicionemos y redimensionemos esto. Y ahora agreguemos una imagen. Entonces hagamos clic en subidas y luego subamos una imagen o video Ahora vamos a agregar una foto mía. Entonces, si quieres tener una foto tuya en tu sitio web, te recomiendo tomar una foto profesional. Esto puede ayudar a agregar credibilidad y hacer que te veas mucho más profesional, y ahora quiero agregar otro cuadro de texto Así que vamos a hacer clic en este texto de la otra página y pegarlo aquí. De nuevo, está en blanco, así que vamos a cambiarlo a negro. También quiero tener el texto alineado a la izquierda, así que hagamos clic en este botón aquí para que ya no esté centrado. Quiero tener otro cuadro de texto, también, así que voy a presionar el botón duplicar aquí para duplicar este cuadro de texto Pasemos ahora a nuestro documento y copiemos y peguemos el siguiente texto. Entonces el siguiente es mi nombre. Sólo voy a hacer esto un poco más grande. Y hagamos también esta negrita y cursiva, para que destaque y se vea un poco diferente. Y ahora pasemos al documento y copiemos el siguiente texto. Y peguemos esto en el siguiente cuadro de texto. También quiero tener esta cursiva, así que destaca y se ve un poco más interesante, pero no la tengamos en negrita, entonces es diferente al texto anterior. Nuevamente, quiero tener otro cuadro de texto, así que vamos a duplicar esto Para este siguiente texto, no quiero tenerlo en cursiva, y quiero tener el texto mucho más pequeño ya que voy a agregar mucho más texto aquí. Entonces, pasemos a nuestro documento y copiemos el siguiente conjunto de texto. Y peguemos esto en el cuadro de texto. Solo cambiemos el tamaño y reposicionemos esto. Y quiero que este cuadro de texto se alinee con una fotografía Para ello, quiero tener el texto espaciado. Entonces, hagamos clic en el botón de alineación aquí arriba y escojamos una alineación de texto espacial. Bien. Creo que esto se ve un poco más equilibrado ahora. Y nuevamente, solo redimensionemos y reposicionemos este texto. Vamos a mover la imagen por encima para que esté un poco más equilibrada, y vamos a cambiar el tamaño y reposicionar esto Entonces esta es una página bastante simple, pero sí creo que se ve bastante efectiva y está bien diseñada y bien equilibrada. Solo arrastremos el pie de página aquí porque no necesitamos todo este espacio vacío en la parte inferior. También solo reposicionemos y recortemos los lados de esta foto también porque tenemos un poco de espacio muerto a un lado Bien, así que eso es lo de una sección. A continuación, vamos a crear un pie de página y agregar algunos enlaces, lo que haremos en el siguiente video. Entonces gracias por mirar y te veré ahí. 9. Construimos un sitio web en Canva - Parte 5: Bien, ahora agreguemos un pie de página y agreguemos algunos enlaces a este sitio web. Entonces aquí abajo anteriormente, creamos esta sección de pie de página. Podemos arrastrar hacia arriba o hacia abajo para cambiar el tamaño de la página. Para este pie de página, quiero agregar el cuadro de texto. Así que subamos aquí y busquemos el cuadro de texto y copiemos esto con el Comando C. Ahora peguemos esto y reposicionemos esto al centro Ahora volvamos a nuestro documento, y aquí quiero poner la información de copyright para el sitio web. Entonces copiemos esto y peguemos esto en este cuadro de texto. Solo movamos esto un poco hacia abajo. Y ahora agreguemos algunos íconos. Aquí quiero agregar algunos íconos de redes sociales que puedan enlazar a otros sitios web. Primero que nada, encontremos un ícono de YouTube que vinculará al canal de YouTube de medios de diversión. Entonces en los elementos, vamos a escribir en el icono de YouTube. Y vamos a seleccionar este de aquí. También quiero cambiar el color, así que hagamos clic en color, y quiero cambiar esto a blanco para que coincida con el texto de abajo. Por supuesto, el ícono de YouTube es rojo, pero sí creo que usar el blanco coincidirá mucho mejor con este diseño. Bien, solo cambiemos el tamaño y reposicionemos esto, y ahora agreguemos otro ícono Nuevamente, quiero tener esto como un icono circular, así que también vamos a escribir en círculo. Bien, este de aquí se ve bien. Y nuevamente, quiero cambiar el color de esto a blanco. Entonces, hagamos clic en color y hagamos clic en Blanco nuevamente. Hagamos clic y dirijamos esto sobre el ícono de YouTube y redimensionemos esto para que podamos obtenerlo exactamente del mismo tamaño Entonces ahora estos diseños de iconos son muy similares. Así podemos vincular estos íconos a nuestro curso y también a nuestro canal de YouTube. Ahora alejemos el zoom y echemos un vistazo a nuestro sitio web. Entonces tenemos una página de inicio, información sobre nuestro curso y canal de YouTube, luego tenemos una sección de portafolio y sobre una sección y un Futter Este es un sitio web muy básico, pero si quieres crear un sitio web sencillo como este, Canva puede ser genial Si quieres un sitio web más complejo, entonces es posible que desees usar algo como WordPress u otro creador de sitios web que tenga más funciones. Pero como dije, si solo quieres algo sencillo, Canva puede ser genial Bien, ahora agreguemos algunos enlaces. Entonces para este botón de aquí, quiero agregar un enlace al curso. Entonces aquí tengo un enlace al curso en mi documento. Y vamos a hacer clic derecho sobre esto y vamos a Enlace. Y ahora podemos pegar en nuestro enlace. Entonces, cuando la gente haga clic en esto, irá a nuestro curso. Entonces puedes ver aquí este es nuestro ThllLink. Notarás que una vez que agregamos el enlace, ha subrayado el texto, y luego presiona el botón de subrayado no quede subrayado Ahora vinculemos este botón aquí. Eso va a nuestro canal de YouTube. Aquí tenemos el enlace a nuestro canal de YouTube. Y nuevamente, hagamos clic derecho sobre este botón y vayamos a Enlace, y luego peguéelo aquí. Tampoco quiero que este texto esté subrayado, así que presionemos el botón de subrayado para que el texto no quede subrayado Bien, agreguemos algunos enlaces a los íconos en el Futter. Entonces, seleccionemos aquí este ícono de YouTube haciendo clic en él. Y ahora vamos a hacer clic derecho y vamos a Enlace. Nuevamente, peguemos aquí el enlace que va al canal de YouTube y presionemos Listo. Ahora hagamos lo mismo para este otro icono. Volvamos a nuestro documento y copiemos el enlace del curso. Entonces hagamos clic derecho sobre esto, vaya a Enlace, pegue esto y aquí, y seleccione Listo. Et acaba de cerrar esta pestaña en el lateral, y echemos un vistazo a nuestro sitio web completo. También podemos previsualizar esto presionando el botón de vista previa aquí arriba. Vamos a desmarcar Incluir menú de navegación por ahora. Te das cuenta aquí abajo tenemos esta casilla de verificación para Incluir menú de navegación Así que puedes ver aquí arriba tenemos estas diferentes pestañas, y estas en realidad no coinciden con nuestro sitio web. También podemos cambiar el tamaño de esto para móviles. Y para el móvil, tenemos el menú de navegación, si pulsamos sobre este botón en la parte superior derecha. Entonces lo que queremos hacer ahora es cambiar el menú de navegación. Así que hagamos que el menú de navegación coincida con nuestro sitio web. Entonces vamos a cerrar esta vista previa. Podemos cambiar el menú de navegación pulsando notas aquí abajo. Entonces para esta sección aquí, aprende de expertos. Voy a copiar esto y pegarlo para el título de la página de las notas. Por lo que esto ahora será parte del menú de navegación. Así que vamos a subir a esta otra página aquí donde exhibo los proyectos. Y en notas, pongamos nombre a esta página proyectos. Ahora vamos a subir a la siguiente página aquí, ya que esta tiene información sobre el curso y el canal de YouTube. También podríamos llamarlo contenido o cursos. Pero para esto, llamémoslo contacto. Y ahora si hacemos clic en la primera página aquí, dice casa, y dejemos esta en casa. Bien, vamos a cerrar las notas. Y ahora vamos a hacer clic en el botón de vista previa. Pasemos a la vista de escritorio, y ya puedes ver que el menú de navegación coincide con nuestras páginas. Bien, entonces esta es solo una forma realmente rápida de crear un sitio web en Canva El creador de sitios web de Canvas es bastante básico, pero si quieres crear un sitio web básico, entonces esto puede ser muy útil. Como dije, si quieres crear algo más complejo, es posible que desees usar Wordpress u otro creador de sitios web que tenga más funciones y características. Pero para un sitio web como el que he diseñado aquí, creo que Canva puede ser genial Bien, así que eso terminó este video. Hemos buscado construir este sitio web. Entonces espero que esta sección te haya resultado útil, y te veré en la siguiente. 10. Publicación de tu sitio web en Canva y vinculación de un dominio personalizado: En esta lección, exploraremos cómo publicar un sitio web usando Canva de forma gratuita, así como cómo publicarlo con una URL personalizada o a través de Go Daddy y Canva Bien, entonces ahora echemos un vistazo a la publicación de nuestro sitio web de Canva Entonces te voy a mostrar la autopista de publicar tu sitio web que usa un dominio Canva, y te voy a mostrar cómo usar un dominio personalizado que vamos a vincular con Go Daddy Si quieres usar el dominio personalizado, entonces esto solo está disponible para los usuarios de Canva Pro Bien, entonces antes que nada, te mostraré la autopista. Entonces voy a publicar este diseño aquí con una autopista, que usa un dominio Canva Entonces todo lo que tenemos que hacer es repasar a publicar el sitio web aquí arriba en la parte superior derecha, y recomiendo verificar redimensionar en el móvil Y para ello, también voy a incluir la barra de navegación. Y luego para la URL del sitio web, escriba el nombre de su sitio web. Como dije, esta será una URL de Canva, por lo que será lo que escribas en herem punto canva punto sitio Entonces no puedes elegir nada, tomarán algunas cosas. Por ejemplo, si escribo MMF, puedes ver que esta URL no está disponible Pero para escribir en medios Made Fun, puedes ver que está disponible. Así que recuerda, es media Made Fun, dot my dot cava dot sit. Así que vamos a hacer clic en el sitio web publicado ahora. Y esto puede tardar unos momentos en cargarse. Y aquí vamos. Dice que nuestro sitio web ya está en vivo. Para que podamos copiar y pegar esto. Y se puede ver que está en vivo. Y también puede hacer clic en Ver sitio web aquí, y esto irá a nuestro sitio web dotm punto cava punto Bien, vamos a cerrar esto por ahora y déjame mostrarte cómo vincular este próximo diseño con un nombre de dominio GoDaddy Entonces este es el otro diseño. Y para este, voy a vincularlo a mi dominio GoDaddy Si no tienes un dominio personalizado, entonces esto no será relevante. Y este siguiente método solo está disponible para usuarios de Cava Pro. Entonces tengo mi sitio godaddy aquí, y bajo Demins puedes ver mi dominio es Bien, entonces ahora pasemos a un sitio web publicado. Ahora bajo URL del sitio web, hagamos clic en este botón Editar aquí. Ahora vamos a dar click en Obtener un Nuevo dominio. Entonces podemos hacer clic en esto para usar nuestro propio dominio o podemos comprar un nuevo dominio. Para esto, sin embargo, vamos a usar nuestro propio dominio. Y como puedes ver aquí, tenemos este icono de corona, lo que significa que solo está disponible para usuarios de Canva Pro Como estamos usando Canva Pro, seleccionemos esto y hagamos clic en Continuar Entonces aquí podemos ingresar a nuestro dominio. Recuerda en Go Daddy, era mediamdfun.com. Entonces copiemos esto y peguemos esto aquí. Ahora hagamos clic en Continuar, y ahora necesitamos conectarnos con Go Daddy. Así que ahora hagamos clic en Login y Auto Connect. Y ahora dice conectar tomdimadefun.com y cambiar tus Entonces para esto, voy a hacer clic en Conectar. Bien, entonces ahora dice mediumadefun.com. Ahora es tu dominio Canva. Así que ahora hagamos clic en Cerrar, y ahora está hundiendo nuestro dominio Entonces dice aquí, generalmente se hace dentro de los 20 minutos, pero puede tardar hasta 72 horas en algunos casos. También vamos a recibir un correo electrónico cuando esté hecho. Bien, ahora hagamos clic en Dominio de Hughes. Y ahora podemos ir a esta flecha desplegable aquí, y podemos elegir nuestro dominio gratuito, o podemos elegir nuestro dominio personalizado aquí. Entonces para esto, voy a elegir nuestro dominio personalizado. También podemos incluir una subruta si lo desea, y una subruta es parte de la URL que viene después del dominio principal, que normalmente se usa para organizar el contenido dentro del sitio Por ejemplo, medmadfun.com slash Blog. Para esto, sin embargo, voy a dejar esto en blanco. También tenemos algunos ajustes aquí donde podemos describir nuestro sitio web. Así que acabo de poner aquí, Hagamos que Learning Media sea divertido. Bien, ahora vamos a hacer clic en publicar sitio web. Y esto tardará unos momentos en cargarse. Por lo que dice ahora su sitio web estará en vivo pronto. Por lo que podemos hacer click aquí para previsualizar el sitio web. Puedes ver aquí no es el medio burlado URL. Quizá tengamos que esperar a que esto esté en vivo. Así que vamos a copiarlo sobre esta URL y pegarlo en una nueva pestaña. Y se puede ver que aún no está listo. Entonces todos tenemos que esperar a que esto esté en vivo. Bien, entonces ahora han pasado unas 12 horas, y puedes ver que nuestro sitio web está en vivo. Una cosa a mencionar es que el nombre de tu sitio web en una pestaña aquí arriba en realidad será el mismo que el título de tu proyecto Canva Así que asegúrate de nombrar tu proyecto Canva en consecuencia. Si no tienes el nombre correcto, siempre puedes editar tu diseño y luego volver a publicar tu sitio web, y esto se actualizará como el nombre de tu sitio web Bien, así es como puedes publicar tu sitio web usando el sitio gratuito my dot cava dot, y también enlazando tu sitio web de Cava con tu dominio personalizado de Go Dadi Entonces espero que este video te haya resultado útil, y voy a ver el siguiente. 11. Crea una página de registro en Mailchimp y enlácala a tu sitio web de Canva: Bien, en esta lección, vamos a ver cómo vincular Mel Chimp a tu sitio web de Canva para capturar los clientes. Entonces, ¿qué es Melhim? Melchim es una plataforma de marketing diseñada principalmente para el marketing por correo electrónico Ayuda a individuos y empresas a enviar correos electrónicos a su audiencia y realizar un seguimiento del rendimiento. Popular entre las pequeñas y medianas empresas. También incluye características como la construcción de páginas de destino. En este video, te mostraré cómo vincular Mailchimp a tu sitio web de Cava para capturar correos electrónicos personalizados Con la configuración correcta, puedes crear una lista de correo electrónico para promocionar tus productos o servicios y mantener comunicación directa con tu audiencia. Bien, entonces ahora te voy a mostrar cómo crear un formulario de registro en Mailchimp, y luego vincularlo a tu sitio web de Canva Entonces ahora mismo estoy onmilchip.com, y me he apuntado al plan gratuito La versión paga de Mailchimp sí ofrece más características y funciones, pero vamos a configurarlo con solo usar el plan gratuito Entonces Mailchimp, necesitas configurar una audiencia, y esta es una lista de direcciones de correo electrónico y nombres de personas que quieren unirse a tu lista de correo Entonces, una vez que hayas configurado una audiencia, baja a SignupFMS Y ahora vamos a dar click en Crear un Nuevo Formulario. Por lo que un formulario de registro permite a los clientes ingresar su dirección de correo electrónico y también su nombre, y luego esto automáticamente se agregará a su audiencia. Entonces tenemos algunos tipos diferentes aquí. La más fácil es una página de inicio de registro. Entonces esto creará una landing page, y luego podremos vincularlo con nuestro sitio web de Canva Así que vamos a hacer clic en esto. Así que voy a llamar a este medio hecho divertido registro y luego dar clic en Continuar a Constructor. Entonces tenemos diferentes plantillas aquí. Pero solo para que esto sea simple, voy a dar click en esta, que es hacer crecer tu lista. Pero si lo deseas, puedes elegir una de estas plantillas aquí. Eso puede ser un poco más elegante, pero solo para que sea simple, usemos este de aquí. Bien, así que ahora podemos personalizar este formulario de registro. Podemos arrastrar sobre los cuadros de texto así. Y también podemos arrastrar sobre el cuadro de imagen y agregar imágenes si lo deseas. Si pasas el cursor sobre la caja, podemos hacer clic en estas cuatro flechas aquí, y podemos arrastrar para reordenar o podemos hacer clic en el icono de papelera aquí para eliminar Para este ejemplo, eliminemos esto. De hecho voy a agregar un logo aquí, así que cuando la gente haga clic en este enlace, sabrán que es parte de los medios que se burlan ya que pueden ver nuestro logo. Vamos a hacer clic en el icono Editar aquí y luego hacer clic en Subir Logo. Y luego haz clic en Subir. Y aquí tengo mi logo como archivo PNG. Y ahora vamos a dar clic en Abrir, y esto subirá este logo. Obviamente, eso es demasiado grande, pero aquí podemos ajustar el tamaño. Sin embargo, voy a tenerlo de esta talla. Entonces podemos dar click en Guardar y Cerrar. Sólo voy a eliminar este cuadro de texto que agregué anteriormente Entonces, hagamos clic en el icono de la papelera y hagamos clic en Eliminar. Y ahora voy a agregar un título aquí. Así que me voy a unir a nuestra lista de correo, y luego hacer clic en Guardar y Cerrar. Entonces vamos a agregar un poco más de información aquí. Así que vamos a hacer clic en este icono de lápiz aquí para editar este cuadro de texto Así que he puesto aquí en su nombre y dirección de correo electrónico para ser agregado a nuestra lista de correo donde recibirá correos electrónicos sobre nuestras últimas noticias y ofertas. Bien, entonces voy a recoger guardar y cierra. Y para esto, en realidad quiero agregar el nombre así como la dirección de correo electrónico. Así que vamos a hacer clic en este botón Editar aquí. Y puedes ver aquí tenemos estas casillas para nombre y apellido Entonces creo que es importante capturar el nombre o al menos el nombre, entonces siempre puedes agregar su nombre en la dirección de correo electrónico para que parezca más personal. Bien, este es un formulario de inscripción muy sencillo, pero creo que para este ejemplo, está bien. Así que hagamos clic en Guardar y Cerrar y Guardar y Cerrar nuevamente. Y luego tenemos esta página siguiente aquí, y puedes ver aquí debajo de Audiencia y etiquetas que los contactos se agregarán a los medios de diversión, que es audiencia o lista que he configurado anteriormente. Cuando la persona ingrese su dirección de correo electrónico y nombre, también habrá un mensaje de confirmación. Podemos hacer clic en Editar diseño aquí para editar el mensaje de confirmación. Entonces puedes ver ahora mismo es el mismo formulario de registro, pero si haces clic en el botón Editar aquí, podemos ver que dice aquí. Después de enviar el formulario, enviar a los visitantes al mensaje de confirmación. Entonces podemos actualizar nuestro mensaje de confirmación aquí si lo deseamos. Creo que el predeterminado está bien. Siempre puedes cambiar esto si quieres. También podemos hacer clic en Vista previa mensaje de confirmación para ver esto aquí. Bien, todo esto está bien. Y vamos a hacer clic en Guardar ropa. Y ahora voy a publicar este formulario de registro. Así que vamos a hacer clic en Publicar aquí. Y entonces puedes ver aquí tenemos nuestra URL. Entonces, hagamos clic derecho sobre esto y vayamos a Copiar. Y ahora volvamos a nuestra página de Canva. Entonces ya publicamos este sitio web, pero si editamos este diseño, tendremos que volver a publicarlo, lo pero si editamos este diseño, cual está bien. Así que vamos a hacer clic en Editar diseño. Así que ahora vamos a agregar una nueva página. Así que vamos a hacer clic en este botón aquí, agregar página. Y esto es un poco grande, así que vamos a cambiar el tamaño de esto. Entonces voy a agregar un cuadro de texto en el que se puede hacer clic donde las personas serán enviadas a nuestro formulario de registro Entonces, en los elementos, agreguemos una forma. Escojamos este de aquí. Y ahora en el texto, agreguemos un cuadro de texto. Así que solo escribí Haz clic aquí para unirte a nuestra lista de correo. Seleccionemos todo el texto aquí y cambiemos el color. Ahora cambiemos esto a blanco y luego arrastremos esto hasta aquí para que puedas ver este texto. Ahora voy a dar click en este cuadro de texto aquí y luego dar click en Duplicar Y voy a escribir Únete a nuestra lista de correo para conocer las últimas noticias y ofertas. Bien, pongamos esto en el centro, y vamos a arrastrar sobre ambos para mover esto hacia abajo. Y vamos a hacer esto un poco más pequeño, y seleccionemos todo este texto aquí y cambiemos el color para que destaque un poco más. Simplemente elijamos el negro para este ejemplo. Ahora vamos a hacer clic derecho sobre esta forma aquí, y ahora vamos a Enlace. Ahora voy a pegar en la URL para el formulario de registro de chimpancé macho Bien, así que hagamos clic en On Done. Y luego vuelve a presionar uno. Hagamos también lo mismo para el texto. Entonces hagamos clic derecho sobre esto y luego vayamos a Link y luego peguemos en nuestra URL aquí, y presionemos hecho, y luego presionemos uno nuevamente. Tampoco quiero tener esto subrayado, así que resaltemos esto y desmarque On D Line Entonces recomiendo previsualizar esto para asegurarme de que funcione. Y ahora vamos a bajar a este botón y texto y dar click sobre esto. Y te darás cuenta, irá a nuestro formulario de registro. Pero solo para este ejemplo, he agregado mi dirección de correo electrónico y mi nombre. Bien, ahora hagamos clic en Suscribir. Y ya puedes ver que dice éxito, te han agregado a la audiencia. Y ahora si volvemos a Mailchimp y bajo audiencia, puedes ver aquí mi correo electrónico y mi nombre ha sido agregado Entonces, una vez que alguien agregue su dirección de correo electrónico y envíe el formulario de registro, se agregará a una audiencia de Mailchimp Así que volvamos ahora a Canva, y publiquemos de nuevo este sitio web. Así que vamos a hacer clic en el sitio web publicado aquí. Y ahora vamos a hacer clic en el sitio web republicado. Esto de nuevo puede tardar algunos momentos. Bien, entonces ahora vamos a copiar nuestra URL aquí y pegarla en una nueva pestaña. Entonces aquí puedes ver que tenemos nuestro enlace que va a nuestro formulario de registro. Bien, así es como puedes vincular a Mel hintwv Canva para ayudar a capturar correos electrónicos de tu audiencia Así que muchas gracias por ver este video. Espero que te haya resultado útil, y te veré en la siguiente. 12. Gracias y adiós + proyecto de clase: Bien, entonces hemos llegado al final de esta clase. Muchas gracias por ver, y espero que le haya resultado útil. Para tu proyecto de clase, me gustaría que diseñaras tu propio sitio web en Canva Entonces quiero que tomes algunas capturas de pantalla de tu sitio web y luego escribas un breve párrafo sobre cómo lo hiciste y por qué. Luego publique esto como su proyecto de clase para que pueda consultar su sitio web y leer sobre su proceso creativo. Así que gracias de nuevo por ver y ojalá, vi otra clase.