![Page 1: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/1.jpg)
Clase 8: “Creación de sitios web en WIX. Agregado de elementos multimediales, hipermediales, interactivos, dinámicos y personalizados” Lics. en Comunicación Social y Periodismo-FCH-UNSL-2019 Elaborado por la Prof. Viviana Ponce, Lic. Creative Commons
![Page 2: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/2.jpg)
7-Menú de agregado de elementos Permite el agregado de elementos multimediales,
interactivos, dinámicos, a medida e hipermediales.
![Page 3: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/3.jpg)
Agregado de elementos MULTIMEDIALES
Texto: admite diversas tipografías y tamaño.
![Page 4: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/4.jpg)
Imagen: desde dentro o fuera del sitio puede incorporarse imágenes de mapa de bits.
![Page 5: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/5.jpg)
Galería: agrupa imágenes de mapa de bits con propósitos diferentes.
![Page 6: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/6.jpg)
Arte vectorial: incluye imágenes de esta tipología…
![Page 7: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/7.jpg)
Formas: contiene atractivos dibujos para incluir en una o más páginas del sitio.
![Page 8: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/8.jpg)
Botones: se asocian a una acción determinada: obtener más información, contactar con un medio, etc.
![Page 9: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/9.jpg)
Los botones se pueden enlazar a diversos elementos; por ejemplo en el caso del botón: “Contáctenos” puede modificarse su nombre y el lugar donde se dirige, a través de su enlace….
![Page 10: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/10.jpg)
Y pueden personalizarse estéticamente.
![Page 11: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/11.jpg)
Cajas: se usan para contener elementos textuales, visuales, etc.
![Page 12: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/12.jpg)
Franjas: visten la página con atractivos diseños.
![Page 13: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/13.jpg)
Listas y Cuadrícula: organizan literalmente la información, en conjunto con textos, botones e imágenes.
![Page 14: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/14.jpg)
Videos: desde dentro o fuera del sitio.
![Page 15: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/15.jpg)
Música: desde dentro o fuera del sitio.
![Page 16: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/16.jpg)
Menú: permite crear otras secciones del sitio.
![Page 17: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/17.jpg)
Agregado de elementos HIPERMEDIALES
Cobran sentido a partir de los enlaces que interrelacionan a uno o más páginas de un sitio. Pueden ser realizados desde diferentes elementos (texto, enlace, botón…) y admiten diferentes tipologías.
![Page 18: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/18.jpg)
Tipo 1: Ejemplo de enlace a una página interna del sitio: se realiza desde una sección particular del menú, pero también podría efectuarse desde el título, imagen de la noticia, etc.
http://diariodesanluis.wixsite.com/periodicodeprueba/clausurabombonera
![Page 19: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/19.jpg)
Tipo 2: Ejemplo de enlace a un ancla: permite “saltar” a diferentes marcas o puntos dentro de una misma página. Asume que las anclas ya fueron creadas desde el menú “Anclas y más”
![Page 20: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/20.jpg)
Las anclas suelen utilizarse además como método alternativo a los enlaces externos y logran concentrar en una única página toda la información.
![Page 21: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/21.jpg)
Como modo alternativo al uso de una única ancla, se utiliza el “menú de anclas”. Éste sustituye al clásico menú de opciones y puede ocultarse, mientras se desplaza por la barra de desplazamiento.
![Page 22: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/22.jpg)
Tipo 3: Ejemplo de enlace a una dirección web: permiten direccionar a un sitio externo al que estamos trabajando.
![Page 23: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/23.jpg)
El sitio al que se dirige el enlace puede ser abierto en la misma ventana o en una ventana nueva. La primera opción suele utilizarse cuando se trata de páginas internas al sitio; mientras que la segunda opción se utiliza cuando se trata de páginas externas.
![Page 24: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/24.jpg)
Tipo 4: Ejemplo de enlace a un correo electrónico: puede crearse desde una página del menú o desde cualquier otro elemento.
![Page 25: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/25.jpg)
Tipo 5: Enlace a un número telefónico Al cliquear desde un celular se presta a activar la llamada por teléfono.
![Page 26: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/26.jpg)
Tipo 6: Enlace a un documento: puede crearse desde una página del menú o desde otro elemento.
![Page 27: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/27.jpg)
Tipo 7: Enlace a una sección del encabezado o pie de página: enlaza a la parte superior o inferior de una página
![Page 28: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/28.jpg)
Agregado de elementos INTERACTIVOS Establecen una vinculación con el usuario a través de diferentes elementos (publicidades, presentaciones con diapositivas, efectos de cursor, etc.) que al ser accedidos por enlazan a lugares diversos (páginas, sitios web, etc.…).
![Page 29: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/29.jpg)
Redes sociales: permiten vincular con lectores a partir de diversas aplicaciones colectivas.
![Page 30: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/30.jpg)
Contacto: permite establecer una comunicación, en este caso, de carácter íntimo y privado vía formulario web.
![Page 31: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/31.jpg)
Admite además la configuración de su estilo, diseño, animación y un email donde se recepcionarán los mensajes enviados por los lectores.
![Page 32: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/32.jpg)
Las respuestas a las consultas enviadas a través del formulario se dirigen a la cuenta de correo electrónico del medio o bien, de su administrador.
![Page 33: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/33.jpg)
Ventana: emite una notificación (de bienvenida, suscripción,
descuento, etc.) al momento de ingresar a un sitio.
![Page 34: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/34.jpg)
Blog: cada sitio puede incorporar un blog, que puede agregar como contenido de una página.
![Page 35: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/35.jpg)
Su configuración permite administrar sus entradas, estilo y diseño, a la vez que organizar la información en categorías, lo que permite identificar rápidamente la sección en la que se clasifica…
![Page 36: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/36.jpg)
Tienda online: posibilita comercializar con productos en línea, a través de establecimiento de catálogo, pedidos, promoción y política de venta, etc.
![Page 37: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/37.jpg)
Una gran diversidad de elementos interactivos, dinámicos y personalizados pueden ser agregados desde WIX APP MARKET, una aplicación con acceso a diversas funcionalidades.
![Page 38: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/38.jpg)
Comentarios (Wix-App-Market): permiten recepcionar la opinión de los lectores mediante su fidelización.
![Page 39: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/39.jpg)
Chat (Wix-App-Market): permite interactuar en línea con los lectores. Sus versiones mayormente son de prueba o pagas.
![Page 40: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/40.jpg)
Maps (Wix-App-Market): permite geolocalizar un punto geográfico determinado. Se configura mediante ingreso de una dirección física, descripción y opciones de comportamiento.
![Page 41: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/41.jpg)
Buscador (Wix-App-Market): facilita la búsqueda de información dentro del sitio.
![Page 42: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/42.jpg)
Foro (Wix-App-Market): admite el flujo de mensajes permanente al interior de un sitio.
![Page 43: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/43.jpg)
Agregado de elementos DINÁMICOS Contador de visitas (Wix-App-Market): registra la cantidad de visitas a un sitio.
![Page 44: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/44.jpg)
Calendario de eventos (Wix App Market): configura y activa diversos acontecimientos.
![Page 45: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/45.jpg)
Clima (Wix App Market): establece el estado del tiempo para un lugar geográfico determinado.
![Page 46: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/46.jpg)
Agregado de elementos PERSONALIZADOS
Suscripción al sitio (Wix App Market): permite que los lectores suscriptos reciban contenidos puntuales en una casilla de email (acordes a sus necesidades).
![Page 47: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/47.jpg)
Otras formas de agregar contenido digital al interior de sitios web-USO DE CÓDIGOS WEB
Incluyen el uso de códigos web que pueden ser agregados desde la opción: “HTML” del supermercado de apps de WIX, mediante su código web.
![Page 48: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/48.jpg)
Estos códigos, que se obtienen desde sitios web gratuitos y se orientan a diferentes funcionalidades, deben ser chequeados previamente en WIX para garantizar su funcionamiento.
![Page 49: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/49.jpg)
Con conocimientos en HTML además, es posible modificar el efecto de estos códigos, o tomarlos como insumo para la generación de códigos futuros.
<div style="text-
align:center;width:350px;padding:0.5em 0;">
<h2><a style="text-decoration:none;"
href="http://www.zeitverschiebung.net/es/timez
one/america--argentina--san_luis"><span
style="color:gray;">Hora actual en</span><br
/>America/Argentina/San_Luis</a></h2> <iframe
src="http://www.zeitverschiebung.net/clock-
widget-
iframe?language=es&timezone=America%2FArge
ntina%2FSan_Luis" width="100%" height="130"
frameborder="0" seamless></iframe> <small
style="color:gray;">© <a
href="http://www.zeitverschiebung.net/es/"
style="color: gray;">Diferencia
horaria</a></small> </div>
<div style="text-
align:center;width:350px;padding:0.5em 0;">
<iframe src="http://www.zeitverschiebung.net/clock-
widget-
iframe?language=es&timezone=America%2FArgentina
%2FSan_Luis" width="100%" height="130"
frameborder="0" seamless></iframe>
![Page 50: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/50.jpg)
ELEMENTOS QUE SE PUEDEN AGREGAR Líneas de tiempo: permite organizar de modo cronológico acontecimientos de una temática, previo ingreso y registro en la aplicación (por ej. Timetoast). Fuente: https://www.youtube.com/watch?v=HtoS1JltSIY
![Page 51: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/51.jpg)
Gráficos de Google: permite agregar gráficos (de torta, líneas de tiempo, mapas, etc.) que pueden embeberse en un blog.
Fuente:
https://google-
developers.appsp
ot.com/chart/int
eractive/docs/gal
lery/piechart
![Page 52: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/52.jpg)
Gráficos de Google: los gráficos se construyen a partir del código html, que puede personalizarse antes de embeberse en un blog…
<html> <head> <script src="https://www.gstatic.com/charts/loader.js" type="text/javascript"></script> <script type="text/javascript"> google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per Day'],
['2016', 11], ['2015', 9], ['2014', 8], ['2013', 7], ['2012', 7] ]); var options = { title: '2012-2016', is3D: true, }; var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); chart.draw(data, options); } </script> </head> <body> <div id="piechart_3d" style="height: 250px; width: 350px;"> </div> </body>
![Page 53: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/53.jpg)
Otros gráficos más complejos pueden realizarse con otras aplicaciones y sobre un conjunto de valores más extenso.
![Page 54: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/54.jpg)
La publicación y visualización permiten apreciar cómo se vería inserto en un sitio…
![Page 55: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/55.jpg)
Chat: por un bajo costo o de modo gratuito pueden incorporarse los mensajes por esta vía.
![Page 56: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/56.jpg)
Encuestas: constituyen diferentes formas de realizar indagaciones en el lector.
![Page 57: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/57.jpg)
Encuestas: ejemplo de trabajo en Servio.
![Page 58: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/58.jpg)
![Page 59: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/59.jpg)
Transmisión de audio y TV en vivo: pueden realizarse a través de aplicaciones concretas (gratuitas o pagas).
![Page 60: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/60.jpg)
OPERACIONES PARA NO OLVIDAR
Guardar sitio web: se efectúa de forma periódica para no perder el trabajo realizado. Publicar sitio web: una vez que éste está terminado. Obtener la URL de una página del sitio: desde la información SEO asociada a cada página.
http://eldiariodesanluis.wixsite.com/yoga/clases
![Page 61: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/61.jpg)
ADAPTACIÓN A VERSIÓN CELULAR Es un proceso sencillo que se realiza una vez concluido el
sitio web y consiste en ubicar sus elementos (aquellos que se
considere deben visualizarse) en un área especificada.
Fin de la Clase
![Page 62: Clase 8: “Creación de sitios web en WIX. Agregado de elementos …tec-comunicacion.unsl.edu.ar/Tecno II/2019/Teorias/Clase... · 2019. 3. 2. · Clase 8: “Creación de sitios](https://reader036.vdocuments.net/reader036/viewer/2022071513/6133f226dfd10f4dd73b6ac0/html5/thumbnails/62.jpg)
Lics. en Comunicación Social y Periodismo-FCH-UNSL-2019 Elaborado por la Prof. Viviana Ponce, Lic. Creative Commons