Herramientas Web 2.

0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Qu es Wix?
Wix es una estupenda herramienta web 2.0 que nos permite generar vistosas pginas web. La herramienta es muy til cuando queremos crear una pgina que aglutine el contenido de un proyecto.

Cmo registrarnos en Wix?

Nos dirigimos a la direccin web: http://es.wix.com/ Ah encontraremos el botn Entrar/Registrar.

Para el registro como para entrar en la herramienta, nos pide: Email y Contrasea.

-1-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo crear una pgina con Wix?

Una vez dentro de Wix, nos aparecer COMENZAR A CREAR. Si no apareciera este botn, siempre podremos dar a Crear, en la barra superior.

Nos aparecer un men para que escojamos una de las plantillas ya prediseadas, o creemos la pgina desde cero. Hay que fijarse en con qu sistema queremos crear la pgina: Flash o HTML5 (fijarse en los logos de la parte superior derecha). Cuando la tengamos decidida slo nos quedar dar a EDITAR.

En este caso voy a escoger una plantilla en blanco y con tecnologas Flash. Los editores para Flash y HTML5 son distintos.

-2-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Familiarizarse con las iconos de Wix

Este es el panel de trabajo que nos vamos a encontrar al entrar en Wix. Vamos a ir poco a poco para ir explicando todo lo que podemos hacer e insertar.

BARRA SUPERIOR

Archivo: Puedo guardar, Publicar y acceder a las opciones del sitio (tamao, fondo, poner el ttulo, la descripcin y las etiquetas que mejorarn la bsqueda en internet). Editar: Deshacer, rehacer, copiar, pegar, eliminar, duplicar Organizar: Mandar atrs, adelantelo que es organizar el contenido. Ayuda: Las preguntas ms frecuentes. Los iconos nos permiten: Ajustar a pgina, poner a tamao real, alejar, ampliar, poner una regla y deshacer. Opciones: Son las ya comentadas de tamao, fondo, poner el ttulo, la descripcin y las etiquetas que mejorarn la bsqueda en internet. Preliminar: Nos permite hacer un previsualizado de cmo est quedando la pgina. Guardar: Guardamos los cambios. PUBLICAR: Publicamos el Wix, despus de asignar un nombre.

-3-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

BARRA LATERAL
Agregar: Puedo agregar contenido multimedia.

Fondo: Puedo cambiar el fondo sobre la pgina maestra o sobre un sitio.

Mis Archivos: Puedo agregar y administrar archivos.

Blog: Puedo crear un blog en un wix.

Cmo agregar texto a un Wix?

Podemos aadir Texto de Ttulos, Prrafos o Notas. Slo tendremos que seleccionarlos y escribir lo que deseemos. Un vez escritos podremos girarlos con la fecha que tenemos arriba a la derecha, ampliarlo o reducrilo con los marcadores de las esquinas.

Cuando nos coloquemos encima de cualquier objeto (ya sea texto, imagen) nos aparecer un recuadro con las opciones: Editar: Cambiaremos la letra, tamao, Enlace: Podremos enlazar con una web, otra pgina de Wix o un mail. Efectos: Efecto que realiza el objeto cuando pasas el ratn por encima Comportamientos: Comportamiento que tiene el objeto cuando haces clic en l. Animaciones: Animacin que realiza el objeto cuando se entra en la pgina. Y unos iconos que nos permitirn bloquearlo en su lugar (candado) o eliminarlo (papelera).

Tambin podemos ver estas indicaciones en otro cuadro a la derecha.

-4-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo agregar imgenes a un Wix?

Podemos aadir Imgenes. Nos aparecer un cuadro para seleccionarlas de su coleccin o subirlas a Wix desde el ordenador.

Cmo agregar galeras a un Wix?

Podemos aadir Galeras. Nos aparecer una serie de galeras a elegir.

Una vez seleccionado la galera deseada, ponindonos encima, podremos dar al botn Administrar Fotos y ah: Reemplazar Foto. Cambiar Ttulo. Poner una Descripcin. O agregar un Enlace.

