Wix

69.148 visualizaciones

Publicado el

Guía sobre Wix, herramienta para la creación de sitios web con amplias posibilidades en el ámbito educativo para la presentación de contenidos.

Publicado en: Educación
6 comentarios
30 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
69.148
En SlideShare
0
De insertados
0
Número de insertados
42.539
Acciones
Compartido
0
Descargas
0
Comentarios
6
Recomendaciones
30
Insertados 0
No insertados

No hay notas en la diapositiva.

Wix

  1. 1. Guía de uso de Wix Víctor Barbero Romero [email_address] http://victorbarbero.com/ - @vicbarbero
  2. 2. Wix <ul><li>Permite crear páginas web dinámicas.
  3. 3. Aprovechable para la publicación de contenidos con material enriquecido: vídeos, imágenes, animaciones, enlaces...
  4. 4. es.wix.com </li></ul>
  5. 5. Crear contenido
  6. 6. Elegir diseño de material
  7. 7. Trabajo con el editor Desde Agregar podemos escoger qué recurso añadir a nuestra página. Como siempre, es recomendable ir guardando nuestro trabajo poco a poco.
  8. 8. Insertar texto > Escogemos un estilo para el texto que queremos insertar. Haciendo doble click sobre el cuadro de texto podemos editar el estilo.
  9. 9. Insertar imágenes <ul><li>Podemos insertar imágenes que subamos a Wix o bien de su galería.
  10. 10. También podemos aprovechar las imágenes de la galería de Wix. </li></ul>El botón Cargar nos permite subir nuestras imágenes a Wix.
  11. 11. Insertar vídeos Copiamos la dirección de un vídeo de YouTube
  12. 12. Insertar formas predefinidas <ul><li>Podemos añadir formas predefinidas de la galería de Wix:
  13. 13. Para cada tipo de Clip Art , Wix nos ofrece una galería. </li></ul>
  14. 14. Tratamiento de objetos <ul><li>Todos los elementos que aparecen en la página son objetos .
  15. 15. Wix ofrece un tratamiento común para los objetos, con pequeñas diferencias según de qué se traten.
  16. 16. Si hacemos click sobre un objeto, podemos escalarlo o rotarlo.
  17. 17. También podemos cambiar su posición en la pila de objetos. </li><ul><li>Así controlamos sobre qué o bajo qué se encuentra: </li></ul></ul><ul><li>En la parte derecha del editor, aparecerá un menú con opciones: </li></ul>
  18. 18. Añadir una galería de fotos (1) <ul><li>Podemos insertar una galería de fotos con distintas imágenes y comportamientos.
  19. 19. Para administrar las fotos de la galería... </li></ul>
  20. 20. Añadir una galería de fotos (2) <ul><li>Wix rellena inicialmente la galería con fotos en blanco.
  21. 21. Podemos eliminar fotos, cambiar su orden, añadir... </li></ul>
  22. 22. Añadiendo efectos <ul><li>Podemos añadir un efecto sobre un objeto, que modifique su apariencia.
  23. 23. Estando seleccionado, hacemos click sobre Efectos en el menú a la derecha.
  24. 24. Haciendo click sobre un efecto, se aplicará sobre el objeto y aparecerá su ventana de configuración: </li></ul>Galería de efectos Efectos aplicados Pasando el cursor sobre el efecto aplicado, podemos editarlo o eliminarlo.
  25. 25. Añadiendo animaciones <ul><li>También podemos añadir animaciones, que afectarán al objeto por completo.
  26. 26. Las animaciones no se muestran en el editor continuamente.
  27. 27. Se añaden a los objetos al igual que los efectos: </li></ul>
  28. 28. Añadiendo comportamientos <ul><li>También podemos añadir comportamientos, que son acciones que el objeto realizará cuando se pase el cursor sobre él.
  29. 29. Se añaden de igual forma que los efectos y las animaciones.
  30. 30. Sólo se ejecutan en vista preliminar y de publicación. </li></ul>
  31. 31. Sistema de páginas <ul><li>Wix permite publicar material mediante distintas páginas.
  32. 32. Las páginas pueden ser: </li><ul><li>Maestras: se sustituyen unas a otras.
  33. 33. Convencionales: dentro de una página maestra, podemos insertar distintas páginas. Cada página tiene su propio contenido. </li></ul><li>Cuando usamos distintas páginas maestras, hay que poner controles de navegación en cada una de ellas .
  34. 34. Estos controles pueden ser: </li><ul><li>Menús : muestran la lista de páginas maestras para que el usuario escoja a cuál ir.
  35. 35. Botones : al hacer click sobre ellos, se irá a una página maestra determinada.
  36. 36. Controladores : permiten navegar entre páginas como si fuera una galería: < 1/5 > </li></ul></ul>
  37. 37. Modificando el fondo <ul><li>Podemos modificar el fondo de la página maestra actual o bien del sitio. </li><ul><li>Con sitio se refiere al fondo de la página web en la que se muestran todas las páginas maestras de nuestro documento. </li></ul><li>Se puede escoger el fondo de la página maestra de una galería.
  38. 38. Para el fondo del sitio, hay menos posibilidades: </li></ul>
  39. 39. Creando un enlace <ul><li>Podemos hacer que cuando el visitante haga click sobre un objeto, se abra una página web o se pase a otra página maestra, creando un enlace. </li></ul>Para enlazar páginas maestras...
  40. 40. Agregar grupo de páginas (1) <ul><li>Dentro de una página maestra, podemos añadir un grupo de páginas. </li></ul><ul><li>Podemos darle una apariencia de cuaderno, por ejemplo: </li></ul>
  41. 41. Agregar grupo de páginas (2) <ul><li>Cuando añadimos un grupo de páginas, podemos pasar de una página a otra usando los controles en la parte superior: </li></ul><ul><li>Cuando añadimos algo a una página, se marca en color amarillo para indicarnos que ese objeto le pertenecerá: </li></ul><ul><li>Podemos añadir, eliminar y reordenar las páginas del grupo de páginas: </li></ul>
  42. 42. Importar material mediante HTML (1) <ul><li>Podemos aprovechar material de otros servicios de publicación a través de su código de inserción en HTML.
  43. 43. Insertamos un widget HTML en blanco.
  44. 44. Es recomendable hacerlo grande para
  45. 45. no tener problemas más tarde. </li></ul>
  46. 46. Importar material mediante HTML (2) <ul><li>Si seleccionamos el objeto HTML y accedemos a sus opciones (mediante el menú en la parte derecha del editor), podremos pegar el código de inserción.
  47. 47. Los contenidos insertados mediante códigos de inserción sólo se muestran en la vista preliminar o en la vista definitiva de nuestro documento. </li></ul>De cualquier servicio que proporcione códigos de inserción...
  48. 48. Vista preliminar <ul><li>En cualquier momento, podemos ver una vista preliminar de nuestro documento.
  49. 49. En la vista preliminar sí se reproducen los efectos, animaciones, cuadros HTML, enlaces, comportamientos...
  50. 50. Para volver al editor... </li></ul>
  51. 51. Publicar material <ul><li>Cuando hayamos terminado la edición del material, podemos publicarlo: </li></ul>Dirección del material Es la dirección que tendremos que difundir para que se pueda visitar nuestro material.
  52. 52. Volver a empezar <ul><li>¿Cómo editar, ver o eliminar alguno de los Wix que he creado? </li><ul><li>1.- Inicia sesión en Wix: es.wix.com
  53. 53. 2.- Rellena el formulario de entrada:
  54. 54. 3.- Accede a “Mi Cuenta”
  55. 55. 4.- Pasa el cursor por el Wix que quieras
  56. 56. y escoge una de las opciones. </li></ul></ul>

×