• Author / Uploaded
• Raúl Diego

Citation preview

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Qué es Wix? Wix es una estupenda herramienta web 2.0 que nos permite generar vistosas páginas web. La herramienta es muy útil cuando queremos crear una página que aglutine el contenido de un proyecto.

¿Cómo registrarnos en Wix? Nos dirigimos a la dirección web: http://es.wix.com/ Ahí encontraremos el botón Entrar/Registrar.

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

-1-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo crear una página con Wix? Una vez dentro de Wix, nos aparecerá COMENZAR A CREAR. Si no apareciera este botón, siempre podremos dar a Crear, en la barra superior.

Nos aparecerá un menú para que escojamos una de las plantillas ya prediseñadas, o creemos la página desde cero. Hay que fijarse en con qué sistema queremos crear la página: Flash o HTML5 (fijarse en los logos de la parte superior derecha). Cuando la tengamos decidida sólo nos quedará dar a EDITAR.

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

-2-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

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 (tamaño, fondo, poner el título, la descripción y las etiquetas que mejorarán la búsqueda en internet). Editar: Deshacer, rehacer, copiar, pegar, eliminar, duplicar… Organizar: Mandar atrás, adelante…lo que es organizar el contenido. Ayuda: Las preguntas más frecuentes. Los iconos nos permiten: Ajustar a página, poner a tamaño real, alejar, ampliar, poner una regla y deshacer. Opciones: Son las ya comentadas de tamaño, fondo, poner el título, la descripción y las etiquetas que mejorarán la búsqueda en internet. Preliminar: Nos permite hacer un previsualizado de cómo está quedando la página. Guardar: Guardamos los cambios. PUBLICAR: Publicamos el Wix, después de asignar un nombre.

-3-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

BARRA LATERAL Agregar: Puedo agregar contenido multimedia.

Fondo: Puedo cambiar el fondo sobre la página maestra o sobre un sitio.

Mis Archivos: Puedo agregar y administrar archivos.

Blog: Puedo crear un blog en un wix.

¿Cómo agregar texto a un Wix?

Podemos añadir Texto de Títulos, Párrafos o Notas. Sólo 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, tamaño,… Enlace: Podremos enlazar con una web, otra página de Wix o un mail. Efectos: Efecto que realiza el objeto cuando pasas el ratón por encima Comportamientos: Comportamiento que tiene el objeto cuando haces clic en él. Animaciones: Animación que realiza el objeto cuando se entra en la página. Y unos iconos que nos permitirán bloquearlo en su lugar (candado) o eliminarlo (papelera).

También podemos ver estas indicaciones en otro cuadro a la derecha.

-4-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo agregar imágenes a un Wix? Podemos añadir Imágenes. Nos aparecerá un cuadro para seleccionarlas de su colección o subirlas a Wix desde el ordenador.

¿Cómo agregar galerías a un Wix? Podemos añadir Galerías. Nos aparecerá una serie de galerías a elegir.

Una vez seleccionado la galería deseada, poniéndonos encima, podremos dar al botón Administrar Fotos y ahí: Reemplazar Foto. Cambiar Título. Poner una Descripción. O agregar un Enlace.

-5-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo agregar música y vídeo a un Wix? Podemos añadir Música y Vídeo.

En música podremos cargar mp3 de hasta 15 MB o enlazar la URL de la canción. Podemos escoger reproductor. En vídeo necesitamos subir el vídeo a Youtube o Metacafe y poner la URL. Podemos escoger reproductor.

¿Cómo agregar Clip Art a un Wix? Podemos añadir Clip Art. Nos permite añadir imágenes, formas, líneas, iconos y animaciones.

-6-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo agregar páginas a un Wix? (Dentro de una página) Podemos añadir Páginas, entendiendo que son dentro de una misma páginas. Podremos añadir un Grupo de páginas (tipo cuaderno) o Áreas (tipo marcos o recuadros).

En el Grupo de Páginas son más interesantes las que encontramos en la sección Más.

¿Cómo agregar botones de navegación a un Wix? Podemos añadir Botones de Navegación. Podemos añadir Menús (horizontales o verticales, fuera de la zona MAIN PAGES) que nos muevan por las distintas páginas, 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 Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo agregar widget a un Wix? Podemos añadir 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 código HTML de cualquier Herramienta 2.0 (el más interesante es el Blank HTML de la sección HTML).

¿Cómo agregar una tienda a un Wix? Podemos añadir un botón de PayPal y una Tienda, está última en la versión de pago.

¿Qué configuro en la sección Fondo de Wix? En la sección Fondo podemos configurar el fondo de la Página Maestra, es decir de todas las páginas de Wix.

En la sección Sitio podemos configurar las características generales de Wix que ya vimos en la sección Opciones.

-8-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo cargar todo tipo de archivos y administrarlos en Wix? En la sección Mis Archivos podemos Cargar archivos y podemos administrarlos.

Podemos cargar: • • • •

Fotos en formato .jpg y .png hasta 5MB. Música en formato .mp3 hasta 15MB. Documentos en formatos como .doc, .ppt, .xls, .pdf hasta 10MB. Animaciones Flash en formato .swf hasta 5MB.

¿Cómo añadir más páginas en Wix? Para añadir más páginas a nuestro Wix podemos añadirlas desde el panel que hay siempre a la derecha de Wix. Sólo tendríamos que hacer clic en Agregar Página. Home será la página principal y el resto irán cogiendo un número. Al añadir página nos saldrá un Menú para que escojamos de entre un conjunto de plantillas.

Las páginas maestras son como otras páginas independientes, importante no despistarse.

También podremos añadir página desde el menú que nos aparece debajo del anterior cuando hacemos clic encima de una página. Ahí también podremos: • • • • • •

Agregar menús. Importante a la hora de movernos entre páginas. Un Wix de más de una página necesita de un menú para moverse entre ellas. Aspecto de la página. Color. Transiciones entre páginas. Opciones. Si se pusiera automática, el tiempo que duraría. Animaciones.

-9-

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

¿Cómo publicar un Wix? Cuando hayamos terminado, y teniendo en cuenta que podremos editarla en cualquier momento, nos dirigimos al botón PUBLICAR. Ponemos un título al Wix, sabiendo que nos quedará www.wix.com/nombredeusuario/títulowix y damos a Aceptar.

Nos saldrá una ventana con la dirección pública del Wix y el botón para poder insertar en un sitio web.

Sólo nos quedará, si queremos insertarlo en un blog, hacer clic en el botón Incrustar y copiar el pegar el código.

- 10 -

Herramientas Web 2.0 para el trabajo con alumnos Raúl Diego Obregón ________________________________________________________________________________________________

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

Raúl Diego Obregón www.rauldiego.es [email protected]

- 11 -