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.