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.

Presentación del tema: "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."— Transcripción de la presentación:

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

10

11 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

15

16

17 La 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 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 WIX Menú 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 WIX Menú Diseño Permite personalizar fondo, colores y tipografía de un sitio…

32 WIX Menú Diseño

33 WIX Menú Diseño

34 WIX Menú Diseño

35 WIX Menú 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ículaMosaico 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