Upload
m-belen-gil-montilla
View
83
Download
1
Embed Size (px)
DESCRIPTION
pi
Citation preview
MóduloCreación de Webs
Segundo curso. Florida Universitària.
Seminarios P.I.Docentes: Unidad TICs
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.
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix 1
2
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
1
2
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Elegimos una plantilla en BLANCO
1
2
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix
1
2
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
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
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
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixPestaña Diseño-Cambio de Fondo
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Pestaña Diseño-Cambio de Fondo
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
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar….
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar imágenes
12
3
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar imágenes en el SlideShow
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Slider
1 2
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Agregar Grid animada
1
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Vídeo
1 2
3
4
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar Música
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.
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Agregar Redes Sociales
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixAgregar un google map - Resultado
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-WixApps de Wix
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
Segundo curso Proyecto Integrado Unidad TICs
Módulo : Creación de Webs
Creación de Webs-Wix Apps de Wix
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
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.
Gracias por vuestra atención
Creación de Webs
Segundo curso. Florida Universitària.
Seminarios P.I.