Creación de sitios para la web y agregado de elementos multimediales e hipermediales.

1. CLASE 6
“Creación de Sitios para la Web
en WIX. Agregado de elementos
multimediales, enlaces e
hipermedia”
TECNOLOGÍA DE LA COMUNICACIÓN
Lics. en Comunicación Social y Periodismo
FCH-UNSL
(Año 2015)
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE

2. 1. Propósito, formato y organización del sitio
2. Etapas de elaboración o construcción
(Diagramación, Redacción, Edición, Armada
y Publicación)
• Para realizar la construcción de un
sitio web es necesario tener en
cuenta los siguientes aspectos:
ETAPAS DE
CREACIÓN DE
SITIOS WEB

3. WIX
Es una
plataforma en
línea que de
forma fácil,
rápida,
sencilla y
adaptable
permite
construir
sitios web
multimediales,
dinámicos,
interactivos,
personalizados
…

4. WIX
Admite el registro de tres formas diferentes…

5. WIX
Se encuentra
organizado en
tres grandes
componentes…

6. WIX
La Sección
Mis Sitios
muestra acceso
a los sitios
que hemos
creado en esta
plataforma…

7. WIX
La Sección
Plantilla
muestra
diversos
diseños de
sitios web con
diferentes
temáticas y
diagramaciones.
Estos pueden
encontrarse en
idioma español
o inglés y son
gratuitos o
pagos…

8. WIX

9. WIX

10. WIX

11. WIX
La Sección
Explora permite
recorrer la
totalidad de
sitios web
creados en Wix…

12. WIX
La Sección Suscripciones permite acceder a otros planes de Wix con
otras posibilidades (dominio propio, mayor cantidad de almacenamiento,
registro de accesos, inexistencia de publicidad, apps de Google)…

13. WIX

14. WIX

15. WIX

16. WIX

17. WIXLa Sección Soporte ofrece información relativa a las distintas
posibilidades que se brindan…

18. WIX
La Sección
Central nos
muestra los
sitios que
hemos creado…

19. WIX
La Sección
Inferior nos
muestra
información de
soporte o ayuda
para el trabajo
en WIX…

20. La Sección Diagramación es realizada a través de una plantilla que
podrá ser construida desde cero, o bien, a partir de elementos ya
existentes.
Diseñar desde cero implica tener construida previamente la propuesta de
diagramación del sitio.
Diseñar a partir de una plantilla con elementos exige adaptarla en
función de las necesidades que vayan surgiendo…
WIX

21. En cualquier caso las plantillas pueden ser gratuitas o pagas y también
adaptarse a una navegación web o móvil…
WIX

22. Generar un sitio para ser navegable desde un celular implica reducir la
cantidad de información que se despliega en la pantalla…
WIX

23. Seleccionando una plantilla para la creación de un sitio en versión WEB…
WIX

24. WIX
Interfaz Principal
2
3
4
5
6
1-Páginas del sitio 2- Botones Deshacer y Rehacer 3- Botones Copiar
y Pegar 4-Cuadrículas 5- Ajustar a objetos 6- Reglas y Guías 7-
Herramientas
7
6
6
6
1

25. WIX
Menú Páginas
Las páginas pueden o no representar una sección concreta del sitio y
pueden reordenarse, modificar su nombre, agregar o eliminarse, ser vistas
u ocultadas, generar enlaces…

26. WIXMenú Páginas
Las páginas se despliegan en función de una transición y se ubican en un
menú de opciones con un estilo determinado…

27. WIX
Personalización del Menú de Secciones
Pueden ser modificadas las opciones del Menú, su estilo, e incluso
seleccionar una animación previa a su aparición…

28. WIX
Personalización del Menú de Secciones

29. WIX
Personalización del Menú de Secciones

30. WIX
Personalización del Menú de Secciones

31. WIXMenú Diseño
Permite personalizar fondo, colores y tipografía de un sitio…

32. WIXMenú Diseño

33. WIXMenú Diseño

34. WIXMenú Diseño

35. WIXMenú Agregar
Permite agregar diversidad de elementos con características acordes al
medio digital…

