Clase 7 creación de sitio web en wix parte ii

60
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

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

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

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

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

WIXMenú Agregar (Blog)

Page 5: Clase 7  creación de sitio web en wix parte ii

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

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

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

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

WIXMenú Agregar (Blog)

Page 10: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Blog)Rss

Page 11: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Blog)

Page 12: Clase 7  creación de sitio web en wix parte ii

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

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

WIXMenú Agregar (Tienda Online)Galería de Productos

Page 15: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Tienda Online)Carrito de compras

Page 16: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Tienda Online)Ver Carrito

Page 17: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Tienda Online)Agregar al carrito

Page 18: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Botones de Redes Sociales)

Page 19: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Botones de Redes Sociales)

Page 20: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Botones de Redes Sociales)

Page 21: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Botones de Redes Sociales)

Page 22: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)Formulario de Contacto

Page 23: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)Formulario de Suscripción

Page 24: Clase 7  creación de sitio web en wix parte ii

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

WIXMenú Agregar (Apss)Google Maps

Page 26: Clase 7  creación de sitio web en wix parte ii

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

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

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

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

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

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

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

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

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

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

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

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

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

WIXMenú Agregar (Apss)HTML

Page 40: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)HTML

También puedencolocarseencuestas,cuestionarios,etc.…

Page 41: Clase 7  creación de sitio web en wix parte ii

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

WIXMenú Agregar (Apss)HTML

Page 43: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)HTML

Page 44: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)

HTML

Page 45: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Apss)HTML

Page 46: Clase 7  creación de sitio web en wix parte ii

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

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

WIX

Menú Agregar (WixApp Market)

Comentarios

Page 49: Clase 7  creación de sitio web en wix parte ii

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

WIXMenú Agregar (Wix App Market)Chat

Page 51: Clase 7  creación de sitio web en wix parte ii

WIXMenú Agregar (Wix App Market)

Foro

Page 52: Clase 7  creación de sitio web en wix parte ii

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

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

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

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

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

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

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

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

FIN DE PRESENTACIÓN…Elaborado por Prof. Viviana M. Ponce

[email protected]

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE