7/26/2019 Etiquetas en Hotpotatoes

1/8

7/26/2019 Etiquetas en Hotpotatoes

2/8

Insertando vdeo en el texto de lectura

1. En cualquier herramienta que ofrece

Hot Potatoes, tiene la opcin de

agregar un texto de lectura,

exceptuando en la herramienta

JMATCH que no permite esta opcin

en el modo de arrastre y soltara la

hora de exportar el ejercicio en

formato HTML.

2. Para agregar un vdeo en un texto de lectura, se utiliza la siguiente etiqueta

HTML.

a. Abra la etiqueta video para la produccin de vdeo

b. Escribe la direccin donde se encuentra el vdeo, recuerde que debe

incluir los nombres de las carpetas correctamente en caso contrario no

podr visualizar el vdeo

c. Establezca el ancho (pixeles)que contendr la visualizacin del vdeo

d.

Establezca el alto (pixeles)que contendr la visualizacin del vdeo

e.

Utilice la etiqueta controls visualizar o hacer visibles los controles de

reproduccin tales como play, pausa y volumen.

f. Cierre etiqueta

7/26/2019 Etiquetas en Hotpotatoes

3/8

Insertando imgenes en Hot Potatoes

1.

Insertando una imagen en el texto de lectura:

Para insertar una imagen en el texto de lectura, la sintaxis es similar a la deinsertar un vdeo.

Ejemplo:

a. Abra la etiqueta img para la visualizacin de la imagen.

b. Escribe la direccin donde se encuentra la imagen recuerde que debe que

adems de incluir los nombres de las carpetas correctamente, debe

establece la extensin de la imagen que la contienen por ejemplo .png, .jpg,

.gif, .tiff etc..

c. Establezca el tamao del ancho que contendr la imagen

d. Establezca el tamao del alto que contendr la imagen

e. Cierre etiqueta

7/26/2019 Etiquetas en Hotpotatoes

4/8

Como Hot Potatoes es un sistema de autor, que exporta los ejercicios en formato

HTML, este soporta la insercin de imagen en cualquier parte ya sea en los

botones, los mensajes, texto de lectura etc.

Ejemplo:

7/26/2019 Etiquetas en Hotpotatoes

5/8

Insertando audio en Hot Potatoes

1.

La etiqueta para insertar el audio es muy sencilla

a. Abra la etiqueta audio.

b. Escribe la direccin donde se encuentra el audio.

g.

Utilice la etiqueta controls visualizar o hacer visibles los controles de

reproduccin tales como play, pausa y volumen.

Existe, una etiqueta que permite producir el audio automticamente, cuando el

usuario ingresa a la pgina HTML

Ejemplo:

Nota: Imagine que tiene un ejercicio en el cual inserta 4 tipos de audio y deja

la opcin de autoplay

Qu cree usted que pasar cuando el usuario ingrese o abra la pgina?

Usted cree que es correcto dejar la opcin de autoplay?

7/26/2019 Etiquetas en Hotpotatoes

6/8

2. Al igual que las imgenes, se pueden insertar audio en las diferentes opciones,

como en el ttulo, en los mensajes correcto e incorrecto, en el rea del ejercicio,

en el texto de lectura, en los subttulos e instrucciones.

a. Audio insertado en el texto de lectura

b. Audio insertado en el ttulo del ejercicio.

c. Audio insertado en el rea del ejercicio, en este caso Jmatch

d.

Audio insertado en el mensaje de incorrecto, cuando el usuario se

equivoque de respuesta.

7/26/2019 Etiquetas en Hotpotatoes

7/8

Insertando tabla en Hot Potatoes

En hot Potatoes se puede insertar tabla, simplemente es escribe las etiquetas

necesarias, la siguiente imagen es un ejemplo de trabajar con tablas con la

herramienta de Jcloze.

a. Se abre la etiqueta tabla y se establece una alineacin centrada.

b. Establezca en cul de las columnas (celdas) desea insertar las imgenes que desea

mostrar en el ejercicio

c. En la otras celdas escriba la palabra que estarn debajo de la imgenes, una vez

escrita aplica la opcin hueco de la herramienta Jcloze

d. Cierre la etiqueta de la tabla.

7/26/2019 Etiquetas en Hotpotatoes

8/8

Al finalizar el ejercicio se mostrar de la siguiente manera:

Nota: Una vez los ejercicios exportado con formato .HTML estos pueden ser

modificado utilizando el programa Adobe Dreamweaver, en cualquiera de sus

versiones.