36. WIX
Menú Agregar (Texto e Imagen)
Los textos incorporan diferentes formatos, mientras que las imágenes
pueden provenir de WIX u otros sitios y ser de diversas tipologías…

37. WIX
Todos estos elementos además pueden ser modificados de manera sencilla a
través de las opciones del menú contextual…

38. WIX
Fuente de Noticias:
El Diario de la
República
Modificando
textos, párrafos
e imágenes

39. WIX
Menú Agregar

40. WIX
Menú Agregar- Opciones de Galería
Cuadrícula Mosaico
En el caso de la cuadrícula, el título y la descripción se muestran al
situarse sobre la imagen …

41. WIX
Menú Agregar- Opciones de Galería
Diapositivas
Miniaturas

42. WIX
Menú Agregar- Opciones de Galería
Panorámica
En el caso de la cuadrícula, el título y la descripción se muestran al
situarse sobre la imagen …
Franja de diapositivas

43. WIX
Menú Agregar- Opciones de Galería
Acordeón
Libre

44. WIX
Menú Agregar- Opciones de Galería
Impacto
Cinta

45. WIX
Menú Agregar- Opciones de Galería
Collage
Panel de abejas

46. WIX
Menú Agregar- Opciones de Galería
Cubo 3 D
Carrusel

47. WIX
Menú Agregar- Opciones de Galería
Cubo 3 D
Carrusel

48. WIX
Fuente de
Noticias:
El Diario de la
República
Modificando
Galería de
Imágenes

49. WIX
Fuente de
Noticias:
El Diario de la
República
Modificando
Galería de
Imágenes

50. WIX
Menú Agregar Media
Los elementos de la Herramienta Media pueden ser colocados para
complementar una noticia, en una sección multimedia, etc.…

51. WIX
Menú Agregar Media- Videos

52. WIX
Menú Agregar Media- Videos

53. WIX
Menú Agregar Media- Audios

54. WIX
Menú Agregar Media- Audios

55. WIX
Menú Agregar Media- Otros elementos
La elección de uno o más de estos elementos dependen del sitio que se esté
implementando y las opciones que se deseen brindar…

56. WIX
Menú Formas y Líneas
Contribuyen a la decoración y separación/organización de elementos en el
sitio…

57. WIX
Menú Botones y Menús
Contribuyen a la decoración y separación/organización de elementos en el
sitio…

58. WIX
Menú Botones y Menús

59. WIX
Ejemplos
de uso en
revistas…

60. WIX
Enlaces
Unen y dan sentido a un conjunto de páginas de un sitio.
Pueden ser realizados a:
•Dirección Web (externa a nuestro sitio)
•Página (interna a nuestro sitio)
•Correo
•Documento
•Lugar concreto dentro de una página (ancla
o marcador)
•Una imagen, video, audio, etc.
Las tipologías de enlaces varían además
dependiendo del programa que se utilice…

61. WIX
Enlace a Email

62. WIX
Enlace a Email

63. WIX
Enlace a Email

64. WIX
Enlace a Página del Sitio

65. WIX
Enlace a Página del Sitio

66. WIX
Enlace a Página del Sitio

67. WIX
Enlace a Página del Sitio
Cada noticia completa puede ubicarse en una única página…

68. WIX
Enlace a Ancla del Sitio
O bien, todas las noticias completas pueden
estar situadas en una única página en cuyo
caso se deben utilizar los marcadores o
anclas para vincularlas…

69. WIX
Enlace a Ancla del Sitio
Cada ancla se representa mediante una línea divisoria y posee un nombre
que la diferencia de las demás……

70. WIX
Enlace a Ancla del Sitio
Debemos llevar un completo control de nuestro sitio para establecer los
enlaces adecuadamente……

71. WIX
Enlace a Ancla del Sitio
Los enlaces pueden partir del título de la noticia, de un botón Leer más,
de los enlaces relacionados, etc.……

72. WIX
Enlace a Ancla del Sitio
De acuerdo al enlace requerido por el lector se mostrará el inicio de una
u otra noticia……

73. FIN DE PRESENTACIÓN…
Elaborado por Prof. Viviana M. Ponce
vmponce@unsl.edu.ar
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-
COMPARTIRIGUAL 3.0 UNPORTED LICENSE