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

  1. Diseño del sitio

  2. Fondo de página

  3. Personalizar

  4. Elegimos un fondo, pinchando sobre él y vemos como se aplica a nuestra web

3. Ponemos un título

  1. Agregar

  2. Textos

  3. Títulos

  4. 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

  1. Agregar

  2. Imágenes

  3. Mis cargas/ categorías

  4. 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

  1. Agregar

  2. Vídeos y música

  3. Reproductores

  4. 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

  1. Agregar

  2. Vídeos y música

  3. De audio

  4. 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

  1. Agregar

  2. Vídeos y música

  3. Reproductor

  4. 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

  1. Agregar

  2. Vídeos y música

  3. Reproductor Spotify

  4. 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

  1. Multimedia

  2. Cargar multimedia

  3. Carga desde la computadora

  4. Subir multimedia

  5. Seleccionamos PDF

  6. Agregar a la página

7. Podemos cambiar el diseño y mostrar un título

8. Insertamos un botón + enlace

  1. Agregar

  2. Botones

  3. Elegimos un botón que esté relacionado con el objeto que vamos a enlazar (en este caso un mapa de Google)

  4. Clic sobre botón/ Menú contextual/ Enlace

  5. Dirección web

  6. 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)

  7. Elegimos que se abra en una ventana nueva

  8. Hecho

9. Incrustamos HTML

  1. Agregar

  2. Incrustado

  3. Incrustación

  4. 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:

  1. 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í

  2. Aunque la función autoguardado está activada por defecto, guardamos manualmente y cambiamos el nombre por defecto "misitio" por otro más descriptivo

  3. Le damos a vista previa para comprobar que nuestra wix se verá perfecta

  4. Publicamos