Página web con Wix
Vamos a empezar haciendo una web sencilla, es decir, una página web, sin menús, con una dirección única, que nos sirva como "soporte digital" para una unidad didáctica, un pequeño proyecto, un scape room o una actividad que queramos realizar con nuestros alumnos. Aquí os dejo un ejemplo real que nos servirá como modelo (pincha en la imagen para acceder)
1. Elegimos una plantilla
Desde nuestro WIX, retomamos el punto en el que nos habíamos quedado en la sección anterior, donde nos pide elegir una plantilla habíamos seleccionado EN BLANCO tras lo cual elegimos la plantilla Diseñando desde cero y pulsamos en EDITAR. Accederemos entonces al editor de Wix
2. Seleccionamos un fondo de página
Diseño del sitio
Fondo de página
Personalizar
Elegimos un fondo, pinchando sobre él y vemos como se aplica a nuestra web
3. Ponemos un título
Agregar
Textos
Títulos
Seleccionamos un título
5. Colocamos la caja de texto con el título en la parte superior de nuestra web (encabezado) y escribimos el título de nuestra página web
6. Desde el menú Opciones de texto, podemos cambiar el estilo, la fuente, el tamaño, el color, efectos, etc
4. Insertamos una imagen
Agregar
Imágenes
Mis cargas/ categorías
Elegimos entre Mis imágenes (accedemos a nuestro ordenador o nubes para cargar una imagen en Wix)/ Imágenes gratis (fotografías del repositorio de Wix u otros/ Ilustraciones gratis (imágenes vectoriales)
5. Al pinchar en la imagen aparece un menú flotante en el que podemos cambiar las distintas opciones, el diseño, el tamaño, recortar, animación, poner un enlace, etc
BARRA DE HERRAMIENTAS
Existe un menú en Wix muy útil para realizar determinados comandos no solo con las imágenes sino con cualquiera de los elementos que podemos insertar en nuestra página web, se trata de la barra de herramientas, que podemos activar desde el menú HERRAMIENTAS, en la parte superior derecha del escritorio de Wix.
Desde allí podemos copiar, pegar, duplicar, borrar cualquier elemento de nuestro escritorio y lo más interesante quizás, ordenar los elementos para que uno aparezca en primer plano con respecto a otro.
RECOMENDACIÓN
GREENSHOT PARA HACER PANTALLAZOS Y EDITAR LA IMAGEN
5. Insertamos un vídeo
Agregar
Vídeos y música
Reproductores
Youtube
5. Cambiar vídeo
6. Pegamos la URL del vídeo elegido
7. Tanto en opciones de reproducción como en los botones del menú contextual podemos cambiar diversos parámetros del vídeo
6. Insertamos música
DESDE UN ARCHIVO DE AUDIO
Agregar
Vídeos y música
De audio
Clic en el reproductor elegido
5. Cambiar audio
6. Un audio
7. Cargar Pista
8. Subir multimedia/ Seleccionamos un Mp3 de nuestra computadora/ Agregar pista
9. A través del menú contextual podemos cambiar la carátula, agregar una imagen, etc
RECOMENDACIÓN
FvMp3 PARA DESCARGAR MP3 DESDE YOUTUBE
DESDE UN AUDIO DE SOUNDCLOUD
Agregar
Vídeos y música
Reproductor
Clic en reproductor
5. Clic sobre la caja del reproductor
6. Opciones
7. Configuración
8. Pegamos el enlace a la pista de Soundcloud que queramos insertar
DESDE SPOTIFY
Agregar
Vídeos y música
Reproductor Spotify
Clic en reproductor Spotify
5. Pulsamos sobre la caja y clic en Opciones
6. Principal/ Buscar en Spotify
7. Escribimos el nombre de un artista, grupo o canción y cuando encontremos lo que buscamos hacemos clic sobre ella
7. Cargamos un PDF
Multimedia
Cargar multimedia
Carga desde la computadora
Subir multimedia
Seleccionamos PDF
Agregar a la página
7. Podemos cambiar el diseño y mostrar un título
8. Insertamos un botón + enlace
Agregar
Botones
Elegimos un botón que esté relacionado con el objeto que vamos a enlazar (en este caso un mapa de Google)
Clic sobre botón/ Menú contextual/ Enlace
Dirección web
Pegamos la URL del objeto que queremos enlazar (en nuestro caso hemos ido a Google Maps hemos buscado una dirección y hemos copiado su URL)
Elegimos que se abra en una ventana nueva
Hecho
9. Incrustamos HTML
Agregar
Incrustado
Incrustación
Incrusta un widget
5. Clic sobre la caja HTML/ Ingresar Código
6. Código
7. Pegamos el código de nuestro widget (en este caso un Sway)
8. Actualizar
9. Comprobamos como queda y hacemos los ajustes precisos
10. Publicamos nuestra Wix
Pero antes hacemos las siguientes comprobaciones:
Cambiamos a la versión móvil y comprobamos como queda nuestra wix en un móvil, si no nos convence la retocamos desde aquí
Aunque la función autoguardado está activada por defecto, guardamos manualmente y cambiamos el nombre por defecto "misitio" por otro más descriptivo
Le damos a vista previa para comprobar que nuestra wix se verá perfecta
Publicamos