Creación de sitios web en WIX-Parte I

1. Clase 3: “Creación, edición y construcción de un sitio web
en WIX. Primera Parte”
Lics. en Comunicación Social y Periodismo-FCH-UNSL-2019
Elaborado por la Prof. Viviana Ponce, Lic. Creative Commons

2. Teniendo en cuenta que un sitio web es un conjunto de
páginas web al que se accede a través de su página principal
o de inicio y que…
…una página web es un documento en formato
.htm/.html o .php o .js, etc. que posee una dirección URL
(http://www.clarin.com.ar) o (http:www.lecturas.com) y
que se caracteriza por contener un tipo de información
determinada dentro del sitio….

3. Wix (https://es.wix.com) constituye una de las múltiples
plataformas online que posibilita la creación de este tipo de
producciones; con múltiples y variadas características que
permiten posicionarse tanto en el rol de “editor” como de
“lector” de las mismas.

4. Su ingreso se realiza a través de una cuenta en Facebook,
Google u otro servicio de correo electrónico.
A partir de allí se ingresa a la administración del sitio,
fundamentalmente ejerciendo el rol de “editor”…
diariodesanluis@inet.com
****

5. Administración del sitio web-“Rol Editor”
La edición implica trabajar con un sitio nuevo o con un sitio
ya existente…
En cualquier caso existen plantillas predefinidas que brindan
mayor o menor libertad/guía en el proceso…

7. La edición implica acceder a la interfaz principal con opciones
básicas y avanzadas…
3
5
6
1-Menú de opciones 2-Visualización y edición rápida de páginas 3-Versión para celular
4-Almacenamiento, Previsualización y Publicación del sitio web 5-Herramientas del
contenido 6-Contenido de la página 7-Menú de agregado de elementos a la página
7
1 2 4

8. 1-Menú de opciones
Páginas: posibilita armar las secciones del periódico o revista.
La información de cada sección puede situarse en la misma
página o en páginas diferentes.

9. 1-Menú de opciones del sitio web
Sitio: dispone de todas las operaciones que permiten operar
con el sitio.

10. Sitio-Guardar: permite registrar el trabajo efectuado en el
sitio, para que este no se pierda.

11. Sitio-Vista Previa: permite visualizar el sitio online.

12. Sitio-Obtén comentarios: administra los comentarios de los
lectores/usuarios…

13. Sitio-Publicar: habilita el contenido en la red, así como un
nombre de dominio para el sitio.

14. Sitio-Ver sitio publicado- Rol lector: se utiliza para visualizar
el sitio tal como el lector lo haría.

15. Sitio-Historial del sitio: revisa y posibilita deshacer algunas
acciones realizadas.

16. Sitio-Salir del editor: permite salir del modo edición y
retornar al panel de administración de Wix…

17. 1-Menú de opciones del sitio web
Opciones: posibilita efectuar operaciones de carácter
profesional, tales como poseer un dominio propio,
administrar su propia casilla de correo, obtener estadísticas
de acceso y mejorar su posicionamiento e imagen
institucional, entre otros.

18. 1-Menú de opciones del sitio web
Herramientas de organización y edición: posibilita organizar y
editar el contenido al interior de la página.

19. Las más utilizadas son las reglas, cuadrículas y ajustar a
objetos.

20. Desde este menú también se activa o desactiva la Barra de
herramientas que permite editar contenido.

21. 1-Menú de opciones del sitio web
Código: activa herramientas de programación para posibilitar
un mayor control sobre la forma y comportamiento de los
contenidos.

22. 1-Menú de opciones del sitio web
Ayuda: posibilita ahondar en diferentes aspectos ligados a la
plataforma.

23. 1-Menú de opciones del sitio web
Upgrade: posibilita cambiar el plan de suscripción y a la vez
obtener otras posibilidades.

24. 2-Visualización y edición rápida de páginas
Se logra a través de las opciones: “Zoom”, “Deshacer” y
“Rehacer”…

25. 3-Versión para celular
Posibilita adaptar el contenido a la versión celular.

26. 4-Almacenamiento, previsualización y
publicación del sitio web
Se logra a través de opciones como Guardar, Vista Previa y
Publicar.

27. 5-Herramientas del contenido
Permite efectuar diferentes operaciones.
1
2
3
4
5
6
1-Copiar, Pegar, Duplicar y Eliminar
2-Organizar, Alinear, Distribuir y
Adaptar tamaño de los elementos de
la página.
3-Rotar elemento.
4-Modificar tamaño del elemento.
5-Ubicar elemento en una posición
determinado.
6-Mostrar elemento en todas las
páginas.

28. 6-Contenido de la página
Muestra el contenido y permite modificarlo, conforme a las
opciones de cada elemento.

29. Los diferentes estilos de fuentes y tipografía permiten dar
formato a los diferentes apartados de una nota/noticia.

30. 6-Contenido de la página
Las secciones se crean a partir del trabajo con las páginas,
como se indica en este
periódico…

31. 6-Contenido de la página
O en esta revista…

32. A cada una de estas páginas además, se las puede enlazar,
ocultar, establecer como principal, duplicar y eliminar.

33. Pueden o no visibilizarse como parte del menú.

34. Pueden restringir o no su acceso.

35. Y establecer información que optimice su localización y
posicionamiento.

36. 6-Contenido de la página
Pueden ubicarse al nivel principal o en niveles de
anidamiento y también puede desplegarse con un nivel de
transición.

37. 6-Contenido de la página
Vista del periódico/revista con la visualización del menú:

38. 6-Contenido de la página
Vista de la revista con la visualización del menú:

39. 6-Contenido de la página
El menú puede personalizarse en sus páginas, estilo, diseño…

40. También puede animarse y estirarse para que ocupe el ancho
de pantalla…

41. Además, y como parte del menú contextual: “Fijar a la
pantalla” y “Mostrar en todas las páginas” son operaciones
interesantes para sus secciones.

42. 6-Contenido de la página
En cuanto a las páginas también pueden modificar su fondo y
diseño, pudiendo optar por un color concreto, una imagen o
un video.

43. 6-Contenido de la página
Selector de “Color”, “Imagen” y “Video”

44. Lics. en Comunicación Social y Periodismo-FCH-UNSL-2019
Elaborado por la Prof. Viviana Ponce, Lic. Creative Commons