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.
Top Related