web con wix
TRANSCRIPT
![Page 1: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/1.jpg)
MóduloCreación de Webs
Segundo curso. Florida Universitària.
Seminarios P.I.Docentes: Unidad TICs
![Page 2: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/2.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix http://es.wix.com/
¿Qué es Wix?Wix es una estupenda herramienta web 2.0 que nos permite generar vistosas páginas web. La herramientaes muy útil cuando queremos crear una página que aglutine el contenido de un proyecto.
¿Cómo registrarnos en Wix?Nos dirigimos a la dirección web: http://es.wix.com/ Ahí encontraremos el botón Entrar/Registrar.
![Page 3: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/3.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix 1
2
![Page 4: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/4.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
1
2
![Page 5: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/5.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Elegimos una plantilla en BLANCO
1
2
![Page 6: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/6.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wixo Elegimos una plantilla en modo EDICIÓN
1
2
![Page 7: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/7.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
1
2
![Page 8: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/8.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixOrganización de Páginas
http://es.wix.com/support/main/html5/el-editor-wix/organizando-tus-p%C3%A1ginas
1
2
![Page 9: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/9.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Organización de Páginas
1
2
3
4
![Page 10: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/10.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixPersonalizando la plantilla
Haciendo click encima del elemento que queremso cambiar
se despliega su barra de herramientas y su configuración
![Page 11: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/11.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixEncabezado
Haciendo clic en cada zona las personalizamos
1
23
4
![Page 12: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/12.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixPestaña Diseño-Cambio de Fondo
![Page 13: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/13.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Pestaña Diseño-Cambio de Fondo
![Page 14: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/14.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixDiseño de colores de plantilla y Fuentes
1
![Page 15: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/15.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixPersonalizar Menús
Haciendo doble click encima del menú entramos en el menú para cambiar el estilo.
1
2
![Page 16: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/16.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar….
![Page 17: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/17.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar imágenes
12
3
![Page 18: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/18.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar imágenes en el SlideShow
![Page 19: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/19.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Slider
1 2
![Page 20: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/20.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Agregar Grid animada
1
![Page 21: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/21.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Vídeo
1 2
3
4
![Page 22: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/22.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar música.
Primero seleccionaremos la música en la página SoundCloud y elegiremos de la opción SHARE el código para usarlo en nuestra WEB creada en Wix
![Page 23: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/23.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Música
![Page 24: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/24.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Líneas y/o Botones
Para añadir Formas, líneas o
Botones, utilizaremos las mismas técnicas que en los menús
anterioresHaciendo clic en el
elemento aparecerá el menú de opciones y con
este podremos modificar estos
elementos.
![Page 25: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/25.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixCreación de botones
En este caso deberemos enlazar el botón a alguna página o recurso
![Page 26: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/26.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Agregar Redes Sociales
![Page 27: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/27.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Apps
Insertaremos la dirección que queremos
que busque
![Page 28: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/28.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar un google map - Resultado
![Page 29: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/29.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixOpciones
Favicon es el icono 16x16 de tu propia página web que aparece en el navegador para todas las páginas de tu sitio web.Haz Upgrade para cargar tu propio favicon
![Page 30: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/30.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixApps de Wix
![Page 31: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/31.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Apps de Wix
Con esta aplicación
podeis incluir alguna
aplicación de las que
ofrecen código HTML para poder ser
“embebido” por una
página Web
![Page 32: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/32.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Apps de Wix
![Page 33: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/33.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
Aquí introduciremos
el código facilitado en
otras páginas
Aquí veremos el resultado de ese
código que hemos introducido en nuestra página
web
![Page 34: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/34.jpg)
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
Hasta aquí las explicaciones de como funciona Wix, ahora bien, antes de empezar a utilizar esta herramienta, debéis tener previamente listo un boceto de lo que queréis en vuestra página.
Además os recomiendo que previamente veáis unas cuantas páginas relacionadas con el tema que vais a desarrollar para ver esquemas y tomar ideas.
![Page 35: web con wix](https://reader034.vdocuments.mx/reader034/viewer/2022042511/55ba036ebb61eb72488b459e/html5/thumbnails/35.jpg)
Gracias por vuestra atención
Creación de Webs
Segundo curso. Florida Universitària.
Seminarios P.I.