Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

WIX-6. Los menús de páginas - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 21 de diciembre de 2023 por Roberto S.

10 visualizaciones

Tutorial en donde se muestra cómo crear menús con las distintas páginas disponibles en un sitio web creado con el gestor de contenidos WIX.

Más información Transcripción

Descargar la transcripción

Bienvenidos y bienvenidas a este nuevo vídeo en donde vamos a tratar cómo se 00:00:00
hacen los menús en Wix. Como podemos ver aquí tenemos un menú principal y luego 00:00:06
unos submenús a donde se les puede dar formato. Para ello vamos a volver al 00:00:12
editor y vamos a eliminar este menú que he hecho previamente. Bien, para añadir un 00:00:18
menú se da en agregar elementos dentro de las opciones menú y ancla. Aquí tengo 00:00:24
menús temáticos, horizontales, verticales y luego más opciones que 00:00:31
me da Wix. Nos centraremos sobre todo en los menús horizontales. 00:00:36
También se podrían hacer verticales cuyo diseño y desarrollo es similar. 00:00:41
Vamos a introducir por ejemplo este menú. Este tipo de menú, hacemos clic y si me 00:00:46
lo hubiera puesto en una sección, lo arrastraríamos hacia el encabezado. 00:00:54
Bien, vemos en él que tenemos las diferentes páginas de nuestro sitio 00:01:00
web. Si no fuera así, podríamos comprobar aquí en las páginas que tenemos. 00:01:05
En administrar páginas podríamos comprobar que tengo todas las páginas 00:01:12
visibles. Es así que por ejemplo si yo la página 00:01:15
ventas no la quiero visibilizar en el menú, daría aquí a estas opciones, ajustes 00:01:20
y ocultaríamos el menú. Y vemos que ventas automáticamente 00:01:26
va a quedar fuera del menú. 00:01:34
De acuerdo, bien, vamos a dejar que ventas 00:01:42
de nuevo 00:01:47
formen parte del menú. 00:01:50
Ya estamos aquí. 00:01:53
Cuando hacemos clic en el menú, en la parte de administrar menú 00:01:57
y en navegar, se me da acceso directamente a las páginas. 00:02:04
Es en la opción de ajustes donde ya podríamos empezar a 00:02:09
diseñar. Aquí en ajustes avanzados me da como fijar como menú avanzado. De momento 00:02:16
vamos a prescindir de estas opciones que tampoco nos aportan mucho. 00:02:22
En estilo podríamos, aquí tenemos bastantes más opciones, dentro de los 00:02:27
menús principales, los submenús, podríamos ajustar. ¿Qué significa esto? Que si yo 00:02:33
por ejemplo tengo menos espacio, como vemos, 00:02:39
las últimas pestañas me las desplaza una línea por debajo. 00:02:44
Si no le damos ajustes, sino a desplazar, sin embargo, me pone aquí, me pone esta 00:02:49
flechita, vamos a guardar y vamos a ver en vista previa 00:02:55
cómo quedaría. 00:03:02
Aquí vemos que, como no me caben, me pone una flechita y aquí ya, 00:03:05
digamos, me da acceso a la totalidad del menú que no se ve. Antes era a la derecha y 00:03:10
ahora a la izquierda exactamente lo mismo. 00:03:16
Volvemos al menú. 00:03:19
Y volvemos al estilo. Bien, tenemos también, vamos a darle 00:03:27
espacio de sobra 00:03:33
y vamos ahora a espacio entre los ítems. Vemos que podemos dar más o menos espacio 00:03:37
entre ellos. Esto juega un poquito, digamos, a la sensación de diseño que tenemos 00:03:43
nosotros, de espacio, almacenamiento, etc. 00:03:50
Los ítems pueden rellenar todo el menú o no. Es decir, aquí tengo más espacio o lo 00:03:55
rellenan exactamente todo el que yo les dejo, cuyo espacio es modificable. 00:04:01
Alineamos el texto en su cajita de menú a la izquierda, al centro o a la derecha 00:04:11
por diseño, vamos a dejarlo siempre en el centro. 00:04:16
Los menús. Habitualmente la página principal está a la izquierda, 00:04:22
es el diseño left to right, pero lo podemos dejar justamente al revés. Habitualmente 00:04:28
siempre se deja el menú principal, la página principal, a la izquierda. 00:04:34
Relleno horizontal no da muchas opciones. El relleno vertical lo que 00:04:37
me hace son los menús más o menos verticales, en este caso tiene bastante 00:04:43
anchura. Podemos haberlo dejado más o menos. 00:04:48
Bien, y luego la estructura de los submenús. Ahora, el submenú de tercera me 00:04:54
ocupa todo el espacio que dejan arriba los menús. 00:05:02
Puedo dejarlo como columnas, como estaba antes, o bien como flotante, en el sentido 00:05:07
en que me va a dejar solamente un espacio dependiente de su menú 00:05:11
principal, que en este caso es tercero. Vamos a guardar 00:05:17
y vamos a ver la vista previa de cómo queda ahora. 00:05:23
Eso es a lo que me refiero. Antes ocupaba todo el menú en la parte inferior y ahora 00:05:28
solamente ocupa lo que se dice el ancho de la pestaña madre, que es tercero. 00:05:32
Volvemos al editor, 00:05:39
volvemos al diseño, 00:05:45
al estilo. Bien, y de aquí ya, pues poco más. 00:05:49
El submenú, lo mismo, lo podemos centrar a la izquierda, a la derecha, 00:05:57
el texto, perdón, 00:06:04
el relleno horizontal lo podemos hacer más o menos grande, el vertical exactamente igual, 00:06:07
espacios entre los ítems que hubiera, en este caso no hay ningún ítem. 00:06:16
Y ahora podríamos personalizar las opciones que me da aquí dentro del 00:06:26
diseño del menú. Cada menú va a tener sus distintas 00:06:31
opciones de personalización. El relleno de fondo, 00:06:35
podemos añadir, en este caso, más capas, podemos duplicar, 00:06:40
vamos a poner, por ejemplo, este relleno que vemos que tampoco hace gran cosa, 00:06:48
los bordes se podría redondear, 00:06:55
también las esquinas se podrían redondear, se le podría poner sombreado, se le podría dar 00:06:59
estilo, etcétera. Todas estas opciones van a depender, van a ser características 00:07:05
y diferenciadas de cada menú que hayamos elegido. Muchas gracias. 00:07:11
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
Roberto Soriano Casas
Subido por:
Roberto S.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
10
Fecha:
21 de diciembre de 2023 - 19:41
Visibilidad:
Público
Centro:
IES PABLO PICASSO
Duración:
07′ 18″
Relación de aspecto:
1.95:1
Resolución:
1360x696 píxeles
Tamaño:
46.34 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid