2. Portfolio

En este vídeo quiero enseñarte a crear este hermoso portfolio mediante un sitio web.

La idea es que todas las personas desde cualquier lugar puedan conocerte, puedan conocer los trabajos que realizaste, qué servicios brindas y además si están interesados puedan contactarse.

Entonces, antes de empezar a diseñar te quería hacer algunas recomendaciones.

La primera es que tengas buen manejo del zoom.

Muchas veces para ver el diseño que estamos creando nos tenemos que alejar y acercar.

La segunda es que sigas mis pasos, sobre todo para practicar y familiarizarte en cómo armar un sitio web en el sistema.

Pero si ya te sentís canchera, puedes empezar a crear tu propio diseño, no hay problema.

Y por último, la recomendación por ahí más importante es que regularmente vayas guardando tu creación, más que nada para que no se nos pierda nada.

Ya llegó el momento de crear, así que manos a la obra y comenzás a trabajar.

Primero que nada tenemos que tener la aplicación de sitio web instalada.

Para ello nos vamos a Aplicaciones y vamos a instalar la aplicación de sitio web.

Confirmamos.

Es normal que tarde un poquito en instalarse, solamente tenemos que esperar unos segunditos.

Y ahora nos va a aparecer esta vista que nos va a ayudar a crear este sitio web.

Así que nos vamos a dejar guiar por estas preguntitas.

Hacemos clic en Hagámoslo y vamos a crear un sitio web para diseñadoras gráficas para mostrar nuestro trabajo, o sea, informar a los clientes.

Genial.

Ahora vamos a subir nuestro logo para que automáticamente nuestro sistema nos pueda detectar el color de nuestro logo.

Y esta va a ser la paleta de colores de nuestro sitio web.

Pero si no queremos esta y queremos elegir otra, acá tenemos un montón de opciones.

Hacemos clic en Vamos solamente vamos a hacer clic en Sobre nosotros y ponemos Crear mi sitio web.

Ahora vamos a elegir un tema, podemos elegir el que más nos guste, pero yo voy a elegir este, el de la derecha.

Esperamos un poquito a que automáticamente se nos cree nuestro sitio web.

Y ahora vamos a realizar algunas configuraciones para comenzar a diseñar.

Vamos a hacer clic en Editar.

En este caso voy a disminuir un poco el zoom, como les decía antes, y voy a hacer clic en el título.

Entonces, cada vez que hago clic en un bloque, en este caso el bloque es el título, directamente me va a llevar a la pestaña de estilos para poder editar algunas cositas de este, como por ejemplo el fondo.

El fondo yo lo quiero rosa en este caso, así que lo voy a cambiar.

También acá tengo una plantilla para poder ir cambiando el estilo.

Y ahora me voy a ir hacia abajo porque solamente quiero tener la información del logo en en este bloque y nada más.

Entonces voy a ir destildando la información que no quiero que aparezca.

Genial, fíjate que para eso me vine hacia abajo a la sección de Ocultar y mostrar elementos y solamente dejé tildada el elemento visual del logo, que sería esto de aquí.

Este menú también se puede editar, solamente me tengo que fijar que le estoy haciendo clic en el bloque del título y directamente acá me aparece un botoncito en color violeta que dice Editar menú.

Acá puedo eliminar una línea, puedo cambiar el orden y puedo crear submenús.

De esta manera, arrastrando a la derecha también puedo agregar un elemento del menú.

En este caso la verdad que no quiero agregar nada, entonces pongo cancelar porque también no quiero que ningún cambio que les mostré recién se guarde.

Genial.

Ahora sigamos por el otro bloque que es la introducción.

Lo selecciono y la verdad que esta intro no me gusta para nada, así que la elimino.

Entonces me voy a la pestaña de bloques y voy a agregar una nueva introducción.

Arrastrándola voy viendo cuál me gusta.

Acá hay un montón de diseños ya predeterminados y me gustó esta, entonces la agrego.

Bien, hago clic en ella para poder editar el estilo.

El fondo igual me gusta rosa, te digo, así que lo voy a dejar.

Doble clic en la imagen para poder reemplazarla y voy a subir una nueva.

directamente se me actualiza la imagen haciendo clic en ella.

En la pestaña de estilos veo que también puedo reemplazarla desde esta opción.

Perfecto.

Ahora quiero editarle un poquito el tamaño, así que me voy a Imagen, Tamaño muy chiquito, no, Este me gusta.

Perfecto.

Ahora hago clic en el texto y lo voy a editar también.

Lo selecciono y lo borro.

A ver qué puedo poner.

Hola, soy Valen.

Ayuda a pequeñas empresas y emprendedores a crear experiencias que sean significativas.

Me encanta cómo quedó, la verdad.

Bueno, sigo para abajo a ver imágenes.

Acá con estas imágenes quiero mostrar los trabajos que realicé.

Entonces doble clic para reemplazar, como ya habíamos hecho y elijo este proyecto que quiero mostrar.

