Tutorial Hot Potatoes

26
TUTORIAL HOT POTATOES INTRODUCCIÓN Lic. Martín Ortelli

Transcript of Tutorial Hot Potatoes

Page 1: Tutorial Hot Potatoes

TUTORIAL HOT POTATOESINTRODUCCIÓNLic. Martín Ortelli

Page 2: Tutorial Hot Potatoes

Imágenes de recursoque vamos a usar

Page 3: Tutorial Hot Potatoes

Creamos una carpeta en donde vamos a guardar los recursos, archivos, etc.

Page 4: Tutorial Hot Potatoes

1) Carpeta creada

Page 5: Tutorial Hot Potatoes

Arrastramos las imágenes en la carpeta creada

Page 6: Tutorial Hot Potatoes

Abrimos Hot Potatoes

Page 7: Tutorial Hot Potatoes

Seleccionamos JCloze (actividad de rellenar huecos)

Page 8: Tutorial Hot Potatoes

1° pantalla que aparece1) Colocamos un título 2) Guardamos el trabajo

Page 9: Tutorial Hot Potatoes

Guardamos el ejercicioArchivo + Guardar

Page 10: Tutorial Hot Potatoes

Seleccionamos el sitio en dondeGuardamos el trabajo

En nuestro caso, lo vamos aGuardar en la carpeta que

Creamos al principio

Page 11: Tutorial Hot Potatoes

En la carpeta tenemos nuestro Proyecto (1) y la imagen (2) que vamos a

usar

1 2

Page 12: Tutorial Hot Potatoes

A continuación, insertamos una imagen.Insertar – Imagen – Imagen desde archivo local

Page 13: Tutorial Hot Potatoes

1) Buscamos la carpeta Creada

2) Seleccionamos la imagen3) Hacemos click en Abrir

1

2

3

Page 14: Tutorial Hot Potatoes

Podemos elegir la alineaciónde la imagen, el tamaño de la misma, nombre, etc.

Page 15: Tutorial Hot Potatoes

Recuerden que la imagen no la van a ver, sino solamente un código.

Page 16: Tutorial Hot Potatoes

Escribimos las respuestas

Page 17: Tutorial Hot Potatoes

1

2

1) Pintamos la palabra seleccionada2) Clickeamos en hueco

Page 18: Tutorial Hot Potatoes

1

2

3

1) Palabra seleccionada2) Colocamos una pista3) Respuestas alternativasen el caso que usemosla palabra sea escritacon minúscula4) Aceptamos

Page 19: Tutorial Hot Potatoes
Page 20: Tutorial Hot Potatoes

Creamos el ejercicioCrear página web – Página web para navegador

Page 21: Tutorial Hot Potatoes

Seleccionamos la carpeta (1) en la que estamos trabajando, le damos un nombre al archivo (2) y guardamos el ejercicio (3).

1

2 3

Page 22: Tutorial Hot Potatoes

Vemos el ejercicio

Page 23: Tutorial Hot Potatoes
Page 24: Tutorial Hot Potatoes

Llenamos los huecos y comprobamos

Page 25: Tutorial Hot Potatoes

Resultado

Page 26: Tutorial Hot Potatoes

En la carpeta nos quedan 3 archivos, 1) La imagen usada2) El proyecto realizado con Hot Potatoes3) El ejercicio terminado como un sitio web