En este vídeo quiero enseñarte a crear este hermoso portfolio mediante un sitio web.
00:08
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.
00:19
Entonces, antes de empezar a diseñar te quería hacer algunas recomendaciones.
00:24
La primera es que tengas buen manejo del zoom.
00:26
Muchas veces para ver el diseño que estamos creando nos tenemos que alejar y acercar.
00:32
La segunda es que sigas mis pasos, sobre todo para practicar y familiarizarte en cómo armar un sitio web en el sistema.
00:40
Pero si ya te sentís canchera, puedes empezar a crear tu propio diseño, no hay problema.
00:46
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.
00:57
Ya llegó el momento de crear, así que manos a la obra y comenzás a trabajar.
01:02
Primero que nada tenemos que tener la aplicación de sitio web instalada.
01:06
Para ello nos vamos a Aplicaciones y vamos a instalar la aplicación de sitio web.
01:14
Confirmamos.
01:18
Es normal que tarde un poquito en instalarse, solamente tenemos que esperar unos segunditos.
01:23
Y ahora nos va a aparecer esta vista que nos va a ayudar a crear este sitio web.
01:28
Así que nos vamos a dejar guiar por estas preguntitas.
01:31
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.
01:45
Genial.
01:46
Ahora vamos a subir nuestro logo para que automáticamente nuestro sistema nos pueda detectar el color de nuestro logo.
01:55
Y esta va a ser la paleta de colores de nuestro sitio web.
01:58
Pero si no queremos esta y queremos elegir otra, acá tenemos un montón de opciones.
02:04
Hacemos clic en Vamos solamente vamos a hacer clic en Sobre nosotros y ponemos Crear mi sitio web.
02:14
Ahora vamos a elegir un tema, podemos elegir el que más nos guste, pero yo voy a elegir este, el de la derecha.
02:22
Esperamos un poquito a que automáticamente se nos cree nuestro sitio web.
02:27
Y ahora vamos a realizar algunas configuraciones para comenzar a diseñar.
02:38
Vamos a hacer clic en Editar.
02:41
En este caso voy a disminuir un poco el zoom, como les decía antes, y voy a hacer clic en el título.
02:48
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.
03:01
El fondo yo lo quiero rosa en este caso, así que lo voy a cambiar.
03:07
También acá tengo una plantilla para poder ir cambiando el estilo.
03:13
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.
03:21
Entonces voy a ir destildando la información que no quiero que aparezca.
03:35
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í.
03:51
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ú.
04:03
Acá puedo eliminar una línea, puedo cambiar el orden y puedo crear submenús.
04:10
De esta manera, arrastrando a la derecha también puedo agregar un elemento del menú.
04:15
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.
04:25
Genial.
04:26
Ahora sigamos por el otro bloque que es la introducción.
04:28
Lo selecciono y la verdad que esta intro no me gusta para nada, así que la elimino.
04:34
Entonces me voy a la pestaña de bloques y voy a agregar una nueva introducción.
04:38
Arrastrándola voy viendo cuál me gusta.
04:42
Acá hay un montón de diseños ya predeterminados y me gustó esta, entonces la agrego.
04:50
Bien, hago clic en ella para poder editar el estilo.
04:54
El fondo igual me gusta rosa, te digo, así que lo voy a dejar.
04:59
Doble clic en la imagen para poder reemplazarla y voy a subir una nueva.
05:08
directamente se me actualiza la imagen haciendo clic en ella.
05:13
En la pestaña de estilos veo que también puedo reemplazarla desde esta opción.
05:19
Perfecto.
05:20
Ahora quiero editarle un poquito el tamaño, así que me voy a Imagen, Tamaño muy chiquito, no, Este me gusta.
05:29
Perfecto.
05:30
Ahora hago clic en el texto y lo voy a editar también.
05:34
Lo selecciono y lo borro.
05:36
A ver qué puedo poner.
05:39
Hola, soy Valen.
05:40
Ayuda a pequeñas empresas y emprendedores a crear experiencias que sean significativas.
05:45
Me encanta cómo quedó, la verdad.
05:47
Bueno, sigo para abajo a ver imágenes.
05:49
Acá con estas imágenes quiero mostrar los trabajos que realicé.
05:53
Entonces doble clic para reemplazar, como ya habíamos hecho y elijo este proyecto que quiero mostrar.
06:02
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.
06:45
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.
07:19
Entonces cuando pasa en el cursor hace este efecto de un poquito más de sombra.
07:24
Genial.
07:25
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.
07:49
Entonces si hacemos clic al lado que tengo una flechita voy a poder previsualizar esta página que creé.
07:58
Ahora vuelvo a la página principal y si yo hago clic en la imagen me direcciona a esta página.
08:10
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.
08:26
Como pudieron ver, un sitio web puede tener diferentes páginas, página 1, página 2, página 3.
08:33
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.
09:01
Ahora continuamos editando.
09:03
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.
09:22
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.
09:52
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.
10:07
Ahora igualmente puedo editar el texto fácilmente, también puede editar el fondo, lo voy a poner en negro.
10:16
Y lo más importante acá es hacer clic en alguno de los campos del formulario, por ejemplo voy a hacer clic en nombre.
10:24
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.
10:32
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.
10:51
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.
11:10
ahora le doy a guardar y las dejo a ustedes para que completen su propio diseño.
11:15
Y yo les quería aclarar que acá el sitio web está publicado, Entonces lo puedo dejar publicado o sin publicar.
11:24
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.
11:39
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.
11:58
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.
12:12
Listo, no se va a ver esa página.
12:15
por último chicas y no las molesto más, me quedan dos aclaraciones para hacerles.
12:20
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.
12:41
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.
12:53
¿Cómo creamoS otro sitio web?
12:55
Nos vamos a nuestro sistema, vamos al menú de configuración, ajustes y acá tenemos la opción para crear nuevo sitio web.
13:06
Eso ha sido todo chicas, les deseo mucha suerte y las dejo diseñar su propio portfolio tranquilas, nos vemos.