CLASE 6 Creacin de Sitios para la Web

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-NOCOMERCIALCOMPARTIRIGUAL 3. 0 UNPORTED LICENSE

ETAPAS DE CREACIÓN DE SITIOS WEB • Para realizar la construcción de un sitio web es necesario tener en cuenta los siguientes aspectos: 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)

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

WIX

WIX

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

WIX

WIX

WIX

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

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…

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 1 2 4 3 6 5 6 7 6 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

Menú Páginas WIX 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…

Menú Páginas WIX 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

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

Menú Diseño WIX

Menú Agregar WIX 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 Modificando textos, párrafos e imágenes Fuente de Noticias: El Diario de la República

Menú Agregar WIX

WIX Menú Agregar- Opciones de Galería Cuadrícula Mosaico 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 Miniaturas Diapositivas

WIX Menú Agregar- Opciones de Galería Panorámica Franja de diapositivas 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 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 Modificando Galería de Imágenes Fuente de Noticias: El Diario de la República

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

WIX Menú Agregar Media- Videos

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…

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

Enlace a Email WIX

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 vmponce@unsl. edu. ar CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIALCOMPARTIRIGUAL 3. 0 UNPORTED LICENSE