-5-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo agregar msica y vdeo a un Wix?

Podemos aadir Msica y Vdeo.

En msica podremos cargar mp3 de hasta 15 MB o enlazar la URL de la cancin. Podemos escoger reproductor. En vdeo necesitamos subir el vdeo a Youtube o Metacafe y poner la URL. Podemos escoger reproductor.

Cmo agregar Clip Art a un Wix?

Podemos aadir Clip Art. Nos permite aadir imgenes, formas, lneas, iconos y animaciones.

-6-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo agregar pginas a un Wix?

(Dentro de una pgina)
Podemos aadir Pginas, entendiendo que son dentro de una misma pginas. Podremos aadir un Grupo de pginas (tipo cuaderno) o reas (tipo marcos o recuadros).

En el Grupo de Pginas son ms interesantes las que encontramos en la seccin Ms.

Cmo agregar botones de navegacin a un Wix?

Podemos aadir Botones de Navegacin. Podemos aadir Mens (horizontales o verticales, fuera de la zona MAIN PAGES) que nos muevan por las distintas pginas, Botones que vinculemos que lo que queremos o Controladores como alternativa para navegar por el sitio.

-7-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo agregar widget a un Wix?

Podemos aadir Widget. Desde formularios de contacto, comentarios, sindicadores de feed para agregar contenido de sitios web, mapas de Google o ventanas de HTML para incrustar cualquier cdigo HTML de cualquier Herramienta 2.0 (el ms interesante es el Blank HTML de la seccin HTML).

Cmo agregar una tienda a un Wix?

Podemos aadir un botn de PayPal y una Tienda, est ltima en la versin de pago.

Qu configuro en la seccin Fondo de Wix?

En la seccin Fondo podemos configurar el fondo de la Pgina Maestra, es decir de todas las pginas de Wix.

En la seccin Sitio podemos configurar las caractersticas generales de Wix que ya vimos en la seccin Opciones.

-8-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo cargar todo tipo de archivos y administrarlos en Wix?

En la seccin Mis Archivos podemos Cargar archivos y podemos administrarlos.

Podemos cargar: Fotos en formato .jpg y .png hasta 5MB. Msica en formato .mp3 hasta 15MB. Documentos en formatos como .doc, .ppt, .xls, .pdf hasta 10MB. Animaciones Flash en formato .swf hasta 5MB.

Cmo aadir ms pginas en Wix?

Para aadir ms pginas a nuestro Wix podemos aadirlas desde el panel que hay siempre a la derecha de Wix. Slo tendramos que hacer clic en Agregar Pgina. Home ser la pgina principal y el resto irn cogiendo un nmero. Al aadir pgina nos saldr un Men para que escojamos de entre un conjunto de plantillas.

Las pginas maestras son como otras pginas independientes, importante no despistarse.

Tambin podremos aadir pgina desde el men que nos aparece debajo del anterior cuando hacemos clic encima de una pgina. Ah tambin podremos: Agregar mens. Importante a la hora de movernos entre pginas. Un Wix de ms de una pgina necesita de un men para moverse entre ellas. Aspecto de la pgina. Color. Transiciones entre pginas. Opciones. Si se pusiera automtica, el tiempo que durara. Animaciones.

-9-

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Cmo publicar un Wix?

Cuando hayamos terminado, y teniendo en cuenta que podremos editarla en cualquier momento, nos dirigimos al botn PUBLICAR. Ponemos un ttulo al Wix, sabiendo que nos quedar www.wix.com/nombredeusuario/ttulowix y damos a Aceptar.

Nos saldr una ventana con la direccin pblica del Wix y el botn para poder insertar en un sitio web.

Slo nos quedar, si queremos insertarlo en un blog, hacer clic en el botn Incrustar y copiar el pegar el cdigo.

- 10 -

Herramientas Web 2.0 para el trabajo con alumnos

Ral Diego Obregn ________________________________________________________________________________________________

Ver ejemplo: www.wix.com/claseraul/nuestraclase

Ral Diego Obregn www.rauldiego.es correo@rauldiego.es

- 11 -