Ahora, yo no quiero que las personas se queden solamente con la imagen del trabajo que realicé, me gustaría que realmente los conozcan en profundidad, por eso voy a dar en guardar para crear una página nueva dentro del sitio web, es decir, voy a Nuevo, voy a crear página y voy a elegir un formato de página que me permita a mí mostrar el trabajo en profundidad, en este caso para mí es este, el título va a ser de proyecto 1 y en este caso no quiero que esté en el menú que habíamos visto anteriormente, Entonces destilo la opción y voy a crear.

Ahora, obviamente que les voy a dejar a ustedes que lo editen y lo diseñen como quieran, así que voy a darle en guardar y voy a ir a mi página principal desde el menú Sitio y página de inicio Ahora, para que las personas se den cuenta que pueden hacer clic en la imagen, tengo seleccionada la imagen en la pestaña Estilos, voy a Animación al pasar el cursor por encima y le voy a dar el efecto de superponer.

Entonces cuando pasa en el cursor hace este efecto de un poquito más de sombra.

Genial.

Ahora le voy a agregar un link a la imagen, Entonces Entonces me voy a la sección de imagen en la pestaña estilos, la primera opción dice medios y al lado de reemplazar hay un simbolito que es del link, así que hago clic en ese simbolito y le pongo el nombre de la página que creé recientemente que era proyecto 1.

Entonces si hacemos clic al lado que tengo una flechita voy a poder previsualizar esta página que creé.

Ahora vuelvo a la página principal y si yo hago clic en la imagen me direcciona a esta página.

También voy a dar clic en guardar por las dudas, así todos los cambios que han guardados Ahora, para evitar una confusión les quería aclarar un poquito el panorama.

Como pudieron ver, un sitio web puede tener diferentes páginas, página 1, página 2, página 3.

Recién por ejemplo creamos una página y le dijimos que se podía acceder a esa página mediante una imagen, pero también tenemos el menú en el cual yo puedo acceder a diferentes páginas si le proporciono el link y también desde un botón, o sea que tenemos la posibilidad de crear diferentes páginas que se alojan en un sitio web y se pueden acceder a ellas de diferentes maneras.

Ahora continuamos editando.

Bien, seguimos bajando y me encuentro con este bloque, que este bloque justamente me encanta para poder mencionar los servicios que brindo, entonces hago clic en editar y lo selecciono y ya puedo editar el texto.

Bien, ahí nombré los principales servicios que ofrezco y hago doble clic en este simbolito y también puedo ir editándolos, por ejemplo voy a poner una cámara porque es fotografía, Perfecto, sigo para abajo y me encuentro con este bloque que no me sirve, entonces los que no me sirve directamente los selecciono y los voy eliminando, este tampoco, así que elimino todo.

Bien, ahora me faltó poner el contacto para que me contacten los clientes, entonces voy a la pestaña de bloques, contactos y formularios y voy a seleccionar el que más me gusta.

Ahora igualmente puedo editar el texto fácilmente, también puede editar el fondo, lo voy a poner en negro.

Y lo más importante acá es hacer clic en alguno de los campos del formulario, por ejemplo voy a hacer clic en nombre.

Una vez que hago clic en la pestaña Estilos, me voy a la sección de formularios y la primera opción es de acción.

Es importante que gatille la opción de enviar un mail, porque nosotros queremos que nos llegue un mail mediante este formulario, Y también es súper importante que pongan el mail que usan cotidianamente para que les llegue todos los contactos de este formulario.

Genial, También puedo ir editando acá cuando hacemos clic por ejemplo en tu nombre me aparece la sección de Field que es campo y puedo cambiar las etiquetas, si no me gustan pongo en vez de tu nombre pongo nombre o puedo poner Name, lo que quiero.

ahora le doy a guardar y las dejo a ustedes para que completen su propio diseño.

Y yo les quería aclarar que acá el sitio web está publicado, Entonces lo puedo dejar publicado o sin publicar.

Esto es para que las personas puedan ingresar y ver mi sitio web si está publicado o si no quiero que nadie lo vea y quede en privado porque le estoy realizando algunos cambios, me quede en sin publicar.

Y ahora también les quiero mostrar que si se van al menú sitio y después van a ir a páginas, van a poder ver todas las páginas que tiene este sitio web y sin embargo el sitio web puede estar publicado, pero alguna de las páginas puede no estar publicada.

Entonces, por ejemplo, veo que esta página de contacto está publicada, pero yo en realidad no quiero, entonces la selecciono, voy a acciones y pongo anular publicación.

Listo, no se va a ver esa página.

por último chicas y no las molesto más, me quedan dos aclaraciones para hacerles.

La primera es que el sistema te ofrece el servicio de hosting, que es como dónde está guardado el sitio web para por eso les puse de referencia la casita y también te ofrece el dominio, que es el link básicamente del sitio web, que sería como la dirección de la casita más o menos para que entiendan y tengan como referencia.

Y la segunda aclaración es que dentro del sistema nosotros podemos crear varios sitios web y esos sitios web pueden tener varias páginas que se pueden acceder de diferentes maneras.

¿Cómo creamoS otro sitio web?

Nos vamos a nuestro sistema, vamos al menú de configuración, ajustes y acá tenemos la opción para crear nuevo sitio web.

Eso ha sido todo chicas, les deseo mucha suerte y las dejo diseñar su propio portfolio tranquilas, nos vemos.