creacion web

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.

http://es.wix.com/



Creación de Webs-Wix 1

2



Creación de Webs-Wix

1

2



Creación de Webs-Wix Elegimos una plantilla en BLANCO

1

2



Creación de Webs-Wixo Elegimos una plantilla en modo EDICIÓN

1

2




1

2



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

http://es.wix.com/support/main/html5/el-editor-wix/organizando-tus-p%C3%A1ginas



Creación de Webs-Wix Organización de Páginas

1

2

3

4



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



Creación de Webs-WixEncabezado

Haciendo clic en cada zona las personalizamos

1

23

4



Creación de Webs-WixPestaña Diseño-Cambio de Fondo



Creación de Webs-Wix Pestaña Diseño-Cambio de Fondo



Creación de Webs-WixDiseño de colores de plantilla y Fuentes

1



Creación de Webs-WixPersonalizar Menús

Haciendo doble click encima del menú entramos en el menú para cambiar el estilo.

1

2



Creación de Webs-WixAgregar….



Creación de Webs-WixAgregar imágenes

12

3



Creación de Webs-WixAgregar imágenes en el SlideShow



Creación de Webs-WixAgregar Slider

1 2



Creación de Webs-Wix Agregar Grid animada

1



Creación de Webs-WixAgregar Vídeo

1 2

3

4



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



Creación de Webs-WixAgregar Música



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.



Creación de Webs-WixCreación de botones

En este caso deberemos enlazar el botón a alguna página o recurso



Creación de Webs-Wix Agregar Redes Sociales



Creación de Webs-WixAgregar Apps

Insertaremos la dirección que queremos

que busque



Creación de Webs-WixAgregar un google map - Resultado



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



Creación de Webs-WixApps de Wix



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



Creación de Webs-Wix Apps de 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




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.

creacion web

Education