Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Clase 6 creación de sitio web en wix parte i

1,377 views

Published on

Creación de sitios para la web y agregado de elementos multimediales e hipermediales.

Published in: Education
  • El trabajo está muy bien echo. Enorabuena.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Clase 6 creación de sitio web en wix parte i

  1. 1. 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
  2. 2. 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
  3. 3. 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 …
  4. 4. WIX Admite el registro de tres formas diferentes…
  5. 5. WIX Se encuentra organizado en tres grandes componentes…
  6. 6. WIX La Sección Mis Sitios muestra acceso a los sitios que hemos creado en esta plataforma…
  7. 7. 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…
  8. 8. WIX
  9. 9. WIX
  10. 10. WIX
  11. 11. WIX La Sección Explora permite recorrer la totalidad de sitios web creados en Wix…
  12. 12. 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)…
  13. 13. WIX
  14. 14. WIX
  15. 15. WIX
  16. 16. WIX
  17. 17. WIXLa Sección Soporte ofrece información relativa a las distintas posibilidades que se brindan…
  18. 18. WIX La Sección Central nos muestra los sitios que hemos creado…
  19. 19. WIX La Sección Inferior nos muestra información de soporte o ayuda para el trabajo en WIX…
  20. 20. 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
  21. 21. En cualquier caso las plantillas pueden ser gratuitas o pagas y también adaptarse a una navegación web o móvil… WIX
  22. 22. Generar un sitio para ser navegable desde un celular implica reducir la cantidad de información que se despliega en la pantalla… WIX
  23. 23. Seleccionando una plantilla para la creación de un sitio en versión WEB… WIX
  24. 24. WIX Interfaz Principal 2 3 4 5 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 7 6 6 6 1
  25. 25. 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…
  26. 26. WIXMenú 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…
  27. 27. 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…
  28. 28. WIX Personalización del Menú de Secciones
  29. 29. WIX Personalización del Menú de Secciones
  30. 30. WIX Personalización del Menú de Secciones
  31. 31. WIXMenú Diseño Permite personalizar fondo, colores y tipografía de un sitio…
  32. 32. WIXMenú Diseño
  33. 33. WIXMenú Diseño
  34. 34. WIXMenú Diseño
  35. 35. WIXMenú Agregar Permite agregar diversidad de elementos con características acordes al medio digital…
  36. 36. 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…
  37. 37. WIX Todos estos elementos además pueden ser modificados de manera sencilla a través de las opciones del menú contextual…
  38. 38. WIX Fuente de Noticias: El Diario de la República Modificando textos, párrafos e imágenes
  39. 39. WIX Menú Agregar
  40. 40. 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 …
  41. 41. WIX Menú Agregar- Opciones de Galería Diapositivas Miniaturas
  42. 42. 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
  43. 43. WIX Menú Agregar- Opciones de Galería Acordeón Libre
  44. 44. WIX Menú Agregar- Opciones de Galería Impacto Cinta
  45. 45. WIX Menú Agregar- Opciones de Galería Collage Panel de abejas
  46. 46. WIX Menú Agregar- Opciones de Galería Cubo 3 D Carrusel
  47. 47. WIX Menú Agregar- Opciones de Galería Cubo 3 D Carrusel
  48. 48. WIX Fuente de Noticias: El Diario de la República Modificando Galería de Imágenes
  49. 49. WIX Fuente de Noticias: El Diario de la República Modificando Galería de Imágenes
  50. 50. WIX Menú Agregar Media Los elementos de la Herramienta Media pueden ser colocados para complementar una noticia, en una sección multimedia, etc.…
  51. 51. WIX Menú Agregar Media- Videos
  52. 52. WIX Menú Agregar Media- Videos
  53. 53. WIX Menú Agregar Media- Audios
  54. 54. WIX Menú Agregar Media- Audios
  55. 55. 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…
  56. 56. WIX Menú Formas y Líneas Contribuyen a la decoración y separación/organización de elementos en el sitio…
  57. 57. WIX Menú Botones y Menús Contribuyen a la decoración y separación/organización de elementos en el sitio…
  58. 58. WIX Menú Botones y Menús
  59. 59. WIX Ejemplos de uso en revistas…
  60. 60. 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…
  61. 61. WIX Enlace a Email
  62. 62. WIX Enlace a Email
  63. 63. WIX Enlace a Email
  64. 64. WIX Enlace a Página del Sitio
  65. 65. WIX Enlace a Página del Sitio
  66. 66. WIX Enlace a Página del Sitio
  67. 67. WIX Enlace a Página del Sitio Cada noticia completa puede ubicarse en una única página…
  68. 68. 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…
  69. 69. 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……
  70. 70. WIX Enlace a Ancla del Sitio Debemos llevar un completo control de nuestro sitio para establecer los enlaces adecuadamente……
  71. 71. 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.……
  72. 72. WIX Enlace a Ancla del Sitio De acuerdo al enlace requerido por el lector se mostrará el inicio de una u otra noticia……
  73. 73. FIN DE PRESENTACIÓN… Elaborado por Prof. Viviana M. Ponce vmponce@unsl.edu.ar CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL- COMPARTIRIGUAL 3.0 UNPORTED LICENSE

×