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

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

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 …

WIX Admite el registro de tres formas diferentes…

WIX Se encuentra organizado en tres grandes componentes…

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

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…

WIX

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

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)…

WIX

La Sección Soporte ofrece información relativa a las distintas posibilidades que se brindan…

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

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

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

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

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

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

Interfaz Principal 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

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…

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…

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…

WIX Personalización del Menú de Secciones

WIX Personalización del Menú de Secciones

WIX Personalización del Menú de Secciones

WIX Menú Diseño Permite personalizar fondo, colores y tipografía de un sitio…

WIX Menú Diseño

WIX Menú Diseño

WIX Menú Diseño

WIX Menú Agregar Permite agregar diversidad de elementos con características acordes al medio digital…

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…

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

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

WIX Menú Agregar

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 …

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

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

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

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

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

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

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

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

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

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

WIX Menú Agregar Media- Videos

WIX Menú Agregar Media- Videos

WIX Menú Agregar Media- Audios

WIX Menú Agregar Media- Audios

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…

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

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

WIX Menú Botones y Menús

WIX Ejemplos de uso en revistas…

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…

WIX Enlace a

WIX Enlace a

WIX Enlace a

WIX Enlace a Página del Sitio

WIX Enlace a Página del Sitio

WIX Enlace a Página del Sitio

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

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…

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……

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

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.……

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

FIN DE PRESENTACIÓN… Elaborado por Prof. Viviana M. Ponce CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE