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.