Elaboración de páginas web con wix

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Universidad Nacional Autónoma de México

Coordinación de Tecnologías para la Educación

Tutorial para diseñar y construir sitios web Guía básica para el uso de Wix

1

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Contenido Ingreso a la herramienta Wix.............................................................................................................2 Crea tu sitio........................................................................................................................................3 Crea tu sitio desde cero..................................................................................................................3 Colocando un fondo a la página.....................................................................................................5 Agregando elementos a tu página..................................................................................................6 Añadiendo páginas a tu sitio web...................................................................................................8 Guardar página.............................................................................................................................10 Publicación del sitio......................................................................................................................11 Salir del editor del sitio.................................................................................................................12

2

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Elaboración de páginas web con Wix

Wix es un sitio en Internet diseñado para que los usuarios comunes puedan diseñar y crear su propio sitio web sin requerir de conocimientos especializados. Puede ser empleado de forma gratuita y para ello sólo se requiere la obtención de una cuenta, o bien, utilizar tus datos de Facebook o Google.

Ingreso a la herramienta Wix 1. Puedes comenzar a utilizar esta sencilla herramienta dirigiéndote al sitio https://es.wix.com/ 2. A continuación da clic sobre la opción Empieza ya. Desde este lugar podrás crear una cuenta o realizar el acceso a las herramientas de Wix utilizando tus datos de autenticación de Facebook o Google.

3. Una vez que has ingresado tus datos de usuario da clic sobre el botón Crea tu sitio.

3

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Crea tu sitio.

Puedes elegir alguna de las plantillas de diseño que te muestra la herramienta, o bien, optar por un diseño totalmente en blanco si lo que quieres es una mayor libertad y creatividad para construir tu sitio de acuerdo con tus intereses y necesidades. Toma en cuenta que esta plantilla sólo tiene como función darte una organización predeterminada de los elementos que contendrá tu sitio. El color, las imágenes y otros elementos visuales los podrás modificar más adelante.

Crea tu sitio desde cero.

1. Para crear tu sitio desde cero es importante que elijas la opción En blanco.

4

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM 1. Selecciona el tipo de diseño que te gustaría emplear en tu sitio dando clic sobre alguna de las plantillas de organización de elementos que se encuentran disponibles en Wix.

En este ejemplo, utilizaremos la opción Diseñando desde cero para explicarte de forma más detallada cómo utilizar el editor de páginas web.

2. Una vez que has seleccionado tu plantilla podrás ingresar al Editor de páginas web dando clic sobre el botón Editar que se activa al pasar el ratón por la plantilla seleccionada.

5

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM 3. Una vez que se ha abierto el Editor de páginas, encontrarás del lado izquierdo la barra de herramientas que te permitirá agregar una variedad de recursos a cada una de las páginas que conformarán tu sitio web.

Colocando un fondo a la página.

Wix permite colocar diferentes tipos de fondo a la página que quieres diseñar. Puede ser algún color, un fondo con estampado o textura, una imagen de tu propiedad o bien, algún fondo con imágenes de los que te ofrece de forma gratuita la herramienta. Para añadir el fondo a tu página sólo da clic sobre la opción Fondo y elige la opción que más te guste.

6

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Agregando elementos a tu página Una vez que has incorporado el fondo a tu página, puedes continuar incorporando otros elementos tales como texto, imágenes, galerías de imágenes, diapositivas, botones, cajas, franjas, formas, videos, música, datos de contacto y redes sociales, menú de navegación entre otros.

1. Da clic sobre el botón Agregar para seleccionar el tipo de elemento que requieras.

2. Elije entre alguna de las siguientes opciones.

3. Da clic sobre el elemento que quieres integrar a tu página y observa cómo el mismo aparece en tu área de trabajo.

7

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM 4. Puedes Editar el elemento integrado cambiando su tamaño, color, efectos, entre otras.

Sólo tienes que dar clic sobre la opción Editar que aparece cuando tienes seleccionado el elemento.

5. Dale interactividad a los elementos que vas integrando a tu página. Sólo da clic a la opción Animación para conocer los diferentes tipos de interactividad que le puedes dar al elemento seleccionado.

6. Las animaciones pueden variar dependiendo del tipo de elemento. La siguiente imagen es un ejemplo de los tipos de animaciones que se le pueden dar a un texto.

7. Puedes mover cada elemento para colocarlo en el lugar que quieras. Sólo tienes que seleccionarlo y arrastrarlo.

8

Curso Nociones básicas para la elaboración de materiales didácticos Coordinación de Tecnologías para la Educación DGTIC, UNAM

Añadiendo páginas a tu sitio web Los sitios web se caracterizan por tener una página principal y varias subpáginas. Esto sirve para poder tener una mejor gestión de la información contenida en el sitio y también para mejorar la apariencia del mismo al tener una cantidad moderada de información en pantalla.

Para añadir páginas a tu sitio será importante que te dirijas al menú de páginas que se encuentra en la parte superior derecha de tu espacio de trabajo. Observa la imagen.

1. Da clic sobre el menú de Páginas para abrir el editor. Para agregar una página adicional a tu sitio da clic sobre el botón +Agregar página.

9

2. Edita el nombre de la página y da clic sobre el botón Hecho para guardar los cambios.

Puedes volver a editar el nombre de la página, duplicarla o incluso eliminarla dando clic sobre la opción …

3. Juega con el orden de las páginas arrastrando y soltando cada una hacia arriba o hacia abajo.

4. Obtén una vista previa de tu sitio desde la barra superior derecha de tu pantalla.

Guardar página.

El editor de Wix no cuenta con opción de autoguardado, por lo que será muy importante que guardes constantemente los cambios que vayas realizando a tu trabajo.

1. Da clic sobre el botón Guardar que se encuentra en la barra superior derecha de tu página. Si es la primera vez que vas a guardar los ajustes a tu página web, se te solicitará darle un nombre a la página si es que aún no lo has hecho.

2. Da clic sobre la opción Hecho para terminar de guardar los cambios.

Publicación del sitio.

Una vez que hayas concluido tu sitio web sólo será necesario dar clic en la opción Publicar de la barra superior derecha para que el mismo pueda ser visible para los usuarios de Internet.

Si das clic sobre el botón Ver sitio podrás dirigirte hacia la dirección electrónica en la que se encuentra visible tu trabajo. Puedes copiar esa dirección y compartirla con las personas que quieras.

Recuerda que una vez publicado el sitio, éste es accesible a todos los internautas, por lo que es recomendable que el sitio sea publicado una vez que cuentes con la mayor parte de los contenidos del sitio ya terminados.

Salir del editor del sitio.

Para salir del editor del sitio web que has creado tienes que dirigirte a la opción Sitio de la barra superior izquierda de tu pantalla y dar clic en la opción Salir del editor. Observa la imagen.

Una vez que has salido del editor, regresarás a la página de Wix y podrás observar nuevas opciones para poder administrar tu sitio. Si das clic sobre la opción Administrar sitio accederás a las opciones que te permiten compartir los permisos para editar el sitio, cambiar el nombre y la dirección del mismo, duplicarlo o incluso eliminarlo.

Observa la siguiente imagen para conocer las principales opciones que se encuentran disponibles desde el administrador del sitio.

Ahora que ya conoces las principales herramientas para la ediciรณn de sitios web con Wix, te invitamos a que realices la prueba de esta herramienta.

Recuerda cerrar tu sesiรณn al terminar de utilizar esta herramienta.