Clase 7 creación de sitio web en wix parte ii
-
Upload
viviana-mercedes-ponce -
Category
Education
-
view
140 -
download
1
Transcript of Clase 7 creación de sitio web en wix parte ii
![Page 1: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/1.jpg)
CLASE 7“Sitios para la Web en WIX.
Agregado de elementos interactivos, dinámicos y a
medida. Adaptación a versión celular”
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
![Page 2: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/2.jpg)
Pueden, de acuerdo a Pavlik (2006):
• Ser Multimediales (Amplitud demodalidades comunicativas)
• Contener enlaces a diversidad deelementos (Hipermedia)
• Permitir la interacción con el lector(Participación de la audiencia)
• Modificarse en tiempo real (Contenidodinámico)
• Dirigirse a una o más necesidadesparticulares (A medida)
MEDIOS DIGITALES
![Page 3: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/3.jpg)
WIXHasta el momento hemos trabajado con elementos multimediales ehipermedia, pero Wix permite la inserción de otras tipologías de elementosconsiderando las características de los medios digitales…
![Page 4: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/4.jpg)
WIXMenú Agregar (Blog)
![Page 5: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/5.jpg)
WIXMenú Agregar (Blog)Agrega una página al sitio de forma automática con un blog con dospublicaciones que pueden personalizarse en relación a su cantidad…
![Page 6: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/6.jpg)
WIXMenú Agregar (Blog)También puede personalizarse en relación al texto y formato de sucontenido…
![Page 7: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/7.jpg)
WIXMenú Agregar (Blog)Por su parte, la barra lateral puede ser modificada a través de cada unode sus elementos particulares…
![Page 8: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/8.jpg)
WIXMenú Agregar (Blog)Y puede incorporar elementos disponibles desde el menú Agregar…
![Page 9: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/9.jpg)
WIXMenú Agregar (Blog)
![Page 10: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/10.jpg)
WIXMenú Agregar (Blog)Rss
![Page 11: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/11.jpg)
WIXMenú Agregar (Blog)
![Page 12: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/12.jpg)
WIXMenú Agregar (Blog)Muchos periódicos en línea poseen una sección Blog que es mantenida porlos diferentes periodistas de los medios…
![Page 13: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/13.jpg)
WIXMenú Agregar (Tienda Online)Es útil en el caso de comercializar los productos de un sitio…
![Page 14: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/14.jpg)
WIXMenú Agregar (Tienda Online)Galería de Productos
![Page 15: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/15.jpg)
WIXMenú Agregar (Tienda Online)Carrito de compras
![Page 16: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/16.jpg)
WIXMenú Agregar (Tienda Online)Ver Carrito
![Page 17: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/17.jpg)
WIXMenú Agregar (Tienda Online)Agregar al carrito
![Page 18: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/18.jpg)
WIXMenú Agregar (Botones de Redes Sociales)
![Page 19: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/19.jpg)
WIXMenú Agregar (Botones de Redes Sociales)
![Page 20: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/20.jpg)
WIXMenú Agregar (Botones de Redes Sociales)
![Page 21: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/21.jpg)
WIXMenú Agregar (Botones de Redes Sociales)
![Page 22: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/22.jpg)
WIXMenú Agregar (Apss)Formulario de Contacto
![Page 23: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/23.jpg)
WIXMenú Agregar (Apss)Formulario de Suscripción
![Page 24: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/24.jpg)
WIXMenú Agregar (Apss)Formulario de SuscripciónCualquier tipología de formulario reenvía los mensajes de los lectores alcorreo electrónico con el que nos registramos en Wix. A partir de allí lasrespuestas dependen de nosotros…
![Page 25: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/25.jpg)
WIXMenú Agregar (Apss)Google Maps
![Page 26: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/26.jpg)
WIXMenú Agregar (Apss)HTMLEs una de las opciones más potentes porque permiteañadir nuevas funcionalidades provistas por otros sitios…
![Page 27: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/27.jpg)
WIXMenú Agregar (Apss)HTMLEl conocimiento de un lenguaje de programación puede facilitar mucho latarea…
![Page 28: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/28.jpg)
WIXMenú Agregar (Apss)HTMLY los efectos y presentación pueden ser mejorados…
![Page 29: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/29.jpg)
WIXMenú Agregar (Apss)HTMLY los efectos y presentación pueden ser mejorados…
![Page 30: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/30.jpg)
WIXMenú Agregar (Apss)HTMLSi no se conoce de programación pueden utilizarse códigos deprogramación disponibles en la Web…
![Page 31: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/31.jpg)
WIXMenú Agregar (Apss)HTMLLos códigos deben insertarse a través de la Apss HTML…
![Page 32: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/32.jpg)
WIXMenú Agregar (Apss)HTMLIncluso pueden personalizarse con un mínimo de conocimientos enprogramación…
![Page 33: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/33.jpg)
WIX
Menú Agregar (Apss)
HTML
Existen infinidad de códigosgratuitos disponibles para suuso en la Web, además de losque el propio WIX provee. Porotra parte, en muchos casosestos códigos dependen deactualizaciones constantes quede ser efectuadas por nosotrosnos llevarían tiempo derealización…
![Page 34: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/34.jpg)
WIXMenú Agregar (Apss)HTMLEsto ocurre por ejemplo, en el caso del clima provisto por Meteored…
![Page 35: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/35.jpg)
WIXMenú Agregar (Apss)HTMLLa transmisión de radio en vivo provisto por MIXLR…
mixlr.com/ra-dio-mitad-del-mundo
![Page 36: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/36.jpg)
WIXMenú Agregar (Apss)HTMLEn muchos casos se comparte la dirección web en vez del código…
![Page 37: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/37.jpg)
WIXMenú Agregar (Apss)HTMLLa transmisión de video en vivo provisto por USTREAM…
![Page 38: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/38.jpg)
WIXMenú Agregar (Apss)HTMLLa transmisión de video en vivo provisto por USTREAM…
![Page 39: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/39.jpg)
WIXMenú Agregar (Apss)HTML
![Page 40: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/40.jpg)
WIXMenú Agregar (Apss)HTML
También puedencolocarseencuestas,cuestionarios,etc.…
![Page 41: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/41.jpg)
WIXMenú Agregar (Apss)
HTMLLas posibilidades varían deacuerdo a si se usa el serviciode forma gratuita o paga…
![Page 42: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/42.jpg)
WIXMenú Agregar (Apss)HTML
![Page 43: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/43.jpg)
WIXMenú Agregar (Apss)HTML
![Page 44: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/44.jpg)
WIXMenú Agregar (Apss)
HTML
![Page 45: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/45.jpg)
WIXMenú Agregar (Apss)HTML
![Page 46: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/46.jpg)
WIXMenú Agregar (Apss)Existen otras aplicaciones dentro de las Apss que puede ser tambiéninteresante utilizar como aplicaciones en Flash, botones (de Paypal ySkype) y Galería de Flickr entre otros, que te invito a utilizar…
![Page 47: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/47.jpg)
WIXMenú Agregar (Wix App Market)Contiene una gran cantidad de aplicaciones extras provistas por Wix paraseguir funcionalizando el sitio. Muchas de ellas constituyen variantes delas opciones que ya vimos anteriormente…
![Page 48: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/48.jpg)
WIX
Menú Agregar (WixApp Market)
Comentarios
![Page 49: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/49.jpg)
WIX
Menú Agregar (Wix App Market)
Estadísticas
A diferencia de laherramienta anterior estatiene un costo económicodeterminado …
![Page 50: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/50.jpg)
WIXMenú Agregar (Wix App Market)Chat
![Page 51: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/51.jpg)
WIXMenú Agregar (Wix App Market)
Foro
![Page 52: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/52.jpg)
WIX
Hasta aquí hemos visto una gran cantidad deherramientas que permiten la modificación y lainteracción en tiempo real y de ejecución y muypocas aplicaciones a la medida del usuario.
En la Web, no obstante pueden consultarse yobtenerse contenidos en Java Script que permitanmodificar el tamaño de la fuente, el color, elfondo de la página, etc.
Con estas y las anteriores herramientas estamosen condiciones de generar un sitio web congrandes funcionalidades y de administrarlo, através de las opciones de su Panel de Control…
![Page 53: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/53.jpg)
WIXPanel de Control Permite operar con las diversas funcionalidades de
nuestro sitio: las apps utilizadas, tienda en línea,comentarios de los usuarios, etc.…
![Page 54: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/54.jpg)
WIXVersión para celularConsiste en adaptar los contenidos de nuestro sitio de
modo que puedan ser visualizados correctamente en uncelular (siempre que existan para la versión móvil)…
![Page 55: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/55.jpg)
WIX
Posee su propia barra de herramientas con la que se puedeconfigurar el TE, correo electrónico y perfil de redessociales para que se visualice desde el celular…
Versión para celular- Barra de Acción Móvil
![Page 56: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/56.jpg)
WIX
Algunos elementos (como líneas, la hora, etc.) puedenmantenerse de forma oculta (esto no afecta la vista parala Web) y pueden reordenarse incluso de forma automática…
Versión para celular- Ocultar y Reordenar elementos
Ocultar…
![Page 57: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/57.jpg)
WIX
Versión para celular-Adaptando los contenidos
Con las herramientas anterioreses posible adaptar cada una delas páginas del sitio de modode optimizar su visualizaciónpara la Web.
![Page 58: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/58.jpg)
WIXVersión para celular-Adaptando los contenidosEl proceso de adaptación debe ser realizadocon cada página del sitio.
Debe tenerse en cuenta que:
-La Vista Previa posibilita lavisualización de los contenidos.
-No puede agregarse un elemento en la VistaCelular si no se agregó antes en la VistaWeb.
-Los cambios en la Vista Celular no afectanla vista Web, pero sí al revés.
-No todos los elementos de la Vista Webpueden ser visualizados en un celular, dadoque deben admitir compatibilidad con estedispositivo.
![Page 59: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/59.jpg)
WIXGuardar y PublicarEn todos los casos, no debemos olvidarnos de Guardar nuestro trabajo,en la medida en que nos encontremos produciendolo, como así tambiénpublicarlo, en el caso que deseemos dejarlo disponible para el uso dellector en la Web…
![Page 60: Clase 7 creación de sitio web en wix parte ii](https://reader034.fdocuments.es/reader034/viewer/2022042818/55b412b7bb61ebef558b4651/html5/thumbnails/60.jpg)
FIN DE PRESENTACIÓN…Elaborado por Prof. Viviana M. Ponce
CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE