TicTac Tools

1. LET'S TIC TOGETHER:
La enseñanza colaborativa
del inglés a través de las TIC.
Sesión 1: Presentación de WIX , una
herramienta para la creación de páginas web
María Eugenia Matamala
Teresa Arriba
Jesús Cerdá
Pedro Esteban

2. Empezamos a crear una página
Wix
1. Ir a la dirección de Wix: http://es.wix.com/
2. Crear una cuenta nueva: poner una dirección de correo y
una contraseña (Apuntadla para que no se olvide!!!)
3. Selección de plantilla: Ir a la categoría “Negocios y
servicios”, el apartado de “Publicidad y marketing”
(página 4) y elegimos el modelo “Web Portfolio”. Le
damos a “Editar”.

3. Crear unaWix
1. La página te pide en “Editar” los datos: Sale por defecto
ejemplo: http://psteban.wix.com/
2. Hay que añadir un nombre que complete la página. Se le
da a “Guardar”. (cada modificación que hagamos hay que
“guardar” siempre!)
3. Se le da a “Publicar”
4. Ya está hecha! La visitamos. Dejamos abierta la página de
editar y la publicada

4. Empezamos a completar laWix
• Vemos los distintos menús:
– A la izquierda: “Páginas” , “Diseño”, “Agregar”,
“Opciones”, “App Market”.
– Barra de arriba: Desplegable “Página”,
“Deshacer”, “Rehacer”, “Copiar”, “Pegar”,
“Cuadrícula”, “Ajustar Grid”.
– Barra de arriba a la derecha: “Vista previa”,
“Guardar”, “Publicar”, “Upgrade”

5. Diseñamos la página “Home”
1. Ponemos un nombre al proyecto: Editar texto.
2. Cambiamos el logo en la parte superior derecha:
Editar/cambiar caja: “Estilo caja 2”- ok
3. Añadimos texto dentro de la caja: “Tic tac English”.
Cambiamos el tamaño de la letra a Estilo “Heading S”
4. Introducimos textos: “Let´sTic Chat”, “Take a look…”
y los nombres de los 3 “Projects”.Agregar-texto-
Título.

6. Agregar páginas principales
1. Vamos a agregar 3 páginas principales y las llamamos: project 1,
project 2 and project 3. Para ello, en el menú de la izquierda:
página-añadir-Duplicamos la página “Home” para crear las otras
tres con la misma estructura: páginas-home- “símbolo” de
configuración de página-duplicar. Creamos 3 más.
2. El menún tiene un número limitado de páginas, a partir de la
quinta sale la palabra “more”. Para evitarlo, desde el menú de la
izquierda “Páginas” eliminamos la página “About me”, y a la
página “Contact” la renombramos “Contact and Chat” y la
desplazamos al final de la lista
3. Guardamos y publicamos

7. Creamos subpáginas
• Nos situamos en la página de Project 1 .
• Menú de la derecha: Click en página, y en agregar página.
• En diseños de página seleccionamos el modelo: “Quienes somos”,
le ponemos el nombre “Roald Dahl’s life”
• Señalamos “Agregar como subpágina” y le damos al “Ok”
• En el menú de Página, en la página que acabamos de crear, le
damos al botón de “Configuración de página” y la duplicamos 4
veces. Escribimos los nombres de las distintas partes del proyecto
“The Witches”: “Reading diary”, “Spell”, etc.

8. Agregamos imágenes
• Introducimos fotos en la pantalla del ordenador
del primer proyecto:Agregar-galería-Slide show-
doble click y agregar imágenes
• Galería de imágenes: mis imágenes-cargar
imagen. Cargamos las imágenes desde Dropbox
• Seleccionamos las imágenes de “TheWitches” y
las ponemos en el televisor del proyecto 1.

9. Completamos subpágina 1:
Vínculos a páginas web
1. Rellenamos el texto de la página “Roald Dahl’s
life”, hacemos los links a las tres páginas web
propuestas: Editamos el texto, lo subrayamos y
en el botón del menú en el extremo de la
derecha “Insertar/editar vínculo”, enlazamos a
la “DirecciónWeb” y copiamos las URLs.

10. Completamos subpágina 1:
Vínculo a un documento
1. Copiamos el texto de la “Biography checklist” y hacemos
el enlace a “Documento”, hacemos doble click y aparece
la “Galería de Documentos”, está vacía y hay que
cargarla.
2. Damos a cargar y cargamos los documentos: “Biography
checklist”, “The missing Chapter” y “Witches reading
diary”.
3. Elegimos el “Biography checklist” y damos al ok.
4. Guardamos y publicamos.

11. Completamos subpágina 2:
Vínculo de un texto a Google Docs
1. Escribimos el texto de la página y vinculamos
el titulo al documento “Reading Diary”
alojado en Google Docs.

12. Completamos subpágina 3:
Vincular video a uno deYoutube
1. Agregamos la imagen de “los pergaminos” desde mi gelería de
imágenes.
2. Nos metemos enYoutube y buscamos el video: “Spell diver tic tac
Javi and Pablo”
3. AgregamosVideo de la siguiente manera: Agregar-Media-Video
(hacemos doble click)- y copiamos la dirección del video.
4. Adaptamos el video al tamaño de la foto
5. En la subpágina 3 “Film” hacemos los links a los videos/audios
deYoutube correspondientes a la película “The Witches” y al
audiolibro

13. Completamos subpágina 4:
Agregar archivo de audio
1. En el menú “Agregar” vamos a “Media” y luego a
“Audio player”.
2. Aparece el botón de “play”, hacemos click y vamos
“Opciones”, y a “Cargar canción”
3. En la “Galería de audio” cargamos el archivo en MP3
“Missing” y lo vinculamos al botón. Finalmente
damos al Ok. Guardamos y publicamos
4. Lo podremos escuchar en la página web

14. Agregar página de contacto y
Chat
1. Vamos a la página “Home” y “Agregamos página”, elegimos el
diseño “Contacto” “Formulario”. Damos al Ok.
2. Rellenamos los datos de contacto.
3. Vamos a cambiar la foto de las flores por un chat:Vamos al menú
de la izquierda y seleccionamos el último “App market”, en la
tercera columna a la izquierda elegimos el “RumbleTalk Chat”, y
lo agregamos al sitio.
4. Cerramos y lo hacemos coincidir con el tamaño de la foto.
Guardamos y publicamos
5. Probamos su funcionamiento en la página web

15. Now it is your turn to
improve the page!!!!!
Thanks!