Tutorial Hot Potatoes en Español

> Introducción
1.1 Introducción
Hot Potatoes, al contrario de ser un tema difícil o complicado de tratar, como su nombre podría insinuar, es un
programa muy interesante y atractivo para el profesorado ya que le permite generar ejercicios multimedia para ver con
un navegador web.
Antes de comenzar la lectura de los contenidos de este capítulo 1, si lo deseas, puedes intentar resolver las siguientes
actividades.
Recuerda que en Recapitulación, al final de este capítulo, volveremos a ellas y entonces podrás realizarlas.
Actividad 1. Interfaz
Esta es la interfaz de Hot Potatoes. Relaciona, en ella, cada pestaña con sus utilidades seleccionándolas en el menú
desplegable correspondiente. Mira este ejercicio.
Actividad 2. Datos
Rellena este formulario con los siguientes datos y después imprímelo o cópialo en tu ordenador.
DATOS DE INSTALACION Y REGISTRO DE HOT POTATOES
1. Claves de Registro de Hot Potatoes:
2. Versión de Hot Potatoes utilizada:
3. Navegador/es utilizado/s (tipo y versión):
4. Sistema/s operativo/s utilizado/s (tipo y versión):
Actividad 3. Revisión
Responde las 7 preguntas de este cuestionario de repaso del capítulo 1
Actividad 4. Proyecto
Puedes abordar el aprendizaje de este Tema 1 comenzando con los Proyecto A.0 y Proyecto A.1, que están en la
sección Proyectos.
---------------------------------------------------------------------------------------------------------------------------------
> Qué es
1.2 Qué es
a. Su origen
Hot Potatoes es una herramienta de autor desarrollada por el Centro de Humanidades de la

Universidad de Victoria o UVIC, en Canadá.
Consta de varias herramientas o esquemas predeterminados que sirven para la elaboración de

diversos tipos de ejercicios interactivos multimedia.
Ejercicios que se podrán publicar en un servidor Web y difundir a través de Internet, y que son
soportados por todos los navegadores modernos.
El aspecto que presenta Hot Potatoes en su página inicial es este, o similar en función de la versión
con la que trabajes:
Los esquemas predeterminados de los que partimos son por ejemplo éste:
A partir del cual se puede crear un ejercicio como este:
Ejercicio catamarán
Para crear ejercicios con Hot Potatoes sólo se necesita, una vez instalado el programa en el
ordenador, introducir los datos que se desee (preguntas, respuestas, etc.) en dichos esquemas
predeterminados y guardarlos.
El programa los guarda en primer lugar con la extensión propia de las "patatas" de Hot Potatoes
que hayas utilizado para elaborar tu ejercicio y que son, como puedes ver en la imagen anterior,
JQuiz, JCross, JMix, etc.; cada una tiene un formato o extensión diferente; por ejemplo:
● *.jqz para JQuiz. Así es en el ejercicio que acabamos de ver como ejemplo, llamado
"catamaran.jqz":
Ese formato sólo es el paso inicial. Pero hay algo más: tal como están los ejercicios, con la
extensión propia de las "patatas", no se puede hacer mucho con ellos.
Lo que se guarda, en realidad, son los códigos html que constituyen el ejercicio y que más
adelante podrás modificar. Así, para convertirlo en una página web que podrá difundirse por
Internet es necesario guardar este ejercicio de nuevo y renombrarlo, esta vez con la extensión *.
htm
Es, por ejemplo, el "ejercicio catamarán" que acabas de ver, y cuyo nombre (seleccionado y
marcado en azul oscuro) es "catamaran.htm"
b. Primeros ejemplos
Antes de proceder a instalar el programa, mira estos dos ejercicios hechos con Hot Potatoes, el
primero de "multiselección" y el segundo de "rellenar huecos"
y éste:
Actividad formativa 0
Estas dos imágenes corresponden a dos ejercicios denominados "c1_000.jqz" y

"codigohtml0.jcl", que encontrarás dentro de "Recursos\Ejercicioshp".
Ve a esta carpeta, ábrelos e intenta resolverlos.
NOTA: recuerda que todas las actividades de este curso, tanto las obligatorias
(en la página de Introducción de cada capítulo) como las formativas (dentro de
Contenido de cada capítulo) están recogidas con sus soluciones en la sección
Actividades de este CD, y las puedes consultar siempre que quieras.
No has podido hacerlos porque estos ejemplos no están todavía preparados para verlos en un
navegador.
Si te fijas en el ejercicio primero, en la barra superior azul donde se lee el nombre del ejercicio, al
final dice "repasoc1.jqz". Y esa extensión .jqz no es una extensión propia de páginas web, como sí
lo son .htm o .php
Una vez metidos los datos que queramos en la "plantilla" de Hot Potatoes hay que darle unas
instrucciones para que cambie de apariencia y se convierta finalmente en lo que queremos: una
página web con la extensión .htm
Veamos ahora los ejercicios como páginas web donde poder interactuar:
Haz clic en los dos enlaces siguientes: primera imagen y segunda imagen
c. Materia prima
Las patatas de Hot Potatoes generan diferentes tipos de ejercicios elaborados con el programa Java
Script en lenguaje o código informático html.
La materia prima es el código html, pero no se necesita dominar este lenguaje informático para
poder utilizar Hot Potatoes.
Mira este ejercicio, de rellenar huecos hecho con la patata JCloze de Hot Potatoes.
La siguiente imagen muestra los códigos que no resultan familiartes cuando no se conoce este
lenguaje informático, pero el el navegador los interpreta para mostrarnos textos e imágenes
visuales y de sonido.
d. Características de Hot Potatoes
Varias características hacen de Hot Potatoes un programa útil y recomendado para el profesorado:
Características intrínsecas al programa y a su uso
Simplicidad Crear o modificar ejercicios con Hot Potatoes es muy fácil e

intuitivo, y está al alcance de todos: autodidactas o no,
expertos en tecnología o reticentes a ella
Aplicabilidad Sirve para cualquier materia y nivel educativos
Características realativas a su difusión

Universalidad Es un programa utilizado en todo el mundo. ¿Por qué? Entre
otras razones:
● por la posibilidad que ofrece de traducir

automáticamente la interface a varias lenguas, entre
ellas algunas peninsulares. Podemos comprobar este
hecho tanto en la página web de Hot Potatoes y los
tutoriales como dentro del mismo programa
● porque los ejercicios generados son páginas html y

se pueden difundir por Internet fácilmente
● por su coste: conseguirlo en la red es, de momento,

gratuito para quienes vayan a utilizarlo con fines
educativos, como dijimos antes, y se comprometan a
su difusión
En resumen, Hot Potatoes tiene múltiples aplicaciones en el ámbito educativo, ya que se puede
emplear como material didáctico en cualquiera de las asignaturas del curriculum escolar. La
novedad que supone su uso no es el tipo de ejercicios en sí, habituales en papel, sino el formato en
que se presentan, HTML, y su posible difusión por la red.
> Requisitos
1.3 Requisitos
Tanto para crear nuestros propios ejercicios con Hot Potatoes como para resolver ejercicios que
hayan elaborado otras personas, hay ciertas condiciones que debemos tener en cuenta y que no
sólo permitirán el uso del programa sino que también facilitarán la tarea y mejorarán los resultados
de los ejercicios.
Estas condiciones, sobre todo de carácter técnico o informático, se refieren a las versiones
utilizadas del programa, a tu registro en Hot Potatoes, a las versiones de los navegadores, a los
servidores en los que se vayan a publicar tus ejercicios elaborados con Hot Potatoes, o al sistema
operativo de tu ordenador y al de quienes van a ver tus ejercicios.
Y se traducen en: más flexibilidad y más recursos a la hora de elaborarlos, algunas variaciones en la
forma de hacerlo, más o menos velocidad de navegación...
Los requisitos para un uso adecuado de Hot Potatoes son, pues, los siguientes:
Requisitos informáticos para elaborar o crear ejercicios con Hot Potatoes
Sistema Los creadores de Hot Potatoes han adecuado su programa a

operativo los diversos sistemas operativos que existen en la actualidad,
por lo que podrás bajarte de su página web aquella versión
del programa que más se ajuste a tus necesidades.
Navegadores Existen algunas diferencias entre las versiones de Hot

Potatoes en relación con su aplicabilidad en los diferentes
navegadores y también en las diferentes versiones de los
navegadores. Pero de modo general, las últimas versiones de
estos (Internet Explorer, Mozilla...) son las recomendadas
para sacar el máximo provecho del programa
Si no tienes un navegador o si la versión de tu equipo es más

antigua, aconsejamos su instalación o actualización antes de
empezar con Hot Potatoes.
Registro Si quieres que tu programa sea 100% operativo, es
necesario que te registres en la página de Hot Potatoes. Esto
no implica que vayan a llenar tu buzón de correo basura, o
que periódicamente te vayan a enviar información o
publicidad. Lo que sí va a facilitarte es el uso del programa
sin ciertas limitaciones, por ejemplo, en el número de
preguntas que incluyas, en el tamaño de los crucigramas...
Para ello sólo tendrás que visitar la página web

correspondiente y rellenar un formulario; en un plazo corto
de tiempo ellos enviarán a tu correo electrónico tus claves.
Servidor Para, una vez hechos, publicar tus ejercicios en Internet, vas
a necesitar el acceso a un servidor web que te ceda un
espacio. Algo que tendrás que tener en cuenta más adelante
será la capacidad de ese espacio porque un ejercicio sencillo
de Hot Potatoes con multimedia puede ocupar desde 1 ó 2
Mb. Un ejemplo de lo que puede tener un espacio ofrecido en
la red gratuitamente es éste:
Aquí se ofrecen 50 Mb de espacio web, que

parece ser suficiente para colgar un buen
ejercicio de Hot Potatoes.
Fíjate donde se dice "Poder enviar y recibir

correos de hasta 2Mb" y recuerda que en este
caso si intentamos enviar mensajes de mayor
tamaño llegarán mal, no llegarán o bloquearán
el correo, especialmente si las carpetas están
llenas con otros mensajes. Esto puede que nos
ataña: a veces intentamos mandar por correo
ejercicios hechos con Hot Potatoes y o llegan
mal o no llegan. Puede ser porque ocupen todo
ese espacio (sobre todo si incluyen vídeos, por
ejemplo) y se bloquee el correo, especialmente
si las carpetas de los correos están llenas con
otros mensajes.
Y recuerda que los ejercicios multimedia, al
tener imágenes ocupan mucho más espacio que
los de sólo texto.
Requisitos para resolver ejercicios de Hot Potatoes elaborados por otras

personas:
Un
De nuevo, hablamos de las últimas versiones
navegador
Hot Potatoes NO necesitas tenerlo instalado
Requisitos de licencia para utilizar Hot Potatoes
Si trabajas en una institución educativa sin fines de lucro y estás dispuesto a

compartir tus ejercicios a través de la web, puedes utilizar Hot Potatoes de modo
gratuito. Pero si trabajas para una empresa comercial debes adquirir licencia
comercial.
En ambos casos hay que registrarse para que el programa sea completamente
funcional.
Para saber más sobre:
● el origen de Hot Potatoes
● las versiones existentes
● los sistemas operativos compatibles
● las traducciones
● los programas que requiere
● los navegadores bajo los que funciona
● y lo referente a licencias y otros aspectos comerciales
consulta las direcciones web relacionadas con este programa: en la Universidad

de Victoria (UVIC).
> Instalación y registro
1.4 Instalación y registro
Antes de iniciar los procesos de instalación del programa Hot Potatoes y tu registro como usuario
del mismo, lee el Anexo 1 del curso, titulado Instalaciones.
En este Anexo también te contamos otras instalaciones que puedas requerir a lo largo del curso.
Procede ahora a la instalación de Hot Potatoes y de los programas que creas

necesitar, según nuestras recomendaciones al respecto en la Presentación y en el
Anexo 1, para poder utilizarlo con el máximo rendimiento.
Asimismo, realiza el Registro en la página de Hot Potatoes. Recuerda que no te

compromete a nada sino que, al contrario, te aporta beneficios en el uso del
programa.
En esta dirección, lee en la página web de los creadores del programa la

información referente al Registro.
Navega por Internet también para buscar el tutorial con cualquier buscador. En la
página de la UVIC está en inglés, pero lo vas a encontrar en español y en otros
idiomas.
> Interfaz
1.5 Interfaz
a. Abrir Hot Potatoes
Se puede abrir el programa:
pulsando el icono de acceso directo en el escritorio:
o pulsando en "Inicio/Programas/Hot Potatoes":

Sólo como recordatorio: ¿en qué espacio de tu ordenador has instalado Hot Potatoes?
Nosotros lo tenemos, como has podido ver en la imagen anterior, en C:\Program Files
\, que es lo normal.
Comprueba dónde está el tuyo.
b. Traducir la interfaz
Al instalarlo, el programa pregunta sobre el idioma de la interfaz. Una vez elegido, todos los menús
aparecerán en ese idioma.
En relación con el idioma y el tipo de los archivos de la interfaz:
● ¿Qué extensión de éstas tienen: *.hif, *.cfg, *.htm, *.doc, *.jpg, *.jcl, .*mid
Para descubrirlo, puedes abrir Hot Potatoes y elegir otro idioma de su interfaz, en
"Opciones/Interfaz/Cargar un archivo de interfaz"; y fíjate, cuando lo guardes, en
lo que indica en la casilla inferior.
Y observa:
● Las otras 6 extensiones, ¿sabes a qué tipo de documentos corresponden?

Pueden ser de texto, gráficos, sonido, códigos web... Más adelante nos irán
apareciendo.
Si no encuentras una interfaz de tu gusto o en tu idioma, puedes crearla tú. Se hace desde: "Opciones/
Interfaz/Traducir la interfaz".
Una vez dentro de cada "patata" vas a tener de nuevo la posibilidad de volver a la versión original en
inglés, ponerla en otro idioma, crear tu propia traducción si no la tiene, o crear interfaces en diferentes
idiomas para cada tipo de ejercicio, desde "Opciones/Interfaz/Cargar un archivo de interfaz".
Cuando hablamos de "interfaz" en Hot Potatoes nos referimos a los nombres de los
menús, a las "plantillas", por llamarlo de alguna manera.
Quizá te hayas fijado en que estamos utilizando en nuestros ejemplos interfaces de

distintas lenguas. Si no, vuelve atrás ahora para comprobarlo.
Por tanto insistimos en este punto y resumimos, porque sabemos que puede crear cierta confusión.
Abre cualquiera de las "patatas" de Hot Potatoes y distingue entre:
Idioma de la Desde "Opciones/Interfaz/Cargar un archivo de Interfaz". Esta

interfaz pestaña la tenéis tanto en la página inicial de Hot potatoes como
en cada "patata"
Idioma (y Desde "Opciones/Configurar el formato del archivo

estilo) de los originado/Cargar". Más adelante, cuando estudiemos la
configuración, verás que también podrás cargar un archivo para
datos de la
cambiar el idioma, pero que en este caso se trata de los datos,
configuración nuestros propios datos con que rellenamos los ejercicios.
de tu Entonces verás que hay más lenguas incluidas.
ejercicio:
Abriendo una patata cualquiera; seleccionamos "Opciones/Configurar el formato

del archivo de configuración" y después "Cargar" para cambiar el idioma de los
datos.
Hemos cargado un archivo de configuración que hemos encontrado, en otro idioma, y

éste ha sido el resultado:
●
¿En qué idioma está la interfaz del ejercicio (marcada en color amarillo)?
●
¿En qué idioma están los datos de la configuración (marcados en color

naranja)?
El objetivo de esta actividad no es aprender algo de las lenguas de España, claro, sino
solamente empezar a conocer Hot Potatoes por dentro y a familiarizarte con él y su
propio "lenguaje": términos como "interfaz", "configuración", "archivo", "datos",
"cargar", etc., adelantándote así algo de lo que veremos pronto.
c. Interfaz general
Al abrir Hot Potatoes aparece la página inicial que ya conocemos.
Con cada una de las"patatas" que ves se pueden hacer diferentes tipos de ejercicios, como se aprenderá
más adelante. Para empezar a elaborarlos sólo hay que entrar en ellas.
En la página inicial de Hot Potatoes hay también varias pestañas en la parte superior. Estas son:
d. Los menús
Por su parte, para acceder directamente no a la página de inicio de Hot Potatoes sino a cada una de sus
aplicaciones se puede:
● pulsar en "Inicio/Programas/Hot Potatoes" y luego en la aplicación que se desee

● o una vez abierto Hot potatoes, desde el icono de la aplicación deseada o desde la pestaña
"Potatoes"
Una vez que has entrado en todas las aplicaciones, verás que el aspecto de los menús superiores y de la
barra de herramientas es similar, con algunas variaciones que son las funciones específicas en cada una de
las aplicaciones:
o, por ejemplo:
Los menús comunes a todas las aplicaciones son, como puedes comprobar:
● Archivo
● Edición
● Insertar
● Opciones
● Ayuda
Aparte de estos comunes hay algunos específicos que conoceremos en el capítulo 3.
...
¿Qué hay en cada menú? Lo puedes comprobar tú mismo abriendo cada uno de ellos; pero, en resumen:
Las funciones comunes a todas las aplicaciones son:
Las que Abrir o crear un documento, guardar, etc., en el menú

encontrarías en “Archivo”
otros programas
informáticos o en Cortar, pegar, copiar, deshacer u ortografía, en el menú
“Edición”
procesadores de
textos
Modificar el fondo o el tipo de fuente, por ejemplo, en
"Opciones"
Los relacionados Insertar lectura o añadir metadatos, desde el menú

con el hipermedia "Archivo"
Insertar imagen, vínculo, tabla HTML y otros objetos

multimedia, desde "Insertar"
Los propios de Hot La creación de páginas web, desde el menú "Achivo"

Potatoes: algunos
son comunes a La modificación de la configuración o apariencia de cada
todas las "patatas": ejercicio, desde el menú "Opciones"
La información adicional (ayuda, "acerca de" y

"registrarse"), desde el menú "Ayuda"
Y otros no, otros son compartidos sólo por algunas o

específicos de una sola, y que también veremos en el
siguiente capítulo.
e. La barra de herramientas y los iconos
Debajo de los menús hay una barra de herramientas con diversos iconos que sirven sencillamente de
acceso directo a diversas funciones de los menus.
Sólo añadir que, como en otros programas informáticos, puedes decidir qué quieres que aparezca y qué
no en la interfaz principal de cada aplicación, es decir, en los menús y en la barra de herramientas.
Se hace desde "Opciones/Opciones de la barra de herramientas":

En el cuadro de diálogo:
podrás marcar o desmarcar los botones que deseas que aparezcan en la barra.
> Tipos de ejercicios
1.6 Tipos de ejercicios
a. Cuáles son
Con Hot Potatoes se pueden crear varias clases de ejercicios, que responden a la siguiente tipología:
Pasando el cursor por encima de la imagen sabemos cómo son los ejercicios y cuál sería el
resultado final:
Respuestas múltiples
Respuestas cortas
Híbrida
Multiselección
Relacionar
Rellenar huecos
Ordenar elementos
Crucigramas
En la página inicial de Hot Potatoes pasa el cursor por encima de las patatas y
ábrelas investigando el contenido de su interfaz y qué tipo de ejercicios se
pueden hacer con ellas.
b. Elaboración de un ejercicio: los tres pasos
Trataremos este tema más a fondo en los capítulos 2 y 3. Anotamos aquí el resumen del proceso
para empezar a trabajar tanto con los ejercicios generados con las patatas como con los ejercicios
exportados a web en HTML.
Para la elaboración de un ejercicio con Hot Potatoes hay que dar estos 3 pasos:
● Primer paso: Introducción de datos

● Segundo paso: Configuración del ejercicio
Aquí lo guardamos y tenemos: un ejercicio generado con las patatas JCloze, JQuiz...,
con su formato correspondiente: *jcl, *jqz, etc.:
Tercer paso: Creación de página web
Lo guardamos y con ello tenemos el mismo ejercicio pero ahora como documento en formato HTML,
es decir, una página web. Y a esta página es a donde queríamos llegar, el resultado definitivo, el
ejercicio que tendrán que resolver los alumnos.
Una explicación más gráfica se da en el inicio del Capítulo 2.

> Particularidades
1.7 Particularidades
Hot Potatoes permite:
● Incluir lecturas en sus ejercicios.

● Traducir la interfaz.
● Incluir caracteres acentuados.
● Incluir una dirección de correo electrónico, una enlace a una dirección
web...
● Elaborar ejercicios en lenguas que no tienen alfabeto romano, por ejemplo
en griego, en chino o con el alfabeto cirílico.
● Modificar los códigos html.
● Crear unidades más complejas con The Masher.
● Participar en una comunidad virtual en la que puedes crear tu propia aula
virtual: "Hot Potatoes_net"
Para finalizar, vamos a hacer que creamos un ejercicio con cada uno de los tipos
que hay. Ten en cuenta que con alguna de las patatas se puede hacer más de
uno, por lo que habrás de crear al menos 5.
Solamente vas a abrirlas, y sin haber introducido ningún dato en ellas vas a
guardarlas.
Nosotros hemos hecho algunos. Los puedes ver dentro de "Recursos\ejercicios

hot potatoes" cuando hayas terminado los tuyos, para contrastar los resultados.
> Recapitulación
1.8 Recapitulación
Objetivos cumplidos
Cuando finalices la lectura del capítulo 1, y antes de continuar con el capítulo 2, tendrás que haber
realizado estas tareas:
1. Instalación y registro de Hot Potatoes
2. Organización de tus ejercicios. Este método de trabajo va a ser el punto de

partida y de referencia en todo el curso. Por eso es muy importante que lo hagas de
un modo coherente al comienzo del curso.
Sugerencias:
❍ Creación de carpetas, bien para cada una de las "patatas" o bien para cada uno de
los tipos de ejercicios creados. En ellas irás guardando todos tus ejercicios
❍ Creación de una carpeta que será la base para tu futura página web
❍ No pongas acentos ni caracteres extraños tanto en los nombres de las carpetas como
en el de los archivos. Ni más de 8 caracteres: con vistas a la publicación de los
ejercicios en Internet, hay algunos servidores que no admiten más y puede que no
muestren la página
3. Actividades que impliquen la primera toma de contacto con Hot Potatoes:
● abrir el programa
● ver su página inicial
● hacer un recorrido por los menús, aprendiendo qué contienen
4. Creación de un primer ejercicio, sin rellenar los datos, con cada una de las
patatas y haberlo guardarlo en la carpeta correspondiente.
Si todavía no has hecho las actividades anteriores o te quedara alguna duda, puedes
volver a revisar este capítulo 1.
Actividades: recordatorio
También puedes volver a las actividades iniciales, las que planteábamos al comienzo del capítulo 1,
en 1.1 Introducción; seguro que ahora ya sabes resolverlas.
Ten en cuenta que la información requerida para contestar alguna pregunta no estará
necesariamente dentro del contenido, sino que puede que se encuentre en las páginas web
visitadas en las actividades formativas.
Cuando hayas terminado, puedes ver finalmente la solución pulsando en la sección del curso
denominada "Actividades".
> Introducción
2.1 Introducción
Ha llegado el momento de empezar a trabajar con Hot Potatoes. Primero te proponemos que veas la
siguiente animación:
Pulsa en este enlace para ver una animación
Para la creación de un ejercicio, en cualquiera de las patatas y en cualquiera de sus tipos, hay que
rellenar las plantillas con datos, por ejemplo así:
Ejercicio que una vez modificado para ser página web se convertiría en éste, denominado
Introducción a la electroneumática.
¿Son el mismo tipo de ejercicio?
No se corresponden en absoluto, ni en la temática ni en el tipo de ejercicio: el 1º es de respuestas

múltiples mientras que "Introducción a la electroneumática" es de ordenar elementos en una frase.
Compruébalo ahora.
Con esto queremos recordar que:
1. en Hot Potatoes hay distintos tipos de ejercicios
2. para crearlos hay varias fases.
3. algunas de las prácticas no son tan sencillas como parecen y requieren cierta reflexión.
Actividades
Si lo deseas, puedes intentar resolver estas actividades antes de entrar en los

contenidos para valorar qué sabes y qué necesitas aprender en este capítulo.
Recuerda que se nombrarán en la Recapitulación del capítulo y que puedes ver las
soluciones en el apartado Actividades.
Actividad 1. Introducción de datos

Con dos aplicaciones diferentes de Hot Potatoes, piensa dos ejercicios que contengan
los siguientes datos:
segundo ejercicio
primer ejercicio (tipo diferente de actividad
de Hot Potatoes)
título
el mismo título y subtítulo que el
subtítulo: de distinto tamaño anterior
que el título
interface en una lengua que no interface en una lengua distinta

sea inglés a la anterior
instrucciones e indicaciones en instrucciones e indicaciones en

la misma lengua elegida para la la misma lengua que la del
interface ejercicio anterior
fuente: al menos dos tipos de

un tipo y tamaño distinto de
fuente: Comic Sans regular 12 y
fuente, y sólo una
otra que tú elijas
el mismo color de fondo de la

colores en el ejercicio: que
página pero diferente color de
aparezcan tres colores diferentes
fondo del ejercicio
con contador de tiempo sin contador de tiempo

sin botones de navegación entre sin botones de navegación entre
las páginas las páginas
Actividad 2. Diferencias de configuración

Te vamos a mostrar a continuación varias parejas del mismo ejercicio que se
distinguen en algo. La actividad consiste en averiguar qué tienen de diferente.
Ir al ejercicio Diferencias de configuración (tiene 2 preguntas)
Actividad 3. Exportar a web
Ahora recordaremos los destinos que les puedes dar a tus ejercicios de Hot Potatoes,
es decir, las posiblidades de exportar a web como archivo con extensión htm:
Ir al ejercicio "Modos de exportar" (tiene 3 preguntas)
Actividad 4. Proyecto
Quizás sea estimulante iniciar el capítulo con el Proyecto A.2: Integrar, ya que
propone trabajar en equipo.
Si no los realizaste antes quizá te animes ahora con los proyectos A.0 y A.1. en la
sección Proyectos.
> Introducción de datos
2.2 Introducción de datos
Si vas a conservar hasta final de curso todas tus actividades formativas, te

recomendamos que sigas un sistema sencillo pero lógico para nombrar y guardar
tus ejercicios.
Crea carpetas, según criterios de: tipos de ejercicios, patatas, capítulos, etc.
Por ejemplo: nosotros hemos seguido el criterio capítulos, y por eso nuestro
primer ejercicio se llamará e20, que significa ejercicio 0 del capítulo 2.
Te proponemos, pues, que diseñes tu propio sistema de ordenamiento de

ejercicios.
En cualquiera de las patatas de Hot Potatoes se introduce el mismo tipo de datos:
1.
El título y el contenido del ejercicio: preguntas y respuestas, frases o imágenes, textos...
Se hace desde la pantalla inicial de cada una de ellas.
2.
Los datos que complementan al contenido y configuran la apariencia general del ejercicio:
subtítulo, indicaciones, formatos, botones de navegación...
Se hace principalmente desde la configuración, que se encuentra en "Opciones/Configurar el

formato del archivo originado"
3.
Otros datos complementarios, como la inserción de hipermedia (imagen, sonido o vídeo)

y de otros elementos: una lectura, metadatos, un archivo, una tabla html, vínculos.
Se realiza desde los menús superiores de la interface común.
Para introducir datos tienes que abrir la patata que te interese, rellenar las casillas y los espacios,
introducir códigos específicos, y después guardar el ejercicio. No es difícil.
> Introducción de datos > Título
2.2.1 Introducción de datos
a. Título
Una vez iniciado Hot Potatoes y abierta cualquiera de las "patatas", aparece su pantalla
característica y una página en blanco con espacios para rellenar.
Escribe el título del ejercicio, y si quieres algo más.
Pon un nombre cualquiera a este ejercicio y guárdalo en una carpeta que hayas creado previamente.
Nosotros, por nuestra parte, también hemos abierto una "patata" al azar y hemos escrito el título
(en la pantalla principal) y el subtítulo (desde "Opciones/configurar el formato...").
La hemos guardado con el nombre de "e20prev", por lo que se llama "e20prev.jmx".
Este ejercicio, una vez exportado a web, es decir, una vez interpretado su código *.html, se ha
materializado en este: e20prev.htm
Los dos ejercicios anteriores ¿Son la misma patata?
Vuelve a ellos y observa sus formatos y lo que dicen.
Ayuda: te recordamos que JMix se utiliza para crear ejercicios de ordenación de

elementos en una frase o un texto.
Vuelve al ejercicio e20prev.htm y analiza estas cuestiones:
1. Los datos introducidos por nosotros están en una lengua: ¿cómo los
cambiamos a otra lengua?
2. ¿Cuál es el título?
3. ¿Tiene subtítulo?
4. Tiene varios botones. ¿Desde qué menús de la "patata" se modifican?
¿Qué quiere decir cada uno de ellos en este tipo de ejercicio en concreto?
5. Y la pregunta clave: ¿qué le falta al ejercicio, esencial?
Algunas respuestas deberías saberlas porque lo tratamos en el capítulo 1.
Si no sabes todas las respuestas no te preocupes; las iremos recordando y

descubriéndo.
También puedes hacer estas pruebas en tu propio ejercicio:
cambia la interfaz a una lengua cualquiera y después vuelve a ponerla a la

que tú elegiste al principio
●
después, cambia el título y el subtítulo a otra lengua que no sea inglés y

después guárdalo
Después de introducir el título y el subtítulo en la patata que te propusimos, JMix, y en la que tú

elegiste, vamos a hacerlo también en las demás.
Abre todas las patatas y crea un primer ejercicio con cada una de ellas. Sólo
tienes que introducir el título y el subtítulo. Después guárdalas.
Ahora tendrás al menos 5 tipos de ejercicios diferentes.
Por cierto, ¿pueden llamarse de la misma manera? Haz la prueba.
Volviendo a la Actividad formativa 1, nosotros ya hemos añadido al ejercicio e20prev eso tan
esencial que le faltaba. Por si quieres verlo, es este ejercicio e20
> Contenido
b. Contenido
Ahora ya podemos empezar a rellenar las plantillas con los datos que constituyen el ejercicio.
Nosotros hemos abierto tres de las "patatas" al azar, hemos introducido o modificado algún dato
más y hemos guardado los tres ejercicios con los nombres de:
● "e21" con la extensión *.jqz

● "e22" con la extensión *.jmt
● "e23" con la extensión *.jcw
Hemos incluido algún dato en uno de ellos para poder generarlo como página html.
El aspecto definitivo que tendrían estos tres ejercicios una vez convertidos en páginas web sería
éste:
● e21
● e22
●
e23
Tres ejercicios muy sencillos con título, alguno también con subtítulo, y los primeros datos. Los
botones no los hemos tocado.
Actividad formativa 3a
Como son ejercicios relacionados con el tema que estamos tratando, te

proponemos ahora que los resuelvas.
Pero pon atención.
¿Es fácil contestar un ejercicio hecho con Hot Potatoes? Sí... en teoría: cuando los ejercicios están
bien hechos, claro.
El problema es que, la verdad, no los hemos hecho demasiado bien; nos hemos equivocado en las
respuestas. Disculpa.
Si no te habías dado cuenta, vuelve a ellos ahora.

Actividad formativa 3b
Vamos a corregir los errores en los datos introducidos.
Busca esos tres ejercicios en la carpeta "Ejercicioshp" dentro de la sección

"Recursos". recursos\ejercicioshp
Ábrelos e introduce o cambia los datos correctos en al menos uno de ellos. En

algún caso tendrás que marcar otra respuesta correcta, por ejemplo.
Después guárdalos.
Estamos aprendiendo en este momento a introducir nuevos datos en nuestros ejercicios: los que
constituyen el contenido mismo.
Lo hemos visto ya en tres patatas. Es el momento, por tanto, de completarlo con las demás
patatas.
Abre tus propios ejercicios, los que creaste antes, y prueba a introducir en ellos
los nuevos datos.
Para cada tipo de ejercicio será diferente: en unos serán preguntas y respuestas,
en otro una frase, en otro rellenar dos columnas...
Haz los que puedas y guárdalos.
Si te ha resultado muy difícil, no te preocupes; sólo son pruebas para ir

conociendo las patatas.
En el próximo capítulo 3 vamos a profundizar en este tema.

> Datos de configuración
c. Datos de configuración
Los datos de configuración son los datos principales para dar un formato al archivo que estás
creando.
Hay dos formas de acceder a esos datos, es decir, a la información relativa a la configuración de los
ejercicios:
● desde el icono correspondiente en la barra de herramientas:
● o desde la pestaña "Opciones/Configurar el formato del archivo originado":
Los datos más relevantes que constituyen la configuración de los ejercicios son:
Es decir:
título, que ya hemos visto, e instrucciones para realizar el ejercicio: por ejemplo
"contesta", "señala qué afirmaciones son verdaderas", "completa este crucigrama
seleccionando el número y rellenando la casilla correspondiente", "relaciona los elementos de
una columna con los de otra", "averigua qué falta en esta frase y complétala", etc.
diversas indicaciones para las preguntas y respuestas: correcto o incorrecto, pistas de

ayuda como "esta parte es correcta: ...", puntuación obtenida, etc.
los botones de respuestas, de pistas y otros específicos de cada tipo de ejercicio:

decidir cuáles queremos que sí aparezcan y qué van a decir: "pista" o "comprueba", etc.
los botones de navegación: que te servirán para poder unir varios ejercicios y poder
navegar entre ellos como en cualquier página web cuando enlazas varias páginas: "volver a
inicio", "página siguiente", "página anterior"...
● los referidos al aspecto, al fondo y a la fuente: elegir un color o una imagen para el fondo,
elegir el color y el tipo de letra, los colores del ejercicio, del vínculo, del título
● otro elementos:
❍ contador: con el que puedes poner un límite de tiempo para la pesona que haga tu
ejercicio
❍ CGI: que se utiliza para poder enviar los resultados de los ejercicios por email
❍ y otros, específicos de cada tipo de ejercicio
Todos estos datos se van introduciendo en las casillas correspondientes de cada ejercicio y al final
se guardan.
Abre tus propios ejercicios, los que creaste antes, y prueba a introducir en ellos
nuevos datos de configuración.
Comprobarás que algunos se repiten en todos los ejercicios, mientras que otros
no; por ejemplo, los mensajes de correcto e incorrecto, las indicaciones, los
botones de respuesta, etc. varían un poco en cada tipo, en función de sus
necesidades intrínsecas.
El objetivo de esta actividad es simplemente echar un vistazo a los distintos tipos

de configuración y sacar tus propias conclusiones al respecto.
Y si puedes, introducir nuevos datos de configuración.
Si te ha resultado muy difícil, no te preocupes: en el próximo capítulo 3 vamos a

profundizar en cada tipo de ejercicio.
NOTA: para centrarnos un poco, recuerda que de momento sólo estamos viendo en qué consiste
la configuración, es decir, qué tipo de datos se pueden introducir en los ejercicios, pero todavía no
hemos empezado a guardarlos, a guardar los formatos de los archivos.
Porque una cosa es pensar cuáles serán las instrucciones de un ejercicio en particular, de qué color
queremos su fondo, o qué queremos que diga la leyenda de su botón de correcto, por ejemplo, y
otra cosa distinta es decidir que esos datos los queremos conservar para otros ejercicios, o sólo
para éste, o que en realidad no nos gusta nada la configuración que le hemos dado y no la
queremos guardar.
Esto lo vamos a ver en el apartado 2.3.
Ahora, nos fijamos en otros datos y elementos complementarios que pueden incluirse en los
ejercicios de Hot Potatoes.
> Introducción de datos > Lectura
d. Lectura
Antes de nada, mira este ejercicio con lectura insertada hecho con JCross, para
que tengas una idea de cuál sería el resultado final.
Sólo dos preguntas:
● ¿En qué parte del ejercicio la hemos insertado?

● ¿Y en qué parte hemos insertado la imagen?
Las lecturas se insertan desde Archivo/Añadir lectura:

o en el icono de la barra de herramientas:
Una vez seleccionado aparece esta pantalla:

Vemos que tenemos estas opciones para introducir una lectura:
o escribir un texto manualmente

● o copiando y pegando de un texto cualquiera: es lo que hicimos nosotros en el ejemplo de
la actividad formativa 6, el ejercicio con lectura insertada
●
o bien Incluir texto de lectura, es decir, importar un texto cualquiera desde un archivo
html externo que tengamos en el ordenador, como enlace, seleccionándolo después de
Examinar las carpetas.
Por ejemplo, para este último caso nosotros hemos elegido al azar uno de nuestros archivos
para insertarlo como lectura. Hemos seguido los pasos anteriores; y después, al
seleccionarlo y abrirlo vemos que en el lugar del ejercicio donde se supone insertado
aparecen unos códigos:
Son código html. Es sólo la apariencia temporal del ejercicio; cuando lo conviertas en
una página web real, esto ya no aparecerá así, como vas a poder comprobar.
Para terminar el proceso, sólo tienes que aceptar, en la parte inferior.
Cualquier cambio en la lectura insertada se hace volviendo a Insertar/Lectura, en donde te

volverá a aparecer la pantalla anterior.
NOTA: En este caso, habrá que tener en cuenta que el texto sea html y que está dentro de las
carpetas correspondientes de la página que estás creando.
Hay otro modo de insertar textos para leer, que consiste básicamente en escanear un texto y
convertirlo en imagen.
Te mostramos un ejemplo para que te hagas una idea de lo que queremos decir (ejercicio de
respuestas múltiples con 5 preguntas):
- ejemplo de inserción de texto escaneado como imagen -
-En el Anexo llamado Multimedia, dentro de la sección Anexos de este curso, encontrarás algo
mas de información sobre el modo de obtener imágenes para tus ejercicios.

> Metadatos
e. Metadatos
Son datos característicos de un documento html y que, por tanto, puedes incluir en tu ejercicio de
Hot Potatoes, que aportan información sobre el mismo, que puede percibir por ejemplo un
navegador pero que no se ven.
Los encuentras en Archivo/Añadir metadatos:
Son, por ejemplo, la descripción de tu ejercicio, que sirve como criterio para su búsqueda en
Internet (marcado en la imagen en color amarillo y que incluirías entre las comillas), o tu nombre si
eres el creador (marcado en la imagen en color marrón y que incluirías en el lugar de
"UNREGISTERED").
> Vínculos
f. Vínculos
● ¿Dónde se pueden insertar? En cualquier parte del ejercicio
Te mostramos un ejemplo de ejercicio, este de respuestas cortas, en el que hay

que navegar por dos páginas web para poder responder a las 3 preguntas
planteadas:
- ejercicio de vínculo a web -
Contesta a esas tres preguntas.
● ¿Cómo se incluyen? Desde Insertar/Vínculo
● ¿A qué? A un archivo local, a una dirección de Internet o a una dirección de correo:
a un archivo local, es decir, que está en tu ordenador
Para ello hay que hacer clic en "Insertar/Vínculo/Vínculo a un archivo local". Una vez
hecho esto hay que seleccionar el archivo que nos interese, al que se irá al pinchar en
el enlace:
Al seleccionar "Open" o "Abrir", aparece esta página:
En ella comprobamos que la ruta URL es relativa, escribimos el texto

que queramos que aparezca, en el que haremos clic, y seleccionamos
si queremos una imagen que también nos servirá como enlace.
Finalmente aceptamos en "OK".
●
a una dirección de Internet: el proceso es el mismo que el anterior
a una dirección de correo electrónico:
Para esto debes insertar la siguiente etiqueta:
<A HREF="mailto:tudirección@decorreo">mensaje de texto</A>
donde dice "mensaje de texto" se escribe por ejemplo: "contactar" o

"envía tu correo", etc.
Al pulsar, se abrirá el programa de correo electrónico instalado en el

ordenador en que estás trabajando.
Si te quedara alguna duda sobre la inserción y creación de vínculos, no dejes de

consultar la Ayuda desde una de las casillas de las pantallas de Insertar.
Finalmente, no olvides que cada tipo de ejercicio tiene sus peculiaridades y que la descripción que
acabamos de hacer es general para todos ellos pero que no vas a encontrar en ellos lo mismo y del
mismo modo; esto será algo que irás descubriendo en el próximo capítulo 3.
Para irte anticipando, te proponemos esta actividad de búsqueda y selección de

información: averigua qué tipos de ejercicios no permiten las siguientes acciones:
● añadir lectura
● añadir metadatos
● añadir archivo
● insertar vínculo a una dirección de correo
El resultado lo puedes resumir en este cuadro o similar:
Acciones Patatas
añadir lectura
añadir metadatos
añadir archivo
insertar vínculo a una dirección de correo
¿Has llegado a alguna conclusión de utilidad?

> Multimedia
g. Multimedia: imágenes y otros elementos
Desde el menú "Insertar" o desde los iconos de acceso directo puedes incluir:
● imágenes
● lo que el programa llama "Objeto multimedia": archivos de sonido y vídeo
● tablas html
En el capítulo 3 trabajaremos con estos elementos, por lo que ahora vamos solamente a dar unas
pautas generales. Y más adelante también tendremos ocasión de consultar el Anexo llamado
"Multimedia", como complemento y refuerzo a este tema y en paralelo con la elaboración de
ejercicios.
Como actividad previa te proponemos que descubras:
● si se puede insertar multimedia en todos los tipos de ejercicios de Hot

Potatoes, y cuáles
● si se pueden insertar todos los tipos de multimedia desde los iconos de
acceso directo en la barra de herramientas, y cuáles
● en qué partes de los ejercicios de las patatas se puede insertar
multimedia
Después puedes completar esta sencilla tabla u otra similar que crees a tu gusto
(puedes seleccionarla y después copiarla y pegarla en un documento normal de
texto):
Insertar multimedia
¿Cuáles? Iconos de acceso directo
¿Cuáles?
JQuiz
JMatch
JCross
JCloze
JMix
NOTA: Insistimos en la necesidad de que organices tus carpetas y tus ejercicios de modo
coherente antes de empezar los ejercicios, para evitar luego confusiones.
Un ejemplo de organización algo caótica podría ser este:
En donde se mezclan:
● archivos generados con Hot Potatoes:

● documentos html generados al exportar a web tus ejercicios:
● archivos gráficos:
● o archivos de sonido:
¿Cómo prefieres organizarlas?
Un ejemplo de buena organización previa a la elaboración de tus ejercicios de Hot Potatoes sería,
por ejemplo, crear una carpeta llamada "nombre_de_tu_pagina", y dentro de ella estas carpetas:
En donde:
archivos_ fuente se refiere a los archivos generados con las patatas

●
imagenes son todas las imágenes incluidas en los ejercicios

●
paginas_web son los documentos html una vez exportado el ejercicio a web
●
sonidos son los sonidos incluidos en los ejercicios
Así, cualquier archivo que estuviera fuera de esa carpeta "nombre_de_tu_pagina" no podría
aparecer en ella.
Debes tener esto en cuenta, especialmente, a la hora de insertar multimedia. Todos los multimedia
de tus ejercicios deben estar, antes de insertarlos, dentro de carpetas creadas para ese fin, y
dentro de la carpeta del ejercicio o página web, y ya no moverlos de ahí.
¿Qué crees que pasa en este ejercicio? ¿Cómo se puede solucionar?
......................
Ahora iniciamos con las imágenes la explicación de la inserción del multimedia en los ejercicios de
Hot Potatoes.
> Imágenes
h. Imágenes
Los tres pasos previos, cuando quieres incluir una imagen, son:
● decidir qué imagen quieres
● de dónde la vas a sacar: si ya la tienes, de tus carpetas; o la vas a escanerar; si vas a

utilizar alguna de Internet.
● en qué parte del ejercicio la vas a incluir
Lla forma y las posibilidades de insertar imágenesvarían en unos u otros casos.
Las imágenes se insertan así:
1. decide en qué parte del ejercicio la quieres y coloca ahí el cursor. Nosotros la vamos a
insertar, por ejemplo, en la casilla de Instrucciones
2. selecciona el menú Insertar
3. elige una de las dos opciones:
-desde una página web: es decir, desde un archivo en una página de

Internet
-desde un archivo local: es decir, desde un archivo gráfico que tengas en tu

ordenador
El programa recordará que hay que guardar el archivo antes de insertar una imagen:
Así, el programa puede reconocer en qué carpeta está tu archivo gráfico y encontrar la ruta
relativa de dicha imagen.
Guarda, por tanto, tu ejercicio. Después repite los pasos 1, 2 y 3.
A continuación vamos a elegir una imagen desde un archivo local.
En el siguiente cuadro hay que buscar la imagen que quieres, seleccionarla y después hacer clic en
Open o Abrir:
Entonces aparece una nueva pantalla similar a esta:
De esta ventana vamos a destacar lo siguiente:
● Alineamiento de la imagen: te permite colocar la imagen a la izquierda, al centro o a la

derecha dentro del lugar del ejercicio donde has decidido insertarla. Nosotros vamos a elegir
en el centro; queremos que esté centrada
● Largo y ancho: para modificar la imagen. En nuestro caso lo vamos a hacer porque nos
parece muy grande y le vamos a dar más o menos 200 x150
● URL del vínculo: esto es lo más importante: la referencia debe ser solamente a la carpeta
donde está incluida tu imagen; nada más. Si la cambiaras de carpeta, deberías comprobar
que el camino de búsqueda es correcto
Cuando pulses OK, habrá quedado insertada en el ejercicio y terminado el proceso.

Cuando se inserta un archivo multimedia por primera vez, llaman la atención los códigos que
aparecen en el ejercicio.
Este ejercicio, de ordenamiento de elementos en una frase, es el que hemos generado nosotros
después de haber insertado la imagen seleccionada:
En la imagen anterior hemos marcado los códigos htm aparecidos al insertar el

archivo gráfico.
¿Sabes qué quieren decir esos códigos y qué efectos han producido?
Este ejercicio, de ordenación de elementos en una frase es el que nos ha

resultado a nosotros después de haber insertado la imagen seleccionada y
haberlo convertido en una página html.
- ejercicio de ordenar con imagen -
Ésta es una prueba que hicimos, previa al resultado final, en la que probamos a
insertar la imagen tal cual y en el título; y comprobamos que era demasiado
grande, y que iría mejor en otra parte del ejercicio.
En realidad, el resultado final fue este ejercicio.
Queremos que te fijes bien, por cierto, en los elementos para ordenar: no hay
solamente palabras, ¿verdad?
Toma nota de este detalle porque en este tipo de ejercicios es importante todo lo
que se incluya... incluso el punto y cualquier otro signo de puntuación.
..............
A continuación vamos a elegir una imagen a través de una dirección web.
El proceso para insertar una imagen desde una página web es similar al que acabamos de describir,
es decir: pasos 1, 2 y 3.
En el siguiente cuadro hay que seleccionar la imagen y darle los parámetros respecto al
alineamiento, al tamaño, al nombre y a la dirección web http:// de referencia:
Y, para finalizar, seleccionar Ok.

> Sonido y vídeo
i. Sonido y vídeo
El proceso para la inserción de Objetos multimedia (sonidos y vídeos) es parecido al de ficheros

gráficos.
Los cuatro pasos previos son:
● decidir qué sonido o vídeo quieres
● de dónde lo vas a sacar: es decir, si ya lo tienes en tus carpetas o lo vas a tener (si lo vas a
grabar, por ejemplo)
● en qué parte del ejercicio lo incluirás
● si quieres que aparezca como sonido que complemente a la actividad o como sonido de fondo
Los "Objetos multimedia" complemento a una actividad se insertan así:
1. decide en qué parte del ejercicio lo quieres y coloca ahí el cursor. Nosotros lo vamos a
insertar, por ejemplo, en la casilla de Instrucciones
2. selecciona el menú Insertar. Aparece entonces esta imagen:

Tendrás que colocar el cursor en la casilla superior y después seleccionar Examinar para buscar tu
archivo. Pero si no has guardado el archivo de datos todavía, te recordará que lo hagas antes de
seguir adelante:
Así, el programa puede reconocer dónde está tu archivo multimedia dentro de tu carpeta, es decir,
encontrar la ruta relativa de dicho archivo.
Guarda, por tanto, tu ejercicio. Después repite los pasos 1 y 2. Verás que ahora sí te permite
colocar el cursor en la casilla superior y seleccionar Examinar para buscar tu archivo. Nosotros ya
lo hemos insertado:
Dentro de un rectángulo azul hemos enmarcado el signo que te permite reproducir el sonido para
comprobar que es el que quieres.
Enmarcados por un rectángulo amarillo tienes los Reproductores multimedia que puedes
seleccionar para escucharlo. Con las flechas azules de la derecha cambias el orden de preferencia
una vez seleccionados.
Después de estas selecciones, sólo hay que decir OK y se termina el proceso.
El ejercicio que nos ha resultado a nosotros es éste:
- ejercicio original de prueba de sonido -
en el que el usuario tiene que interactuar con el ejercicio para que comience a sonar. Por cierto, lo
que nos ha salido no nos ha gustado nada porque aparece ahí la ruta donde está insertado y sólo
queremos, sin embargo, que aparezca el nombre del sonido. Así que hemos vuelto a él y hemos
hecho una pequeña modificación en la configuración al insertarlo, y el resultado ya nos ha gustado
un poco más:
- ejercicio modificado de prueba de sonido -

Seguimos compartiendo nuestra propia experiencia con vosotros.
Os contamos que hemos estado haciendo pruebas y comprendemos que no es tan sencillo
como podría parecer.
En concreto hablamos ahora de los "Reproductores de sonido". Por ejemplo, primero

pensamos en seleccionar sólo uno de los reproductores, y los códigos html que generó
esta acción fueron estos:
<object classid="CLSID:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
width="100" height="30"> <param name="src" value="../sonidos/
the_crying _flower.MID" /> <param name="autostart" value="false" />
<param name="controls" value="ControlPanel" /> <a href="../sonidos/
the_crying _flower.MID" alt="../sonidos/the_crying _flower.MID">The
crying flower</a></object>
Hace falta saber un poco de html para descifrar estos códigos; te ayudamos y así
comprenderemos que:
hay sólo un objeto multimedia insertado, indicado y delimitado por las etiquetas
<object al principio y </object> al final para cerrar
●
el objeto se llama the_crying _flower

● el objeto es un sonido porque tiene la extensión .MID
● se ha insertado como vínculo a algo porque tiene el código <a href> y </a> al
final para cerrar
Después, pensamos seleccionar los 4 reproductores, ¿por qué no?, ¡no queríamos que
nadie se quedara sin escucharlo!
Haz tú lo mismo. Abre cualquier patata e inserta un sonido en ella. (Puedes cogerlo de la
carpeta de "Recursos" del CD). Selecciona 1º un solo Reproductor y comprueba los
resultados.
Después selecciona cuatro Reproductores: Windows Media, Quick Time, Real Player y
Flash Media.
Comprueba el resultado y compáralo con el anterior. Comprueba exactamente, como

hemos hecho nosotros antes, qué códigos han aparecido y cuántos.
A nosotros nos sale como si hubiéramos insertado 4 archivos de sonido diferentes:

<object y </object> se repiten 4 veces; también la URL o ruta: <a href="../sonidos/
the_crying _flower.MID" ; algo así:
Extrae tus propias conclusiones: ¿cuándo se seleccionan unos u otros reproductores?
¿Para qué sirve exactamente: para que tú lo oigas o para que los usuarios lo oigan?
................
Volviendo a nuestro ejercicio anterior, el ejercicio de prueba de sonido ¿el sonido incluido aporta
algún valor pedagógico al ejercicio?
Creemos que no, ni sirve como motivación ni forma parte del contenido de la pregunta en sí; en
realidad, iría mejor como sonido de fondo que, además, se iniciara automáticamente, sin darle más
importancia.
Anota 5 propuestas en las que la inserción de un sonido cobraría pleno sentido

pedagógico. Con estas condiciones:
● deben ser para diferentes materias curriculares

● deben hacerse con diferentes aplicaciones de Hot Potatoes
● deben insertarse en diferentes partes del ejercicio o de su configuración
● debes explicar en qué consiste el ejercicio
Te damos un ejemplo:
● Ejercicio para la especialidad de Música, de respuestas cortas con 4

preguntas por ejemplo, en el que se escuche una música y haya que
adivinar su compositor. El sonido se insertaría en el enunciado de cada
pregunta
Si quieres, desarrolla uno de ellos con Hot Potatoes.
NOTA: Como complemento a este tema, lee dentro del Anexo Multimedia el apartado dedicado
al sonido y al vídeo. Cuando hagamos ejercicios de inserción de sonido en el capítulo 3 volveremos,
de todas formas, a hacer referencia a él.
Hay dos posibilidades de insertar un sonido como música de fondo:
● para que se reproduzca automáticamente al cargar la página: tendrás que escribir

manualmente este código:
<bgsound src="nombre_de _archivo.mid"LOOP=n ó INFINITE>
Fíjate dónde tienes el archivo de sonido; si está dentro de una carpeta que, a lo mejor, se
llama "sonidos", la ruta sería:
<bgsound src="../sonidos/nombre_de_archivo.mid"LOOP=n ó INFINITE>
Por otro lado, donde dice LOOP=n ó INFINITE> tienes que elegir y escribir cuántas veces
quieres que se repita la música: si sólo 1, escribirías LOOP=1; si son 2, escribirías LOOP=2;
etcétera. Y si fuera infinito escribirías:
LOOP= INFINITE
Es fundamental que respetes todos los signos y todos los espacios de este código.
● para que no se reproduzca automáticamente, sino que el usuario pueda interactuar con él y
controlarlo mediante una consola:
<EMBED SRC="nombre_del_archivo.mid" CONTROLS=SMALLCONSOLE>

> Introducción de datos > Tablas
j. Tablas
Primero sitúa el cursor en el lugar donde quieres insertar la tabla HTML. Nosotros lo vamos a hacer
en la pregunta 1 de un ejercicio de respuestas múltiples.
Después selecciona Insertar/Taba HTML:
Una vez establecidos los parámetros:
y seleccionado OK, el programa insertará el código HTML automáticamente; en este caso el

resultado sería:
<table border="1" cellpadding="2" cellspacing="2" width="100%"><tbody>

<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody></table>
En donde:
● <table> quiere decir "tabla" y </table> "fin de tabla"
● <tr> quiere decir "fila" y </tr> "fin de fila"
● <td> quiere decir "celda" y </td> "fin de celda"
Aunque si miramos en el ejercicio sólo vemos esto:
Para verlo entero, y también para modificarlo después, tendrás que subir o bajar por las flechas de
la derecha.
En esta tabla de 2x2 no hay datos: las celdas están vacías. Por eso no se verá nada cuando se
exporte a web: ejercicio c27.
Viendo dichos códigos html anteriores:

<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody></table>
podemos deducir que:
- hay una tabla: marcados sus límites en color naranja
- hay dos filas: marcados sus límites en color rojo

- hay cuatro celdas en cada fila: marcados sus límites en color
morado
Ahora, abre cualquiera de las patatas y crea dos ejercicios con JCloze. El primero
con estos parámetros:
● 3 filas y 4 celdas (es decir, 4 columnas) cada una

● borde de tabla: 5
● anchura de tabla: 25%
El otro con los siguientes parámetros:
● 3 filas y 4 celdas (es decir, 4 columnas) cada una

● borde de tabla: 20
● anchura de tabla: 25%
Ahora dos preguntas:
● ¿cuál de los dos se corresponde con este ejemplo de tabla?

● ¿qué diferencia encuentras entre el ejemplo de tabla anterior y este
segundo ejemplo de tabla?
Te damos una pista: la respuesta a la segunda pregunta tiene que ver con
códigos html pero no de tablas.
¿Cómo se introducen los datos? A mano. En esta tabla, por ejemplo, los datos en marrón son los
que hemos añadido nosotros en nuestro ejercicio:

<tr>
<td>celda 1</td>
<td>celda 2</td>
</tr>
<tr>
<td>celda 3</td>
<td>celda 4</td>
</tr>
</tbody></table>
Mira el resultado.
Para poder introducir más datos en tu tabla, como por ejemplo color de fondo de las celdas, tipos
de letra, etc., es necesario que sepas código HTML.
Busca, en la Ayuda de las patatas, cualquier información de utilidad para

mejorar tus tablas: por ejemplo, consulta HTML tags (Tag quiere decir
etiqueta).
Incluye alguna de estas etiquetas en la tabla que hayas creado.

> Configuración
2.3 Configuración del ejercicio
a. Qué es
"Configuración" significa:
● el aspecto del ejercicio: color de fondo, tipo de letra, botones de navegación, etc.
● y las distintas instrucciones e indicaciones que lo acompañan: subtítulo, mensajes de respuestas,

correcto o incorrecto...
La configuración se cambia desde "Opciones/Configurar el formato del archivo originado".
b. Cómo se hace
El proceso para configurar un ejercicio es el siguiente:
abrimos cualquiera de las patatas y entramos en la pestaña: "Opciones/Configurar el formato del

archivo originado"
Y se abre la ventana Fichero de configuración con una serie de menús que tienes que ir seleccionando
para hacer los cambios que quieras:
Estos menús son comunes a todas las patatas, pero dentro de cada uno hay diferencias,
lógicamente, según el tipo de ejercicio.
La mayoría de las posibilidades de configuración son bastante intuitivas, por lo que no nos
extenderemos en su explicación. Sin embargo, sí vamos a proponerte actividades que te ayuden a
familiarizarte con ellas.
Por su parte, las opciones que sean específicas de cada tipo de ejercicio las veremos en el capítulo 3.
una vez cambiados los datos que queramos, guardamos la configuración con el botón inferior llamado
"Guardar como":
NOTA: Para estos archivos que tienen la extensión *.cfg te recomendamos que crees una carpeta
nueva llamada por ejemplo "configuraciones", dentro, como siempre, de la carpeta de tus
ejercicios.
Si modificas esta configuración después sólo tienes que guardarla con el botón "Guardar".
U una vez decidida la configuración, ya puedes introducir los datos que faltan.
Y finalmente, guardar el ejercicio desde "Archivo/Guardar".
c. ¿Configuración nueva o antigua?
Hay dos posibilidades:
crear una configuración nueva. Por ejemplo ahora, cuando todavía no hemos hecho ningún ejercicio y
empezamos de cero.
En este caso tendrías que seguir las instrucciones anteriores
● elegir una configuración que ya tenías hecha y guardada. Por ejemplo, si estás creando una serie de
ejercicios que van a formar parte de un mismo proyecto o de una misma web, tal vez te interesará que
presenten un estilo y aspecto uniforme.
En este caso se haría, una vez dentro de "Opciones/Configurar el formato del archivo
originado, desde el botón inferior "Cargar" (o "Cargar un archivo de configuración diferente").
Ahí se abre una ventanta nueva en la que tienes que buscar el archivo de configuración que quieres.
En nuestro caso tenemos uno guardado, lo hemos buscado por las carpetas y lo hemos seleccionado:
Inmediatamente hemos comprobado al volver al ejercicio que los datos de las casillas son ahora los
que tenía ese archivo, "cnice.cfg".
Cargar un archivo de configuración para cambiar su idioma también se puede hacer de este modo:
como antes, desde "Opciones/Configurar el formato del archivo originado/Cargar"; y desde la
pantalla que se acaba de abrir, buscar una carpeta específica dentro del programa Hot Potatoes que
instalamos en nuestro disco duro, llamada "Hot Potatoes\translations" (en nuestro caso sería
exactamente en C:, en "C:\Program Files\HotPotatoes6\Translations"):
Tras seleccionar este archivo con "Open", comprobamos que volvemos al ejercicio y que todas las
casillas han cambiado a español.
En cualquiera de estos casos en los que hemos optado por una configuración que ya teníamos,
tendremos que comprobar de todos modos que todos los datos son los que nos interesan.
Después, podemos mantenerla porque nos gusta así o podemos modificarla. Para mantenerla,
simplemente aceptamos en "Ok".
Para modificarla, introducimos los cambios que queramos y después la guardamos. Es mejor
guardarla en "Guardar como", para poder diferenciarla de la otra y conservar las dos.
Dentro de "Opciones" tenemos otra función llamada "Cambiar la información de la configuración desde un
archivo":
La "información de la configuración" se refiere al aspecto que tendrán los ejercicios, el idioma, los colores
empleados y a los avisos e indicaciones que se dan a los que tendrán que realizar los ejercicios diseñados
con las patatas"
El "archivo" es donde se guardará toda esa información de configuración para que pueda ser
utilizada en el diseño de otros ejercicos".
Y, finalmente, utilizamos esta función siempre que se desee conservar dichos datos para futuras
modificaciones de los ejercicios o para otros ejercicios, y para "conservar los datos de configuración
que hemos defnido y/o diseñado".
d. Profundizamos
Os comentamos brevemente algunos de los menús de la Configuración:
Botones
Los botones permitirán al usuario de tu ejercicio interactuar y navegar en él.
Podemos distinguir dentro de este menú (en "Opciones/Configurar el formato del archivo originado/Botones") dos
partes:
Personalizar
Es una de las pestañas de "Archivo de Configuración". Permite hacer modificaciones personalizadas en los archivos
fuente, que se comportarían como una característica más de la configuración. Por ejemplo, si necesitas que
aparezca siempre determinado texto.
Desde "Personalizar" también se puede incluir algunos códigos al comienzo del texto en el archivo fuente: por
ejemplo definir tus propias funciones JavaScript.
Para más información, busca dentro de la "Ayuda" de Hot Potatoes la palabra "Custom", que es el término original
utilizado por el programa.
CGI
Es una de las pestañas de "Archivo de Configuración".
Significa "Common Gateway Interface", o "Interfaz de Acceso Común" en español.
Se utiliza para poder enviar los resultados del ejercicio por correo electrónico. Es muy útil, por ejemplo, si tienes
clases "on line" y tus alumnos hacen tus exámenes de ese modo.
Para saber más, pulsa en el botón "Información" de la pestaña.
Unicode
Unicode es un sistema estándar de codificación de caracteres de casi todas las lenguas del mundo, de modo que
permite que en un mismo documento aparezcan distintas lenguas sin ningún problema.
Hot Potatoes permite esta posibilidad y podrías por tanto crear ejercicios, en teoría, en cualquier lengua o
mezclando lenguas.
Nota: puede haber algún sistema operativo que no permita esta función.
Para saber más, busca "Unicode" en la "Ayuda" de Hot Potatoes y lee la información.
e. Cuestión de orden
Hemos visto dos fases en la creación de ejercicios con Hot Potatoes: la introducción de los datos y la configuración
de su aspecto, de su formato.
El orden en que se hace depende de cada uno: puede pensarse que el orden lógico es escribir primero el título,
luego el contenido y después decidir sobre el aspecto del ejercicio, es decir, su configuración.
Pero puede que te interese más hacerlo al contrario: determinar primero la configuración y después rellenarlo con
los datos.
¿Por qué le estamos dando importancia al orden a la hora de introducir los datos?
Verás: abre, en cualquier patata, el menú de la configuración (recuerda: "Opciones/configurar el formato del
archivo originado"). Nosotros hemos abierto este por ejemplo:
Cualquier cambio que realices en los datos de configuración (en la imagen dentro de un recuadro naranja en la
parte superior), deberás confirmarlos o guardarlos desde las pestañas de la parte inferior (dentro de un recuadro
amarillo).
¿Y? Pues que esta nueva configuración guardada se va a conservar para los próximos ejercicios que hagas:
estamos hablando de toda la configuración, es decir, no sólo el color de fondo o el tipo de letra, que quizá es en lo
primero en que estés pensando; también otros datos de configuración que aparecen en estas pestañas, por
ejemplo el título o las instrucciones.
Hemos elaborado un ejercicio pero el resultado no es el que esperábamos.
Míralo aquí: abs0.
Por un lado, parece que se montan unas cosas con otras y no se ve bien un botón.
Por otro lado, hay partes que están en italiano.
Ah, claro, ahora nos acordamos de que estábamos probando a cambiar distintas
configuraciones, insertando códigos en el título, cargando archivos de interfaz
distintos en distintas lenguas, y que después hicimos este ejercicio sin revisarlo.
En realidad, lo que nosotros queríamos era algo así: abs2.
¿Cómo lo mejoramos? ¿Cómo hacemos para que se vea mejor y para volver a
ponerlo en español?
Aquí terminamos el apartado 2.3 sobre la "configuración del ejercicio", bastante importante no sólo para que el
ejercicio funcione correctamente sino también para que sea portador de un valor estético y pedagógico añadido. Lo
mejor, como siempre, para conocerlo es hacer múltiples pruebas con él.
A continuación, y para finalizar el capítulo 2, vamos a aprender un poco más acerca del modo de exportar el
ejercicio para convertirlo en una página web visible para cualquier navegador.
> Creación de una web
2.4 Creación de una página web
Estamos en el paso final en la creación de los ejercicios: la creación de una página web.
Para ello, primero hay que guardarla en el formato de la "patata".
Después hay que darle las instrucciones correspondientes.
Hay dos caminos para hacerlo. Uno es desde "Archivo\Crear página web":
Y el otro sería seleccionando directamente el icono correspondiente en la barra de herramientas:
Las posibilidades de generar páginas web no coinciden en todas las "patatas". Para saber las
opciones existentes en cada una, hay 3 caminos:
● uno, desde el menú "Archivo\Crear página web" como acabamos de ver
● otro, desde el menú "Opciones/Opciones de la barra de herramientas":

● Y el tercero, viendo cada aplicación una por una
Averigua cuáles son esas posibilidades y cuáles permite cada "patata"

de Hot Potatoes.
¿Puedes sacar alguna conclusión al respecto?
El proceso para generar páginas web es el siguiente:
1. una vez introducidos los datos y guardada la configuración, se guarda el ejecicio con el
formato de la "patata" correspondiente, en "Archivo/Guardar"
2. se selecciona "Crear página web"; y dentro de ésta elegimos en las opciones, si hay más
de una
3. se guarda el ejercicio, normalmente con el mismo nombre anterior
4. a la pregunta: "¿Visualizar el ejercicio en su navegador?", normalmente se responde que sí,

para comprobar que el resultado responde a nuestro proyecto.
Ahora, el ejercicio está listo para ser enviado a la red.

Puedes crear diferentes tipos de ejercicios , dándoles una

configuración y después exportándolos a web.
En el siguiente capítulo tendremos ocasión de profundizar en todos

ellos.
Otros destinos
Además de crear una página web, el programa también nos ofrece la posibilidad de exportar para
imprimir y de exportar a WebCT. Las dos opciones se encuentran en el menú “Archivo”.
Para saber más sobre WebCT, consulta su página web.

> Recapitulación
Recapitulación
Objetivos cumplidos
Cuando finalices este capítulo, serás capaz de crear ejercicios con cualquiera de las aplicaciones de
Hot Potatoes, de cambiar con cierta soltura su configuración y de darle las instrucciones precisas
para convertirlo en una página web apta para su visualización en Internet.
Para un óptimo seguimiento del siguiente capítulo, el 3, se requiere que hayas afianzado esos
conocimientos, porque vamos a seguir profundizando.
Es conveniente mantener un orden fácil de recordar en la clasificación de tus carpetas y archivos.
Si no lo has hecho todavía, este es un buen momento para retomar las actividades iniciales, las que
planteábamos al comienzo del capítulo; seguro que ahora ya sabes resolverlas.
Puedes comprobar la solución en la sección Actividades.

> Introducción
3.1 Introducción
Estamos en el ecuador del curso.
Antes de llegar aquí hemos tenido que instalar Hot Potatoes, conocer su interface, aprender a
manejarlo y crear ejercicios sencillos con él.
Además hemos trabajado con ejercicios generados en el formato de las patatas y con ejercicios
exportados como páginas html; y también hemos resuelto otros ejercicios elaborados con Hot
Potatoes.
En estel capítulo 3 vamos a crear diferentes tipos de actividades con las patatas.
Con cada una de las "patatas" se pueden hacer diferentes tipos de actividades.
Para empezar a elaborar un ejercicio primero hay que decidir de qué tipo se quiere y entrar en la
patata correspondiente. Una vez dentro aparece una "plantilla" que sirve de base para rellenar con
preguntas, respuestas y comentarios.
Actividades
Antes de seguir con los contenidos te proponemos unas sencillas actividades de repaso de las
"patatas" que, además, te servirá para valorar aspectos relacionados con tu evolución en el
aprendizaje de Hot Potatoes.
Actividades 1: Tipos de ejercicios
Pulsa en este enlace para acceder a la prueba
Ejercicio Tipo de ejercicio Patata Comentarios

(ejemplo) ejercicio
3. REPASO respuestas múltiples JQuiz "modalidad principiante"
CAPÍTULO 1
Actividades 2: Intereses
Reflexiona: ¿qué quieres hacer con Hot Potatoes? ¿Qué quieres incluir en tus
ejercicios yqué te gustaría aprender para poder realizarlos?
Completa esta tabla (la puedes copiar y pegar en un documento normal, completarla
y después imprimirla):
¿QUÉ ESPERO DE HOT POTATOES?
utilidad requisitos
dificultad ?? ??
en clase informáticos
insertar imágenes V
insertar sonidos
insertar vídeos
insertar lecturas
insertar
direcciones web
diferentes
configuraciones de
aspecto
poder enlazar
ejercicios con
botones de
navegación
posibilidad de
incluir caracteres
no latinos
poder incluir
códigos html
Después, consulta el índice temático que te hemos propuesto en la sección

"Actividades" para comprobar si esos items están incluidos en él. Si no lo están,
puedes incluirlos tú. Así tendrás un poco más claros tus objetivos de aprendizaje.
Actividades 3: Proyecto
Puedes abordar este tema a partir de la Actividad 3. Proyecto: Primaria
Estas actividades son personales, y por eso no te ofrecemos una solución, aunque sí un ejemplo de
cómo podrías resolverlas. Este ejemplo lo encontrarás en la sección Actividades.
NOTA: recomendamos que, antes de empezar este capítulo, dar un vistazo al capítulo y a todas las
actividades planteadas en él, con dos objetivos:
●
te dará una idea de lo que vas a aprender y quizá te sugiera un modo de trabajo particular
más acorde con tu estilo o con tus necesidades y prioridades
●
te ayudará, sin duda, a hacerte una planificación del tiempo y del esfuerzo que va a
suponerte
Esperamos que disfrutes.

> Contenidos > Respuestas Múltiples
3.2 Respuestas múltiples
a. Qué es
Los ejercicios de respuestas múltiples son aquellos en los que se plantea el enunciado de una pregunta y
se presentan diversas opciones, de las que solamente una de ellas es la respuesta correcta.
Este tipo de ejercicios se realizan con JQUIZ :
b. Elaboración de un ejercicio
Como ya se ha explicado en el capítulo 2, la elaboración de cualquier ejercicio en Hot Potatoes consta de

tres fases o etapas:
Introducción de los datos del ejercicio:
Bastará con que arranques la patata JQUIZ e introduzcas los datos de tu ejercicio,como se
muestra en la figura anterior.
Observa que a la derecha del enunciado de esta pregunta hay un menú

desplegable, en el que está seleccionada la opción Respuestas múltiples.
Configuración del ejercicio:
Todos los componentes de los ejercicios

elaborados con cualquiera de las "patatas" de
Hot Potatoes son editables o modificables;
para ello bastará con acceder a la opción
Configurar el formato del archivo
originado del menú Opciones de cualquiera
de las patatas:
Y accedemos al cuadro de diálogo que se muestra a continuación, y en el que se pueden observar diversas
fichas o pestañas con diferentes elementos que podrían modificarse.
En este primer ejercicio no vamos a configurar nada, para poder observar la configuración por defecto que
genera el programa. Por ello, pulsaremos sobre el botón OK para volver a la ventana de diseño del
ejercicio. A continuación guardaremos los datos del ejercicio, seleccionando la opción Guardar o Guardar
como... del menú Archivo.
Así, podremos modificar o corregir posteriormente el diseño del ejercicio. Se recomienda crear una
carpeta en la que guardar todos los archivos con los ejercicios y actividades a realizar durante el curso.
Guarda el diseño de este ejercicio con el nombre rmultiples.jqz (jqz es la extensión de los archivos
generados con JQUIZ en cualquiera de sus modalidades).
Creación de la página web:

Una vez introducidos los
datos de nuestro ejercicio y
establecida la respuesta
adecuada, bastará con
seleccionar la opción Crear
página web del menú
Archivo.
Guarda la página web con

el nombre rmultiples.htm
(htm es la extensión de los
archivos que forman las
páginas web).
NOTA: es muy importante

que no utilices ni espacios
en blanco, ni caracteres
acentuados ni la "ñ" en los
nombres de tus archivos,
ya que los servidores de
páginas web, donde se
publicarán los ejercicios, no
admiten estos caracteres
en los nombres de los
archivos.
Después de poner el nombre al archivo, nos aparecerá un cuadro de diálogo en el que se nos preguntará
lo que queremos hacer:
Pulsaremos sobre el botón Ver el ejercicio en mi navegador y, si todo se ha realizado correctamene,
deberá arrancarse nuestro navegador de páginas web y podremos ver el ejercicio terminado y listo para
ser realizado.
c. Particularidades
Modalidad
Gestionar preguntas
Te permite modificar las preguntas y sus respuestas que has creado.
Otros
d. Actividades
NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por
ejemplo:
● tu primer ejercicio de respuestas simples se ha llamado rmultiples.jqz

● el ejercicio que crees en la actividad 1 (Actividad con instrucciones/indicaciones) podría llamarse
rmultiples.jqz
● el ejercicio que crees en la actividad 2 (Actividad con imágenes) podría llamarse rmultiples.jqz
● el ejercicio que crees en la actividad 3 (Actividad cambiando el orden) podría llamarse rmultiples.
jqz
1. Actividad cambiando las instrucciones e indicaciones para resolver el ejercicio.
2. Actividad con imágenes
NOTA: Este tema lo tratamos en el Capítulo 2, Apartado 2.2.1 ("Introducción de datos"). A él te

remitimos si te quedó alguna duda. Además, te recomendamos que leas también lo referido a imagen
digital en el Anexo llamado "Multimedia".
3. Actividad cambiando orden de respuestas/preguntas
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar un ejercicio de
cada una de las modalidades presentadas; el ejercicio deberá ser contextualizado y relativo a tu área,
asignatura, etapa o nivel educativo.
> Contenidos > Respuestas Cortas
3.3 Respuestas cortas
a. Qué es
Los ejercicios de respuestas cortas son aquellos en los que se plantea el enunciado de una pregunta
y el usuario tiene que teclear la respuesta correcta, una sola en este caso.
Este tipo de ejercicios se realizan con JQUIZ :
El proceso para su elaboración es el mismo que para los ejercicios de respuestas múltiples. La única
diferencia es, en la introducción de los datos, la selección de la opción Respuestas cortas:
A la derecha
del
enunciado
de la
pregunta,
en el menú
desplegable,
está
seleccionada
la opción
Respuestas
cortas.
Resumimos ahora los pasos en este cuadro:
[nota diseño: hacer un cuadro interactivo: al pasar el cursor por las celdas de la izquierda aparecen
las de la derecha a la derecha o abajo como un menú desplegable; lo que queráis]
arrancas JQUIZ
Introducción ●
de los datos seleccionas "Respuestas cortas" del menú desplegable de la derecha

del ejercicio ●
introduces los datos
Los componentes del ejercicio son editables o modificables desde las diversas
fichas o pestañas en "Opciones/Configurar el formato del archivo originado":
en este primer ejercicio no vamos a configurar nada, para poder

observar la configuración por defecto que genera el programa
●
pulsamos en OK para volver a la ventana de diseño del ejercicio

Configuración ●
del ejercicio guardamos los datos del ejercicio, seleccionando Guardar o Guardar
como... del menú Archivo. Nómbralo rcortas.jqz (jqz es la
extensión de los archivos generados con JQUIZ en cualquiera de sus
modalidades)
Así, podremos modificar o corregir posteriormente el diseño del ejercicio.
Recuerda la importancia de crear una carpeta en la que guardar todos los

archivos.
●
selecciona "Crear página web" del menú "Archivo"

●
guarda la página web con el nombre rcortas.htm (htm es la

extensión de los archivos que forman las páginas web)
NOTA: no utilices ni espacios en blanco, ni caracteres acentuados ni la "ñ" en

Creación de la los nombres de tus archvios, ya que los servidores de páginas web, donde se
página web publicarán los ejercicios, no admiten estos caracteres en los nombres de los
archivos.
en el siguiente cuadro de diálogo, en el que se nos preguntará lo que

queremos hacer, selecciona Ver el ejercicio en mi navegador.
Si todo se ha realizado correctamente, deberá arrancarse nuestro navegador de páginas web y

podremos ver el ejercicio terminado y listo para ser realizado, tal como se puede ver al pulsar sobre
el siguiente enlace: tipo 2.
Actividad formativa
Te habrás dado cuenta de que tanto los ejercicios de respuestas cortas como los
de respuestas múltiples se elaboran con JQuiz.
Lo que queremos averiguar ahora es:
1.
¿JQuiz permite otros tipos de ejercicios? ¿Cuáles?
2.
¿Qué diferencias de configuración hay entre los ejercicios de respuestas
múltiples y de respuestas cortas? ¿Tienen los mismos tipos de botones y
de respuestas, por ejemplo?
3. ¿Tienen las dos modalidades "principiante" y "avanzado"?
c. Particularidades
Las mismas que los ejercicios de respuetas múltiples.
d. Actividades
Vamos ahora a realizar algunas actividades con ejercicios de respuestas cortas.

NOTA: recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios.
Por ejemplo:
● tu primer ejercicio de respuestas cortas se ha llamado rcortas.jqz

● el ejercicio que crees en la actividad 1 (Actividad simple con imagen) podría llamarse
rcortas1.jqz
● el ejercicio que crees en la actividad 2 (Actividad cambiando avisos/indicaciones) podría
llamarse rcortas2.jqz
● el ejercicio que crees en la actividad 3 (Actividad con sonido de fondo) podría llamarse
rcortas3.jqz
1. Actividad simple con imagen
En el apartado anterior 3.2.1 (respuestas múltiples) incluimos una imagen en una parte del
ejercicio, ¿recuerdas?
Bien, la idea es ahora que aparezca en otra parte.
Actividad formativa
Nosotros hemos hecho un ejercicio al que hemos llamado "rc_1". Míralo e intenta
contestar a las siguientes preguntas:
1.
¿En qué lugar exactamente hemos insertado la imagen?
2.
¿Cuál es el subtítulo?
3.
¿Lo hemos hecho en la modalidad principiante o avanzada?
4.
Compara ese ejercicio con este otro, llamado "rc_2". Se diferencian en
una cosa: ¿En qué? ¿Por qué?
Una vez que hayas realizado esta actividad formativa, puedes empezar tu propia actividad.
2. Actividad cambiando avisos/indicaciones
Con esta actividad pretendemos que vayas adquiriendo soltura en la cofiguración de tus ejercicios
de Hot Potatoes. En ella te pedimos solamente que modifiques los datos de la pestaña "Avisos/
indicaciones".
3. Actividad con sonido de fondo
Por primera vez en el curso vamos a insertar sonidos en los ejercicios de Hot Potatoes; en este
caso, en un ejercicio de respuestas cortas.
NOTAS: Este tema lo tratamos en el Capítulo 2, Apartado 2.2.1 ("Introducción de datos"). A él

te remitimos si te quedó alguna duda. Además, te recomendamos que leas también lo referido a
sonido digital en el Anexo llamado "Multimedia".
Actividad formativa
Una vez repasados estos temas, vamos a realizar esta actividad.
A nuestro ejercicio anterior le hemos incluido un sonido de fondo y lo hemos

llamado "rc_3".
Cuando lo abras deberá sonar una melodía que se titula "The nowhere song"...
que quizá te sirva de inspiración para contestar la pregunta.
Ahora, haz tú tu propio ejercicio de inserción de sonido. Puedes utilizar cualquier sonido de la
carpeta Sonidos dentro de Recursos.
Como resultado final, el sonido deberá comenzar automáticamente al abrir el ejercicio.

> Contenidos > Modalidad híbrida
3.4 Modalidad híbrida
a. Qué es
Los ejercicios de la modalidad híbrida combinan preguntas de respuestas múltiples con respuestas
cortas. Las preguntas aparecen primero como respuestas cortas, y si el usuario no sabe la respuesta
después de varios intentos, la pregunta cambia a repuestas múltiples.
Este tipo de ejercicios se realizan con JQUIZ
Que, una vez exportado a web, sería el ejercicio llamado tipo 3.
Los tres pasos son los mismos que en los demás tipos.
La diferencia está en las opciones de respuestas correctas y aciertos que vas a introducir: al incluir
respuestas cortas y respuestas múltiples tienes, por tanto, que incluir también peculiaridades de las
dos.
Digamos que el ejercicio lo diseñarías en dos partes:
como en primer lugar aparecerá un ejercicio de respuestas cortas, nos centramos primero
en su configuración. Así: escribes el título, la pregunta y las respuestas tanto correctas como
incorrectas a la izquierda, y marcas las posibles correctas a la derecha en la casilla "Correcto":
Y el usuario podrá escribir como respuesta correcta tanto "cloroplasto" como

"Cloroplasto".
Hasta aquí es el mismo proceso que para cualquier ejercicio de respuestas cortas.
ahora vamos a pensar: esta pregunta de respuestas cortas se va a convertir en respuestas

múltiples después de varios intentos (cuyo número, por cierto, tendrás de establecer también
pero desde el archivo de configuración). Por lo que tendremos que pensar qué opciones de
posibles respuestas vamos a incluir en él para que el usuario pueda marcar las correctas,
como en cualquier ejercicio de múltiples:
Fíjate que en la columna de la izquierda hemos introducido 6 palabras (llega hasta "F").
c. Particularidades
Datos específicos en la configuración a la derecha
En las dos modalidades:

Modalidad principiante Modalidad avanzada
Puntuación
Otros
Actividad formativa
La mejor forma de entender esto es comprobarlo haciendo nuestro ejemplo,

llamado tipo 3.
d. Actividades
1. Actividad simple con sonido mediante enlace a archivo de sonido
2. Actividad cambiando rótulos de botones
Primero vamos a hacer algunas pruebas con los botones de los ejercicios.
Actividad formativa
Mira estos ejercicios sobre arte: rh_3, rh_4, rh_5 y rh_6.
Se diferencian en los botones. ¿En cuáles?
Para descubrirlo tendrás que contestarlos :-)
3. Actividad con lectura incluida y contador
Actividad formativa
Antes de realizar esta actividad queremos que nos ayudes a resolver un problema. Hemos creado
un ejercicio híbrido con lectura incluida, pero al exportarla como página web hemos visto algo que
no nos gusta nada. Míralo; es el ejercicio El cielo está enladrillado.
Como puedes ver, en la lectura han aparecido unos espacios entre las palabras que no queríamos;
en realidad deberían ser sólo cuatro líneas, para cuatro versos.
¿Por qué pasa eso? ¿Cómo lo cambiamos?
Para darte una pista mira esta imagen: es el esqueleto de la lectura cuando la insertamos; en él
hay mucho código que quizá no reconozcas y que se generó automáticamene al crear el ejercicio
con el programa Word. En él hemos subrayado en naranja el texto para ayudarte:
Para resolver el problema tienes que abrir el ejercicio. Se llama "rh_1.jqz" y está en en el menú
superior del curso, en la sección "Recursos/Ejerciciohp".
Una vez descubierto, ya estás un poco mejor preparado para realizar esta actividad de inserción de
lectura. En cuanto al contador, simplemente te recordamos que está en "Opciones/Configurar el
formato.../Contador". De todas formas, antes de insertarlo, piensa un poco (seguro que lo has
hecho ya) en su utilidad pedagógica.
> Contenidos > Multiselección
3.5 Multiselección
a. Qué es
Los ejercicios de multiselección son un tipo particular de respuestas múltiples. En ellos se plantea el
enunciado de una pregunta que va a tener varias respuestas correctas, y para contestar bien hay
que seleccionarlas todas, y dejar sin marcar las incorrectas.
Este tipo de ejercicios se realizan con JQUIZ . Por ejemplo:
Que, una vez exportado como página web, sería este, que hemos llamado tipo 4.
Actividad formativa
Para saber cómo resolver un ejercicio de ordenar elementos, léelo en el subtítulo

del ejercicio anterior que hemos llamado "tipo 4".
Y si no lo hiciste antes, resuélvelo ahora. También puedes equivocarte "aposta"

porque te ayudará a entender algunas cosas.
Nota: si quieres repetir el ejercicio varias veces y parece que no te lo permite el

programa, puedes hacerlo utilizando el icono "Actualizar" típico de los
navegadores: por ejemplo en Internet Explorer o en Mozilla.
Ahora intenta encontrar respuesta a estas cuestiones antes de seguir y de

analizarlo juntos:
● ¿cómo sabes cuándo has acertado?

● el mensaje de respuesta cuando le das a "comprobar", ¿lo entiendes?
● ¿se parece este tipo de ejercicio al de respuesas múltiples? ¿Por qué?
El proceso es el mismo que para los demás ejercicios: empezamos con el título, el subtítulo y las
instrucciones.
Después, podemos seguir con los datos que completan el ejercicio y con su configuración.
O viceversa, primero la configuración y luego los datos; como prefieras. Pero recuerda, en cualquier
caso, la importancia de comprobar la configuración (que habrá aparecido automáticamente al
abrir la "patata") antes de guardar el ejercicio, por si se hubiera cargado una que ya tenías y no te
conviniera.
Los datos que se introducen en los ejercicios de multiselección son los mismos que los de
respuestas múltiples:
● la pregunta
● las posibles respuestas, en la izquierda
● las indicaciones, en la derecha
Y el modo de crear página web también, como siempre, desde "Archivo/Crear página web" o desde
el icono de acceso directo:
Algo cambia, sin embargo, en estos ejercicios respecto a los de respuestas múltiples: al crearlos
pero también, como usuarios, al solucionarlos.
¿El qué?
Lo vemos en la siguiente actividad.
Actividad formativa
Vuelve al ejercicio "tipo 4" para analizar cuatro cuestiones, preguntas habituales,
por otro lado, cuando nos enfrentamos a un ejercicio de multiselección por
primera vez:
al resolverlo y al hacer clic en "comprobar" aparecía, si recuerdas, este

mensaje o similar:
¿qué significa ese 2/4, 1/4 o 3/4?
- para ayudarte, resuelve los ejercicios "tipo 4" y "tipo 4bis" y

compara el mensaje, después de hacer clic en "comprobar", en los
dos
¿y por qué siempre dice "correcto" en el botón, incluso si te

equivocas? ¿Se te ocurre otra palabra más adecuada?
- para ayudarte, mira la pestaña "Botones" dentro del Archivo de

configuración (ya sabes: dentro de la patata, en "Opciones/
configurar el formato del archivo originado"). Dentro de ella tienes
dicho botón. Nosotros, en el ejercicio "tipo 4bis" lo hemos llamado
de otra manera; míralo, a ver si te gusta más.
al final, cuando se supone que ya has acertado la pregunta, aparece un

mensaje similar a este:
con este porcentaje: 50%, y un dato: 4/4
¿qué quieren decir estos dos datos? ¿Lo entiendes?
- para ayudarte, te decimos que el porcentaje tiene que ver con el

número de intentos
Intenta averiguarlo.
Lo vemos ahora, a continuación.
Entonces:
En este tipo de preguntas de multiselección no se trata de acertar correctamente, sino de

seleccionar/no seleccionar correctamente.
La forma de puntuar o valorar la respuesta es la siguiente: sobre un total de x selecciones, has

hecho bien x {selecciones/no selecciones}:
● en el caso del ejercicio "tipo 4": sobre un total de 4 selecciones o no selecciones que
teníamos, hemos hecho bien 1 ó 2 ó 3. Esto lo expresa el programa de este modo: 1/4,
2/4 ó 3/4
Así, habrás acertado cuando hayas conseguido 4 de un total de 4: 4/4

● en el caso del ejercicio "tipo 4bis": sobre un total de 3 selecciones o no selecciones, hemos
hecho bien 2 ó 1. Esto lo expresa el programa de este modo: 1/3 ó 2/3
Así, habrás acertado cuando hayas conseguido 3/3
Esperamos que te haya quedado claro. Si no, lo verás cuando hagas tus propios ejercicios.
c. Particularidades
Modalidades
Como en los tipos anteriores, las preguntas de multiselección también presentan las dos
modalidades: "principiante" y "avanzada".
En la modalidad avanzada aparece un dato llamado "ponderación" o "factor de valoración" del

inglés "weighting", y se refiere al valor que tiene cada pregunta correcta dentro de la puntuación
total: por ejemplo, cuando en un examen una pregunta vale tantos puntos.
"Avisos/Indicaciones". "Botones". "Otros"
Recomendamos dar un vistazo a estas pestañas dentro de "Archivo de configuración" y modificarlas,

por varias razones:
● para personalizar tu ejercicio dándole a las indicaciones y a los botones el texto o el rótulo
que a ti te guste más y en el idioma que quieras
● para mejorar su presentación: desde "Otros" tienes la posibilidad de que las preguntas o las
respuestas aparezcan de distinto modo cada vez que se cargue el ejericicio, por ejemplo
● porque actuando sobre ellas aprenderás de modo más eficaz
Esto es lo más destacado de los ejercicios de multiselección.
A continuación te presentamos las actividades. Como es habitual, serán personales y adaptadas a

tu especialidad educativa, y podrán incluir además de lo obligatorio cualquier otro aspecto que
quieras.
d. Actividades
Actividad 1
Actividad simple con lectura añadida y enlace a página web
NOTA: La explicación sobre la inserción de lecturas la tienes en el Capítulo 2, Apartado 2.2.1.d
Actividad 2
Actividad libre
Actividad 3
Actividad que incluya al menos 2 preguntas, cada una hecha con distintos tipos de ejercicios de
JQuiz:
● una de híbrida
● una de multiselección
> Contenidos > Emparejamientos
3.6 Emparejamientos
a. Qué es
Los ejercicios de emparejamientos o asociaciones son aquellos en los que hay que relacionar dos grupos de
contenidos (textos, imágenes, etc.).
Se hacen con JMATCH . Por ejemplo:
Este ejercicio, una vez exportado a web, sería el llamado tipo 5.

Actividad formativa
Para saber cómo resolver un ejercicio de emparejamientos, léelo en el subtítulo del

ejercicio anterior llamado " tipo 5".
Y si no lo hiciste antes, resuélvelo. Aprenderás algo sobre el tema de las tecnologías,

que quizá retomemos más adelante...
Los tres pasos a seguir son los mismos de siempre.
Los datos principales y comunes a todos los tipos de ejercicios se introducen del mismo modo: el título, el
subtítulo, las instrucciones para realizar el ejercicio y el aspecto o el tipo de letra.
Después tienes que decidir qué elementos irán en las dos columnas para que los relacionen los usuarios:
● en la columna de la izquierda se colocan los que siempre aparecerán como fijos

● en la columna de la derecha se colocan, a la misma altura, los que se relacionarán con los fijos.
Tienen que ir en el mismo orden; ya se ocupará el sistema de que aparezcan desordenados cada
vez que se cargue la página automáticamente
Tanto los fijos como sus relacionados pueden ser textos, imágenes, vínculos u objetos multimedia.
Luego tienes que decidir si quieres que algún elemento aparezca fijo: bien uno de los elementos de la
derecha (marcando su casilla, destacadas en el recuadro amarillo de la imagen siguiente) o uno diferente
(en la casilla inferior, destacada en un recuadro marrón):
Actividad formativa
En el ejercicio que acabamos de ver aparecen algunos códigos html: unos los hemos
incluido manualmente y otros los generó el programa de modo automático.
¿Cuáles son esos códigos, respectivamente, y qué significan?
La respuesta, como es habitual, en la sección "Ejercicios" del CD.
Creación de página web

Hay dos modos de exportar a web en los ejercicios de emparejamientos, como puedes comprobar al hacer
clic en estos dos iconos de la "patata":
Es decir:
● como página web estándar, con casillas o menús desplegables: jmatch_2bis

● como página web de tipo "Arrastrar/soltar": jmatch_2bisbis
Además, en JMatch puedes exportar también:
● como "Tarjetas Flash": míralo en el ejemplo jmatch_2
Actividad formativa
En los tres ejemplos anteriores nos ha pasado algo curioso: si no lo has hecho antes
fíjate ahora en las instrucciones de los tres. Ves que son las mismas pero, sin embargo,
no parecen cuadrar en todos, ¿verdad?
En realidad sólo corresponden a uno. Pero al crear los ejercicios un poco deprisa no nos
hemos fijado nada en la configuración de cada uno y claro, hemos metido la pata por
no haberla cambiado.
Bien. La 1ª pregunta ahora no es difícil de responder: ¿A cuál de los tres corresponden

esas instrucciones?
Y la 2ª pregunta es: vuelve a este ejercicio en el formato de Hot Potatoes y modifica las
instrucciones para que queden mejor.
Sí, es uno solo. En realidad creamos un solo ejercicio con Match pero lo exportamos de
las tres maneras, creando por tanto tres documentos htm diferentes.
Se llama "jmatch_2" y lo encontrarás en "Recursos\ejercicioshp\jmatch2"
Pon nombre a cada ejercicio nuevo creado y guárdalos todos dentro de la misma
carpeta, que puede llamarse " jmatch2" como la nuestra.
c. Particularidades
Organizar elementos
Te permite modificar los elementos de la columna de la izquierda: cambiando de orden o de columna,
eliminando, copiando, etc. Esta particularidad también la tienes en JQuiz, pero denominada "Gestionar
preguntas".
Actividad formativa
¿Qué utilidad le ves desde la perspectiva de la materia que impartes?
Botones
Nos fijamos en particular en los dos botones de la derecha y que hemos encuadrado en color marrón:
Son botones que aparecerán sólo si creas con el ejercicio una página web con tarjetas Flash.
Otro
De esta pestaña destacamos la opción siguiente:

ACTIVIDADES
Como de costumbre, las siguientes actividades serán personales y adaptadas a tu especialidad educativa.
Deben incluir obligatoriamente lo que se especifica, y además puedes añadir algo nuevo si quieres.
Actividad 1
Con texto y con sonido en el título que se ejecuta en la propia página.
Actividad 2
Cambiando el aspecto del ejercicio.
Opcionalmente, te proponemos que incluyas en esta sencilla actividad algo nuevo y por primera vez en el
curso: intenta enlazar este ejercicio con otro.
Puede ser por ejemplo con la Actividad 1 anterior.
Para ello tienes que utilizar los botones de navegación (En "Opciones/configurar el formato del archivo
originado/Botones"). A la izquierda, selecciona los botones:
● "incluir botón ejercicio siguiente" e "incluir botón atrás", en las casillas de la izquierda
● ponles sus nombres o rótulos respectivos, en las casillas de la derecha
● escribe en su casilla el nombre de dichos ejercicios, es decir, su URL o ruta de acceso
Esto es sólo una prueba, así que no te preocupes si te resulta difícil (aunque seguro que puedes hacerlo).
En el capítulo 4 vamos a profundizar en ello, pero si empezamos ahora a coger la idea seguro que nos
facilitará el aprendizaje más tarde. Y seguro, también, que ya nos apetece a algunos empezar a utilizar
navegación.
Actividad 3
Actividad en la que se relacione al menos una imagen con otra imagen.
En esta actividad tienes, además, que probar seleccionando dentro de "Otro" la opción "Mostrar un número
limitado de ítems cada vez que cargue la página". Guarda cada documento que crees y compara los
resultados, su eficacia y su utilidad. Seguro que puedes extraer alguna conclusión.
Actividad 4
Actividad en la que se relacione texto con imágenes.
Esta actividad tienes que exportarla de los dos modos: estándar y como arrastrar/soltar. Guarda los dos
documentos y comprueba el resultado: ¿Qué pasa?
¿En qué casos se recomienda uno u otro modo? Vamos a detenernos un momento en ello consultando la
parte sobre JMatch del tutorial en español de Hot Potatoes: http://platea.pntic.mec.es/~iali/CN/HotPot60/
tutorial.htm Te dará alguna pista más.
> Contenidos > Ordenar elementos
3.7 Ordenar elementos
a. Qué es
Los ejercicios de ordenamiento de elementos consisten en colocar correctamente partes de un todo:
● letras de una palabra

● palabras u otros elementos en una frase o contexto
● frases en un texto
Este tipo de ejercicios se realizan con JMIX . Por ejemplo:
Ejercicio que, una vez exportdo a web, quedaría así: tipo 6.

Actividad formativa
Para saber cómo resolver un ejercicio de ordenar elementos, léelo en el subtítulo del
ejercicio anterior llamado "tipo 6".
Y si no lo hiciste antes, resuélvelo ahora. Fíjate especialmente en los 3 botones que

aparecen y para qué sirven.
Los datos principales, comunes a los demás tipos de ejercicios, se introducen del mismo modo: el
título, el subtítulo, las instrucciones para realizar el ejercicio, el aspecto o el tipo de letra.
Después:
frase principal: en la que se escriben los elementos que se van a desordenar. Se introducen
en orden y uno en cada línea. Cuidado con los espacios y los signos de puntuación porque
también cuentan
●
frases alternativas: otras posibilidades de acierto para esa misma frase: a veces se incluye
aquí, por ejemplo, la misma frase pero con alguna mayúscula, aunque hay otras posibilidades.
Dos de ellas son las que aparecen en la parte inferior de la plantilla del ejercicio: "Permitir
frases que no utilizan todas las palabras o signos de puntuación en la frase principal", y
"Avisar si la frase alternativa no utiliza todas las palabras y signos de puntuación de la frase
principal". Como verás, son excluyentes: o una o la otra.
Este es el proceso de creación de un ejercicio de ordenar elementos.
Actividad formativa
Crea ahora dos ejercicios y expórtalos como página web:
1.
uno, insertando una imagen dentro de la frase principal
2.
para enseñar a los niños de Primaria a separar palabras, creamos un ejercicio
en el que la frase principal sea: "La casa es bonita" con espacios entre la
palabras.
¿Qué conclusiones puedes extraer de cada uno?
Página web
Hay dos modos de crear una página web en estos ejercicios:
● como ejercicio de arrastrar y soltar
● como ejercicio de seleccionar
como puedes comprobar al hacer clic en estos dos iconos de la "patata":
Seguro que tienes tu propio criterio a la hora de elegir uno u otro.
c. Particularidades
En cuanto a la configuración, los datos específicos están en las pestañas "Avisos/Indicaciones",

"Botones" y "Otro".
Avisos/Indicaciones
En esta pestaña hay varios aspectos que queremos reseñar:
examinaremos cada mensaje porque tal vez la traducción que nos da Hot Potatoes no se adecúa
exactamente a nuestro ejercicio recién creado
●
averigua en qué momento del ejercicio aparecerán estos mensajes

●
el poner o no los dos puntos al final de cada mensaje puede mejorar el aspecto de tu ejercicio
●
el término <br> antes de "Tu puntuación" es un código html que significa medio salto de línea.
Podrás comprobar sus efectos cuando hagas un ejercicio
●
observa las dos casillas: Mostrar otras respuestas correct y Primera letra siempre mayúscula
Sabemos por experiencia que la tentación inicial es saltarse, más o menos, estos mensajes y dejarlos
tal como los da el programa. Pero te recomendamos que hagas distintas pruebas modificándolos y
marcando o desmarcando sus casillas, para experimentar con esta ficha de la pestaña "Avisos/
Indicaciones"
Botones
Aquí puedes ver una configuración de los Botones específicos de JMix, pero quizá prefieras otra.
Conviene que la reescribas a tu gusto. Tal vez en el botón "Deshacer" prefieras decir "deshacer intento
anterior" o "anular", y en "Reiniciar" prefieras "comenzar". Mira por ejemplo en el ejercicio anterior
llamado "tipo 6" qué botones y con qué nombres hemos utilizado, y cuáles faltan.
Actividad formativa
Se nos ocurre otra línea para la reflexión.
Cuando hagas tu ejercicio JMix, averigua si son necesarios todos estos botones para
que el ejercicio sea completo.
Y por otro lado, trata de imaginarlo para un ejercicio de Primaria, cuando los niños
necesitan instrucciones sencillas y claras, o para un ejercicio de Bachillerato.
Otro
Selecciona la pestaña "Otro" y observa lo que tiene JMix en relación con las demás "patatas", y por
qué es así.
Actividad formativa
Repasamos ahora las peculiaridades de JMix.
Examina estos dos ejercicios: jmix_1 y jmix_2 como usuario. En ellos hemos hecho algunos
cambios en sus configuraciones. Resuélvelos y compáralos y después responde a estas
cuestiones:
en el ejercicio "jmix_1": si te equivocas al contestar y quieres repetir desde el principio,

¿cómo lo haces?
●
en "jmix_2", ¿qué botones faltan, que serían en tu opinión imprescindibles?

●
¿a cuál de los dos corresponde la configuración de las indicaciones que vimos en la imagen
de arriba en esta página? ¿Y esta que tenemos a continuación?
● en cualquiera de los dos: ¿dónde aparece la indicación "Haz clic en las palabras para
incluirlas en la lista"?
En las actividades seguiremos investigando este tipo de ejercicios, en combinación con otros
elementos, como la inclusión de vínculos y otros que tú elijas.
Conviene que las actividades se adecúen al trabajo real en el aula en cuanto al formato de la patatat y
al formato para web.
ACTIVIDADES
Actividad 1
Actividad simple de ordenar las letras de una palabra pinchando en las letras, con enlace a correo
electrónico.
Por si no te acuerdas, en el Capítulo 2, en su apartado 2.2.1 (Introducción de datos) tienes la

referencia al modo de insertar enlaces en tu ejercicio.
Actividad 2
Actividad con respuestas alternativas y con signos de puntuación
El objetivo de esta actividad es observar las consecuencias de incluir o no los signos de puntuación
cuando se intenta resolver el ejericicio.
Actividad 3
Actividad simple de ordenar las palabras de una frase con la modalidad arrastrar y soltar.
> Contenidos > Rellenar huecos
3.8 Rellenar huecos
a. Qué es
Los ejercicios de rellenar huecos son aquellos en los que se plantea un enunciado, un texto o una palabra
con espacios que hay que rellenar o completar.
Este tipo de ejercicios se realizan con JCloze: . Por ejemplo:
Ejercicio que, una vez convertido en página web, tendría este aspecto: tipo7.
Actividad formativa
Para saber cómo resolver un ejercicio de rellenar huecos, léelo en el subtítulo del ejercicio
anterior.
Veamos a continuación cómo se elabora un ejercicio de este tipo. Nosotros vamos a ir creando uno
mientras lo describimos. Tú también puedes hacerlo ahora o esperar a las actividades.
Introducción de datos:
Un buen comienzo, como siempre, es tener ya decidido qué vamos a hacer: sobre qué texto, enunciado o
palabra vamos a trabajar, y qué posibles huecos vamos a poner para que el usuario diga qué falta en ellos.
Después:
abrimos la patata correspondiente

●
escribimos en el espacio superior el título del ejercicio para poder guardarlo

●
en el espacio principal incluimos el enunciado sobre el que vamos a trabajar. Lo puedes copiar y
pegar de otro documento ya hecho o teclearlo directamente. También insertar un vínculo a otro
documento
●
se marca la primera palabra, letra o fragmento que vamos a convertir en hueco. En nuestro caso
es la palabra "tomate":
●
se selecciona "Hueco"
●
vemos, escrita en la pantalla que aparece, esa palabra o fragmento que acabamos de marcar:
escribimos en "Pista" el mensaje que queremos que lea el usuario para ayudarle a adivinar qué
falta en ese primer hueco. Este es el mensaje que aparecerá cuando el usuario pulse en la casilla al
lado del hueco:
NOTA: Si buscas este icono en el ejercicio anterior que llamamos "tipo7" no lo vas a encontrar
porque no fue seleccionado en la configuración; su autor decidió no incluirlo ya que no lo necesitaba:
ya había incluido las 2 palabras de los huecos arriba. Para ver dicho icono en un ejercicio ya
exportado, mira el ejercicio llamado "más sobre colores".
Ahora seguimos con los pasos para crear un ejercicio:
● en "Respuestas correctas alternativas" incluimos otras posibilidades de acierto

● seleccionamos "Ok"
● volvemos a la pantalla principal y guardamos el ejercicio
● repetimos el mismo proceso para los demás huecos que queramos crear
● borramos o eliminamos huecos con los botones inferiores
● para cualquier modificación en la configuración de los huecos hay que volver a la pantalla
anterior denominada "Alternativas a la pantalla del hueco", con el botón "Mostrar palabras"
● la opción "Huecos automáticos" te simplifica la tarea de crear huecos en algunos casos
Actividad formativa
Mira el ejercicio: más sobre colores.
La propuesta de esta actividad es que reconstruyas el ejercicio: es decir, abre la patata

correspondiente a ejercicios para rellenar huecos y crea un ejercicio que corresponda al
que te hemos mostrado, que contenga los datos siguientes:
● título
● texto
● creación de huecos con sus pistas. La condición es que utilices el botón para
crear los huecos de forma automática
● botones correctos para "Pista" y para "Pista" para cada hueco. Fíjate bien
tanto en el texto de los botones como en cuántos y cuáles hay, porque puede
que falte alguno.
Puedes comprobar si lo has hecho correctamente si lo buscas en la carpeta del CD

llamada "Ejercicios", en "capitulo3/archivos fuente/cloze2".
Configuración del ejercicio
En la configuración de un ejercicio de Cloze destacamos estas particularidades:
Hay dos botones que pueden crear confusión; dos botones que encontrarás en "Opciones/
Configurar el formato del archivo originado/Botones":
Para entenderlo mejor, mira este documento sobre los botones de "pistas" en JCloze.
Actividad formativa
¿Qué se te ocurre para evitar esta confusión entre dos botones con el
mismo nombre?
Cualquier idea que tengas, anótala para ponerla en práctica cuando crees tu
primer ejercicio de rellenar huecos.
Nosotros, por nuestra parte, para no liarnos ya hemos realizado un cambio

en la configuración, que podrás comprobar enseguida.
En "Opciones/Configurar el formato del archivo originado/Otros" encontrarás datos

específicos de este tipo de ejercicio.
Actividad formativa
Para aprender, lo mejor es hacer pruebas con los ejercicios y los datos.
Por ejemplo: compara los ejercicios anteriores "tipo7" y "más sobre colores". Se
diferencian en varias cosas, además de en los botones de "Pista" como ya vimos. Una es
la presencia, en "tipo7", de las dos palabras que completan los huecos. Este dato no
aparece en "más sobre colores". ¿Por qué?
La respuesta está en esa pestaña "Opciones/Configurar el formato del archivo

originado/Otros". Averígualo.
Otra pregunta sobre la utilidad de incluir las palabras o no. ¿En qué tipo de ejercicios, o
para qué tipo de materias educativas sería más recomendable?
Los demás datos de la configuración los puedes completar como es habitual en los ejercicios de Hot
Potatoes. Después guarda la nueva configuración.
Exportar a web
Como lo hemos hecho con los otros tipos de ejercicios.
ACTIVIDADES
Actividad 1
Actividad simple, con imagen buscada en INTERNET.
Actividad formativa
Sólo una prueba antes de desarrollar tu propia actividad.
Vamos a crear un cuento muy sencillo (tres o cuatro líneas es suficiente) con
pictogramas: es decir, una historia en la que aparezca un texto sencillo y varias
imágenes en lugar de una palabra. ¿Es posible?
Actividad 2
Actividad con vídeo que se ejecuta en su propio programa.
Actividad 3
Actividad con vídeo que se ejecuta en la propia página.
> Crucigramas
3.9 Crucigramas
Los ejercicios de crucigramas se realizan con JCross.
Ejercicio que, una vez generado, sería este: tipo 8.

Actividad formativa
Por si quieres ir haciendo nuestros ejercicios, te adelantamos que un crucigrama de Hot

Potatoes se resuelve así:
haciendo clic en el número de la palabra dentro del crucigrama para que te diga la
pista o definición
●
tecleando después la palabra que creas correcta, pero no en las casillas del
crucigrama sino en el hueco superior al lado de la definición
●
seleccionando "Comprobar respuesta" (o "Introducir", según cómo hayas llamado a

ese botón") para ver si es correcto
●
seleccionando "Comprobar" para ver si está bien o no

●
y, finalmente, si no hemos acertado, seleccionando "pista" (o "Ayuda", por ejemplo)

si queremos que nos diga cuál es la siguiente letra correcta
Pruébalo con el ejemplo que acabamos de mostrarte, "tipo 8".
Veamos a continuación cómo se elabora un ejercicio con JCross.
Nosotros vamos a ir creando uno al mismo tiempo que describimos los pasos. tú también puedes hacerlo ahora o
esperar a las actividades.
Introducción de los datos del ejercicio:
Al arrancar JCross nos encontramos una cuadrícula como la de la imagen anterior pero en blanco. Las primeras
decisiones que tomamos son:
el título: en el recuadro de la izquierda. Una vez que lo tengas ya puedes guardar tu ejercicio y seguir
introduciendo los datos. Nosotros lo llamamos "Crucigrama1"
el tamaño de la cuadrícula: es decir, el número de casillas que tendrá (no el tamaño en cms. o en
píxeles). Para ello necesitas saber antes de nada qué palabras vas a introducir y cuántas.
El tamaño se cambia en "Organizar cuadrícula/Cambiar el tamaño de la cuadrícula". El número que

introduzcas ahí será el número de filas o columnas que tenga. Nosotros le damos 5 de tamaño porque
queremos algo sencillo y que no nos sobren casillas, y vamos a escribir sólo tres palabras: oro, casa y
amor.
Actividad formativa
Haz una prueba: crea tu ejercicio dándole de tamaño 5 (tendrá, por tanto, 5 filas y 5
columnas) y con tres palabras, como hemos hecho nosotros.
Guárdalo (no hace falta que hagas nada en la configuración) y después expórtalo a
web. Fíjate bien cuál es el resultado y el tamaño real del crucigrama.
Ahora vuelve al ejercicio de JCross y cámbiale el tamaño de 5 a 15, con las mismas 3
palabras. Vuelve a guardarlo pero con otro nombre para distinguirlos y vuelve a
exportarlo a web, también con nombre distinto.
Ahora fíjate en los dos documentos .html: ¿el segundo es más grande que el primero?
¿Tiene, en efecto, 15 filas y 15 columnas?
Saca tus propias conclusiones.
¿quieres crear tu propia cuadrícula o quieres que el programa lo haga automáticamente?
Si quieres crear tu propia cuadrícula, solamente tienes que introducir las letras en horizontal o en
vertical, tal como quieres que quede al final. Si tu crucigrama no va a ser demasiado grande, ésta
es una buena opción. Te mostramos ahora nuestro primer crucigrama, que hemos hecho con un
tamaño 5 de cuadrícula y con sólo tres palabras.
Si quieres que se cree automáticamente, selecciona "Organizar cuadrícula/Crear

automáticamente" o el icono de acceso directo . Y después sigue las instrucciones para
introducir las palabras y otros datos.
En este 2º caso vas a encontrar ciertas limitaciones si no registraste el programa Hot Potatoes
cuando lo instalaste. Además tendrás que prever algunas situaciones que vamos a ver enseguida.
Actividad formativa
Hemos empezado a crear de forma automática y siguiendo las instrucciones un nuevo

crucigrama sobre medios de transporte.
Pero tenemos un problema: ya han pasado unos cuantos minutos y parece que se ha atascado
en esta situación:
Por lo que hemos decidido seleccionar "Parar ahora" para ver qué está pasando. Entonces ha
salido la siguiente pantalla:
¿Puedes decirnos qué hemos hecho mal y cómo corregirlo?
Esta actividad anterior tenía que ver con el tamaño de la cuadrícula y el de las palabras, en efecto.
Pero la siguiente que te proponemos se refiere más bien al tipo de palabras o, más en concreto, a alguna de sus
letras, que no termina de encontrar su sitio...
Actividad formativa
Hemos empezado a crear de forma automática otro crucigrama, éste sobre colores. Con 4
palabras y de tamaño 10, suficiente para que quepan y sobre.
De nuevo parece que se ha atascado en la misma situación que antes, y al hacer clic en "parar
ahora" nos ha salido el siguiente mensaje:
¿Puedes decirnos qué ha pasado ahora? Mira el ejercicio aquí, por si te da alguna pista:
Bien. Seguimos adelante con la introducción de datos.
● El siguiente paso, para cualquiera de las dos opciones empleadas, es añadir las pistas, es decir, las
definiciones de cada palabra, lo que aparece en un crucigrama como "1 horizontal", "4 vertical", etc.
Para ello, selecciona "Añadir pistas", selecciona la 1ª palabra, escribe en el recuadro inferior la pista o
definición que quieras y después selecciona OK a la derecha. Así sucesivamente con todas las palabras
para, finalmente, marcar OK en la parte inferior:
Actividad formativa
Echa un vistazo al ejercicio anterior, ya exportado a web, al que hemos llamado

ejercicio de los colores, y resuélvelo.
Fíjate, por cierto, que las pistas o ayudas que hemos incluido para cada término
en horizontal y en vertical no son textos sino dibujos.
¿Para qué materia o nivel educativo podría valer un ejercicio como éste?
En este momento sólo nos quedaría configurar el formato del archivo.

Configuración del ejercicio
Desde "Opciones/Configurar el formato del archivo originado", como siempre, vamos a ir
añadiendo los demás datos. Los específicos del crucigrama están en "Avisos/Indicaciones", en "Botones"
y en "Otros".
Actividad formativa
Te invitamos a que descubras por ti mismo cuáles son esos datos específicos de los
crucigramas y que hagas pruebas para conocerlos mejor, tanto creando ejercicios en
su formato correspondiente como generando páginas web.
Asimismo, fíjate en las posibilidades o no de incluir imágenes y otros objetos

multimedia, y dónde.
● Una vez configurado el ejercicio sólo nos queda guardar los nuevos datos de configuración y finalmente
guardar el ejercicio.
● Creación de página web
● La forma de crear un documento .html es la misma que en los demás tipos de ejercicios.
●
● ACTIVIDADES
● En las siguientes actividades vamos a revisar lo que acabamos de aprender y a practicar con nuevas
formas de insertar hipermedia.
● Estamos ya casi al final del capítulo 3, por lo que no nos queda mucho que decirte, de lo principal de los
tipos de ejercicios de Hot Potatoes, que no hayamos visto ya. No vas a encontrar grandes dificultades en
realizar estas actividades con crucigramas, por lo que esperamos que sigas disfrutando y te animes a
incluir en las actividades, aparte de lo obligatorio, algo más de todo lo que has aprendido hasta ahora.
● 1. Actividad simple con crucigrama a mano.
● Incluye pistas horizontales y verticales.
● 2. Actividad simple con crucigrama automático.
● No debe tener botones de navegación.
3. Actividad con enlace a página web (en ventana nueva)

● El resultado final debería ser similar a este:
● 4. Actividad cambiando aspecto del vínculo
● El resultado final debería ser similar a este:
> Recapitulación
3.10 Recapitulación
Objetivos cumplidos
Cuando hayas finalizado este interesante capítulo 3, y antes de continuar con el capítulo 4, tendrás
que conocer bien todas las patatas de Hot Potatoes y haber adquirido cierta soltura en la
elaboración de múltiples ejercicios hipermedia.
Objetivos que no dudamos que hayas alcanzado.
Pero si no fuera así o si te quedara alguna duda, tómate tu tiempo para afianzarlos.
El capítulo siguiente, el 4, supone un salto cualitativo muy especial en el curso. Sin duda el
afianzamiento de lo aprendido te facilitará, a partir de ahora, un sendero llano y sin sobresaltos.
Recuerda que puedes ver la solución de tus ejercicios en la sección "Actividades".

> Introducción
4.1 Introducción
Cuando se tienen varias actividades creadas, hay que unirlas para generar conjuntos de ejercicios,
creando verdaderas unidades didácticas que den sentido y coherencia al trabajo desarrollado y que
permitan a los alumnos seguir una secuencia de contenidos estructurada y lógica. Para enlazar los
ejercicios creados hay varias posibilidades:
● el menú Opciones de cualquiera de las patatas de Hot Potatoes.

● la aplicación The Masher incluida en Hot Potatoes.
● o cualquier otro editor html.
Actividades Antes de comenzar veremos algún ejemplo sencillo y unos Proyectos.
ACTIVIDAD 1. Navegación Lineal
Para empezar, se propone un análisis de conocimientos previos con un pequeño ejercicio ya

elaborado.
Pulsa en este enlace para acceder al ejemplo
ACTIVIDAD 2. Navegación mediante un Índice
Los ejercicios se pueden organizar y estructurar mediante una navegación lineal o mediante un
Índice
ACTIVIDAD 3. PROYECTO
En el Capítulo 4 hemos optado por tres Proyectos correspondientes a cada una de las posibilidades
para enlazar actividades. Para ello contamos con el Proyecto A.4: A fondo y sus variantes, todos
en la sección " Proyectos ".Si las propuestas no se ajustan a lo deseado, se pueden adaptar a otra
realidad y a otros intereses. También puedes retomar los Proyectos anteriores si no los hiciste: A.0,
A.1, A.2 y A.3.
Y para finalizar el curso, también podéis realizar el Proyecto A.5: Tiempo libre
NOTAS
Nota 1: las respuestas a las actividades 1 y 2 son personales.
Nota 2: esta vez es especialmente importante echar un vistazo antes de empezar a todo el
contenido del capítulo, con estos objetivos :
● encontrar tu propio modo y línea de trabajo, más acorde con tu estilo o con tus necesidades
y prioridades
● planificar tu tiempo y esfuerzos
Esperamos que disfrutes.

>Con el menú Opciones
4.2 Enlazar ejercicios con el menú Opciones
a. Cómo se hace
Para enlazar diferentes ejercicios mediante botones de navegación, utilizaremos la opciones de la

ficha Botones, a la que se accede desde la función Configurar el formato del archivo originado
del menú Opciones de cualquiera de las patatas.
b. Enlazar dos o más actividades
Supongamos que queremos enlazar en una secuencia de navegación lineal algunos de los
ejercicios mostrados en la Introducción del Capítulo 3, ( Actividad 1. Tipos de Ejercicios ),
concretamente, queremos enlazar:
● El ejercicio de Tipo 1 , ejercicio de respuestas múltiples.
● El ejercicio de Tipo 5 , ejercicio de emparejamientos.
● El ejercicio de Tipo 8 , un crucigrama.
Queremos que la navegación sea lineal, es decir, que el usuario tenga que hacer primero el
ejercicio de Tipo 1 (respuestas múltiples), luego el de Tipo 5 (emparejamientos) y, por último el
de Tipo 8 (crucigrama) y, por si lo desea repetir, vamos a permitir solamente que vuelva desde el
último ejercicio, el crucigrama, al primero, el de respuestas múltiples. Para ello, introduciremos los
siguientes botones de navegación:
● En el ejercicio de Tipo 1, un único botón con al leyenda Siguiente Ejercicio.
● En el ejercicio de Tipo 5, dos botones, uno con la leyenda Ejercicio Anterior y el otro con
la leyenda Siguiente Ejercicio.
● En el ejercicio de Tipo 8, un único botón con la leyenda Volver a empezar , para que nos
lleve de nuevo al primer ejercicio.
Pulsa en este enlace para ver una animación sobre la elaboración de esta práctica
NOTA : Ésta es solamente una posible propuesta de navegación lineal, entre otras muchas
posibles. El objetivo es que aprendamos a incluir botones de navegación.
Ahora se pretende que reproduzcas ese sistema de navegación lineal, los archivos fuente que
necesitas para ello los encontrarás en la carpeta \tema4\ejercicios\capitulo4\archivos_fuente
de este CD-ROM.
Abre el archivo tipo1.jqz, que se

encuentra en la carpeta especificada
anteriormente, y selecciona la opción
Configurar el formato del archivo
originado del menú Opciones:
Y accedemos al cuadro de diálogo de las diferentes fichas o pestañas de configuración. Selecciona la

ficha Botones, tal como se muestra en la figura siguiente:
Completa la ficha con los siguientes datos:
● Marca la casilla de Verificación Incluir botón "Siguiente ejercicio"
● En el recuadro Texto , escribe Siguiente Ejercicio (para ello primero deberás borrar lo que
esté escrito).
● En el recuadro URL del Siguiente ejercicio , escribe tipo5.htm o utiliza el botón Buscar
para seleccionar el ejercicio al que queremos acceder mediante el botón Siguiente
Ejercicio.
El aspecto final se muestra en la figura siguiente:

● Pulsa en el botón Guardar, para grabar los cambios en el archivo de configuración *.cfg, y
luego en el botón OK.

Ahora guarda los
cambios en el archivo
tipo1.jqz y vuelve a
crear la página web
correspondiente
mediante la opción
Crear página web del
menú Archivo .
Guarda la página web

con el nombre tipo1.
htm .
NOTA : es muy
importante que no
utilices ni espacios en
blanco, ni caracteres
acentuados ni la "ñ"
en los nombres de tus
archivos, ya que los
servidores de páginas
web, donde se
publicarán los
ejercicios, no admiten
estos caracteres en
los nombres de los
archivos.
RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm), deberán estar
todos en la misma carpeta para que funcionen los botones de navegación.
Después de poner el nombre al archivo, nos aparecerá un cuadro de diálogo en el que se nos
preguntará lo que queremos hacer:
Pulsa sobre el botón Ver el ejercicio en mi navegador y, si todo se ha realizado correctamente,
el navegador arranca y muestra el ejercicio terminado, con el botón de navegación en la parte
superior , tal como se puede ver al pulsar sobre el siguiente enlace:
Pulsa aquí para ver el Ejercicio con un Botón de Navegación
Ahora haz lo mismo con el segundo ejercicio. Abre el archivo tipo5.jmt he introduce los botones
especificados anteriormente. El resultado es una ficha Botones como la que se muestra a
continuación:
Al igual que hemos hecho antes, hay que guardar los cambios realizados en el archivo fuente y
volver a crear la página web correspondiente.
RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm), deberán estar
todos en la misma carpeta para que funcionen los botones de navegación.
Si todo se ha realizado correctamente podremos ver el ejercicio terminado y con los botones de
navegación en la parte superior, tal como se puede ver al pulsar sobre el siguiente enlace:
Pulsa aquí para ver el Ejercicio con varios Botones de Navegación
Ya sólo te queda definir los botones del tercer ejercicio, tipo8.jcw, pero como ya tienes suficiente
experiencia para repetir los pasos, no te vamos a mostrar nada más. Simplemente tienes que
obtener una página web como la que se muestra al pulsar sobre el siguiente enlace:
Ejercicio con un único botón de navegación: Volver a Empezar
c. Particularidades
Si queremos navegar entre el conjunto de ejercicios creados y enlazados de otra forma que no sea
lineal, necesitaremos crear un índice, tal como se explica en los siguientes apartados.
d. Actividades

Por ejemplo:
● tu primera actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo1.jqz,
tipo5.jmt y tipo8.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4
\archivos_fuente de este CD-ROM.
● para la actividad 1 utilizaremos los archivos fuente tipo2.jqz, tipo6.jmx y tipo7.jcl que se
encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente de este CD-
ROM.
● para la actividad 2 utilizaremos los archivos fuente tipo3.jqz, tipo4.jqz que se encuentran
en la carpeta tema4\ejercicios\capitulo4\archivos_fuente de este CD-ROM.
● para la actividad 3 utilizaremos los 8 archivos fuente mencionados anteriormente.
Actividad 1
En esta actividad se pretende unir los ejercicios enumerados a continuación:
● El ejercicio denominado Tipo 2, ejercicio de respuestas cortas.
● El ejercicio denominado Tipo 6, ejercicio de ordenar las letras de una palabra.
● El ejercicio denominado Tipo 7, ejercicio de rellenar huecos.
Los botones de navegación deberán permitir que se haga primero el ejercicio de Tipo 2 (respuestas
cortas), luego el de Tipo 6 (ordenación) y, por último el de Tipo 7 (rellenar huecos). Se utilizarán
en esta práctica los siguientes botones de navegación:
● En el ejercicio denominado Tipo 2, un único botón con al leyenda Siguiente Ejercicio.
● En el ejercicio denominado Tipo 6, dos botones, uno con la leyenda Ejercicio Anterior y el
otro con la leyenda Siguiente Ejercicio .
● En el ejercicio denominado Tipo 7, un único botón con la leyenda Ejercicio Anterior .
(como alternativa puedes utilizar alguno de los ejercicios equivalentes que has realizado en el
Capítulo 3).
Actividad 2
En esta actividad se pretende unir los ejercicios enumerados a continuación:
● El ejercicio denominado Tipo 3, ejercicio combinado de respuestas cortas y múltiples.

● El ejercicio denominado Tipo 4, ejercicio de multiselección.
Los botones de navegación deberán permitir que se haga primero el ejercicio de Tipo 3 (ejercicio
combinado) y luego el de Tipo 4 (multiselección). Se utilizarán en esta actividad los siguientes
botones de navegación:
● En el ejercicio denominado Tipo 3, un único botón con la leyenda Siguiente Ejercicio.
Capítulo 3).
Actividad 3
En esta actividad se pretende unir los 8 tipos de ejercicios utilizados anteriormente en una
secuencia de navegación lineal (observa que ya tienes enlazados tres grupos de ejercicios).
● Los ejercicios Tipo 1 , Tipo 5 y Tipo 8.
● Los ejercicios Tipo 2 , Tipo 6 y Tipo 7.
● Los ejercicios Tipo 3 y Tipo 4.
Los botones de navegación deberán permitir enlazar el primer grupo de ejercicios con el segundo, y
el segundo con el tercero (es decir: Tipo 1 -> Tipo 5 -> Tipo 8 -> Tipo 2 -> Tipo 6 -> Tipo 7 ->
Tipo 3 -> Tipo 4 y vuelta a -> Tipo 1 ) y luego volver al primer ejercicio (Tipo 1).
Capítulo 3).
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos
ejercicios con botones de navegación; el ejercicio deberá ser contextualizado y relativo a tu área,
Tema 4: Creación de Unidades Didácticas > Con The Masher
4.3 Crear un índice con The Masher
a. Cómo se hace
Otra forma de establecer un sistema de navegación entre las actividades o ejercicios elaborados es utilizar un Índice . Mediante un Índice
podemos establecer una navegación lineal o de cualquier otro tipo.
Para enlazar diferentes ejercicios mediante un Índice podemos utilizar un editor de páginas web (editor
HTML) o la aplicación incluida en Hot Potatoes denominada The Masher . En este apartado vamos a
utilizar esta última.
Y en apartados siguientes veremos como hacerlo con diferentes editores de páginas web.
En la figura siguiente se muestra el aspecto de la ventana principal de la aplicación The Masher:
b. Crear un Índice con The Masher
Supongamos que queremos enlazar los mismos ejercicios del apartado anterior pero mediante un Índice que, además de una navegación
lineal, nos permita también volver a una página en la que se relacionen todos los ejercicios o actividades.
Para poder comparar, volveremos a utilizar los ejercicios del apartado anterior:
● El ejercicio de Tipo 1 , ejercicio de respuestas múltiples.
● El ejercicio de Tipo 5 , ejercicio de emparejamientos.

● El ejercicio de Tipo 8 , un crucigrama.
Queremos que desde la página Índice se pueda acceder a cualquiera de los tres ejercicios; además queremos que haya una navegación
lineal entre los ejercicios y, por último queremos que en los tres ejercicios haya un botón que nos lleve de nuevo al Índice.
Pulsa en este enlace para ver una animación sobre la elaboración de esta práctica
NOTA : Esta es solamente una posible propuesta de elaboración de un Índice , entre otras muchas posibles. El objetivo es que
aprendamos a elaborar un Índice con la aplicación The Masher .
Ahora se pretende que reproduzcas la elaboración de este Índice, los archivos fuente que necesitas para ello los encontrarás en la carpeta
tema4\ejercicios\capitulo4\archivos_fuente de este CD-ROM.
Abre la aplicación The Masher desde la

ventana principal de Hot Potatoes:
Y accederás a la ventana principal de la

aplicación.
Ahora tendrás que cargar los archivos fuente de

los ejercicios que quieres enlazar.
Bastará con que pulses en el botón
Y selecciones los archivos que te hemos

preparado en la carpeta:
tema4\ejercicios\capitulo4\archivos_fuente
\masher\
● tipo1_masher.jqz
● tipo5_masher.jmt
● tipo8_masher.jcw
Nos aparecerá un cuadro de diálogo en el que se nos avisa de determinados parámetros de exportación.
Una vez cargados. la ventana principal de la aplicación The Masher mostrará un aspecto semejante al de la figura siguiente:
En la parte superior de esta ventana se observan diversas fichas o pestañas (en esta versión no está totalmente traducida):
● Ficha Archivos: nos muestra los archivos que van a formar parte de nuestro índice (recuerda: por lo general se deben cargar los
archivos fuente originales, solamente en algunos casos especiales cargaremos las páginas web.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha de Archivos
● Ficha Aspecto: nos permitirá definir el aspecto del ejercicio, colores, estilo de los botones, etc.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha de Aspecto
● Ficha Cadenas de usuario : nos permitirá incluir fragmentos de código html.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Cadenas de Usuario
● Ficha Botones: en la que definiremos los botones de navegación que queremos incluir en nuestros ejercicios.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Botones
● Ficha Fuente: nos muestra el código html que se está generando.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Fuente
● Ficha Índice: nos permite definir el título del Índice y el nombre del archivo html que estamos generando.
Si haces click en el siguiente enlace podrás ver dicha ficha: Ficha Índice
En este ejercicio, necesitarás completar la ficha Botones con los siguientes datos:
● Marca la casilla de Verificación Incluir botón "Siguiente ejercicio" y, en el cuadro de texto correspondiente, escribe Siguiente
Ejercicio .
● Marca la casilla de Verificación Incluir botón "Ir a Contenidos" y, en el cuadro de texto correspondiente, escribe Índice .
● Marca la casilla de Verificación Incluir botón "Anterior" y, en el cuadro de texto correspondiente, escribe Ejercicio Anterior .
El aspecto final de la ficha Botones se muestra en la figura siguiente:

● Ahora pulsa en la ficha Índice y escribe, por ejemplo, Tipos de Ejercicios en Hot Potatoes
● Y como nombre de archivo escribe index.htm
● Guarda los datos en el archivo fuente masher.jms.
El aspecto final de la ficha Índice se muestra en la figura siguiente:

Creación de la página web del Índice:
Ahora vamos a generar la Unidad con su Índice. Para ello bastará con pulsar en el botón "Construir unidad" .
Nos aparecerá el cuadro de diálogo que se muestra a continuación:
En el que se nos comunica que este componente de Hot Potatoes no es del todo gratuito (a diferencia de las demás aplicaciones o patatas).
Con la versión incluida, solamente podemos generar un Índice que contenga un máximo de tres actividades.
Si queremos incluir más actividades deberemos adquirir la
licencia comercial de Hot Potatoes, pero bueno, siempre hay
trucos, como veremos más adelante. De momento pulsaremos
en el botón OK y comenzará a generarse la página Índice. Tal
como se nos informa en el siguiente cuadro de diálogo:
Por último se nos pregunta si deseamos ver cómo ha quedado

nuestro Índice. El resultado lo puedes ver pulsando en el
siguiente enlace:
Ejercicio con un Índice de Contenidos
RECUERDA: Los ejercicios enlazados, las páginas web (archivos *.htm) deberán estar todos en la misma carpeta para que
funcionen los botones de navegación.
Enlazar más de tres ejercicios
Si queremos enlazar mas ejercicios sin adquirir la licencia comercial de Hot Potatoes podríamos crear varias páginas Índice, cada una de
ellas conteniendo tres ejercicios y, posteriormente, enlazar las diferentes páginas Índice.
Vamos a crear con The Masher una segunda página Índice que contenga los ejercicios siguientes:
● El ejercicio de Tipo 2 , ejercicio de respuestas cortas.
● El ejercicio de Tipo 6 , ejercicio de ordenación.
● El ejercicio de Tipo 7 , ejercicio de rellenar huecos.
Los archivos fuentes de estos tipos de ejercicios están, también, en: tema4\ejercicios\capitulo4\archivos_fuente\masher\
y se llaman:
● tipo2_masher.jqz
● tipo6_masher.jmt
● tipo7_masher.jcw
Siguiendo el procedimiento descrito para la práctica anterior, hemos de crear una nueva página Índice , pero ojo, no le pongas el mismo
nombre a la página html, llámala por ejemplo, index2.htm
El resultado podrás verlo pulsando en el siguiente enlace.
Segundo ejercicio con otro Índice de Contenidos
Ya tenemos dos páginas Índice, y ahora podríamos volver a utilizar The Masher para enlazar estas dos páginas Índice :-)
Para ello:
● Abre The Masher y añade los archivos indice.htm e indice2.htm generados anteriormente.
Sí, has leído bien. Los archivos que añadimos no son los archivos fuente, estamos añadiendo archivos htm , algo que permite esta
aplicación. Aunque te saldrá el aviso siguiente.
No te preocupes por este aviso, que no pasará nada extraño, pulsa en OK y continúa. Obtendrás lo que se muestra en la figura siguiente:
En Directorio de Salida, selecciona uno diferente al directorio en el que has guardado los archivos index.htm e index2.htm. Con esto
podrías comprobar la diferencia entre los Índices anteriores y los que se van a crear ahora.
● Pulsa ahora en la ficha Botones y complétala tal como se muestra en la figura siguiente:
● Marca solamente la casilla de Verificación Incluir botón "Ir a Contenidos" y, en el cuadro de texto correspondiente, escribe
Índice General .
● Marca la casilla de Verificación Añadir barra de navegación para los archivos HTML que no son ejercicios .
● Comprueba que no hay nada más marcado.
Tendrás lo que se muestra en la figura siguiente:

● Ahora pulsa en la ficha Índice y escribe, por ejemplo, Índice General: Ejercicios en Hot Potatoes
El aspecto final de la ficha Índice se muestra en la figura siguiente:

Lo que pretendemos es tener un Índice General que enlazará los dos índices creados anteriormente.
Ahora generamos el Índice General pulsando en el botón " Construir unidad " .
el resultado podrás verlo pulsando en el siguiente enlace:
Página con Índice General
Bueno, no es una solución perfecta pero es una aproximación, y nos evitamos tener que pagar licencias :-)
c. Particularidades
Como ya se ha mencionado anteriormente, la aplicación The Masher no es gratuita, y la versión incluida en Hot Potatoes solamente nos
permite unir un máximo de tres actividades, ejercicios o páginas web.
Si se desea tener todas las funcionalidades de la herramienta, será necesario adquirir una licencia.
Mas información pulsando en el enlace siguiente, que te llevará a la

O en el siguiente tutorial en castellano.
página de Hot Potatoes
Tutorial sobre The Masher

Licencias comerciales para The Masher
NOTA: estos dos enlaces anteriores solamente funcionarán si estás conectado a Internet
d. Actividades
NOTA : recuerda seguir un sistema coherente en el nombre y el almacenamiento de tus ejercicios. Por ejemplo:
● tu primera actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo1_masher.jqz, tipo5_masher.jmt y
tipo8_masher.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente\masher\ de este CD-ROM.
● tu segunda actividad para enlazar ejercicios se ha hecho con los archivos fuente tipo2_masher.jqz, tipo6_masher.jmt y
tipo7_masher.jcw que se encuentran en la carpeta tema4\ejercicios\capitulo4\archivos_fuente\masher\ de este CD-ROM.
● para la actividad 1 utilizaremos tres ejercicios de los que hayas elaborado en el Capítulo 3.
● para la actividad 2 utilizaremos otros tres ejercicios de los que hayas elaborado en el Capítulo 3.
● para la actividad 3 utilizaremos los 2 archivos Índice generados en las actividades 1 y 2.
Actividad 1
En esta actividad se pretende crear un Índice con The Masher para unir tres de los ejercicios que hayas elaborado en el Capítulo 3.
● Elige un ejercicio de respuestas cortas.
● Otro ejercicio de ordenar las letras de una palabra o las palabras de una frase.
● Y, por último, un ejercicio de rellenar huecos.
El archivo Índice generado permitirá acceder a cada uno de los tres ejercicios y, además, dispondremos de botones de navegación para
moverse de un ejercicio al siguiente, y del último al primero.
● Al archivo que contenga el Índice llámalo indice1.htm
Actividad 2
En esta actividad se pretende crear otro Índice con The Masher (diferente al anterior) para unir otros tres de los ejercicios que hayas
elaborado en el Capítulo 3.
● Elige un ejercicio de respuestas múltiples.
● Otro ejercicio de emparejamientos o asociaciones.
● Y, por último, un crucigrama.
El archivo Índice generado permitirá acceder a cada uno de los tres ejercicios y, además, dispondremos de botones de navegación para
moverse de un ejercicio al siguiente, y del último al primero.
● Al archivo que contenga este segundo el Índice llámalo indice2.htm
Actividad 3
En esta actividad se pretende unir, con la aplicación The Masher, los 2 Índices creados en las actividades 1 y 2, mediante otra página que
llamaremos Índice General.
● Al archivo que contenga el Índice General llámalo indice_general.htm
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos ejercicios con botones de navegación; el
ejercicio deberá ser contextualizado y relativo a tu área, asignatura, etapa o nivel educativo.
> Con otro editor HTML
4.4 Con otro editor HTML
a. Cómo se hace
También podremos crear un Índice para enlazar los ejercicios con un simple procesador de textos
como, por ejemplo, Open Office Writer o Word del paquete Office. Ya que los procesadores de
textos más modernos incluyen una opción para guardar los documento en formato de página web
( formato html).
b. Crear un índice con un procesador de textos
Bastará con seguir estos pasos

● Abrir el procesador de textos preferido.
● Crear la página Índice, escribiendo el título de la página y dándole el aspecto deseado

(como si estuviéramos trabajando para escribir un documento de texto).
● Insertar los enlaces o hipervínculos deseados a las diferentes páginas web que contienen
los ejercicios generados con las diferentes patatas de Hot Potatoes.
● Una vez creado el documento que contiene el Índice con los enlaces a los diferentes
ejercicios (páginas web), bastará con seleccionar la opción Guardar como y en tipo de
archivo elegir HTML o Página web.
c. Crear un índice con un editor HTML
También podremos crear el Índice para enlazar los ejercicios con un editor html como, por
ejemplo:
● el editor Mozilla Composer que viene con el navegador Mozilla,
● o con el editor html Dreamweaver,
● o con Front Page.
Estos editores html nos permitirán personalizar hasta el mínimo detalle el aspecto de nuestro
Índice.
El procedimiento será semejante al utilizado para crear el índice con un procesador de textos:
● Abrir el editor html preferido.
● Crear la página Índice, escribiendo el título de la página y dándole el aspecto deseado.
● Insertar los enlaces o hipervínculos deseados a las diferentes páginas web que contienen
los ejercicios generados con las diferentes patatas de Hot Potatoes.
● Una vez creado el documento que contiene el Índice con los enlaces a los diferentes
ejercicios (páginas web), bastará con seleccionar la opción Guardar en nuestro editor HTML.
d. Particularidades
Con estos editores HTML, o con los procesadores de textos, solamente crearemos el Índice. Si
queremos crear, además, botones de navegación, deberemos utilizar las opciones incluidas en las
patatas, tal como se ha explicado anteriormente.
e. Actividades
● para la actividad 1 utilizaremos seis ejercicios de los que hayas elaborado en el Capítulo 3.
● para la actividad 2 utilizaremos otros seis ejercicios de los que hayas elaborado en el
Capítulo 3.
Actividad 1
En esta actividad se pretende crear un Índice , con tu procesador de textos preferido, para unir
seis de los ejercicios que hayas elaborado en el Capítulo 3.
● Un ejercicio de rellenar huecos.
● Un ejercicio de respuestas múltiples.
El archivo Índice generado permitirá acceder a cada uno de los seis ejercicios.
● Al archivo que contenga el Índice llámalo indice_pt.htm
Actividad 2
En esta actividad se pretende crear un Índice, con tu editor html preferido, para unir seis de los
ejercicios que hayas elaborado en el Capítulo 3.
● Un ejercicio de rellenar huecos.
● Un ejercicio de respuestas múltiples.
El archivo Índice generado permitirá acceder a cada uno de los seis ejercicios.
● Al archivo que contenga el Índice llámalo indice_editor.htm
Con todo lo revisado y estudiado, la evaluación de este apartado consistirá en elaborar diversos
ejercicios con botones de navegación; el ejercicio deberá ser contextualizado y relativo a tu área,
> Recapitulación
4.5 Recapitulación
Objetivos cumplidos
Cuando hayas finalizado este interesante capítulo 4, y antes de continuar con el capítulo 5, tendrás
que haber realizado estas tareas:
● Enlazar ejercicios o actividades utilizando el menú opciones de cualquiera de las patatas,
● Crear un índice y enlazar ejercicios mediante la aplicación The Masher,
● Crear un índice con un procesador de textos
● Y, por último, crear un índice con cualquier otro editor HTML.
Pero si no fuera así o si te quedara alguna duda, te recomendamos que vuelvas a leerlo.
El dominio en la elaboración de unidades didácticas más complejas te garantiza un último tramo

exitoso. El capítulo siguiente, el 5, es casi el final del curso. Y supone, sobre todo, la coronación de
una cima en todo el camino que hemos ido trazando.
planteamos en la introducción de este capítulo; seguro que ahora ya sabes resolverlas.
¿Lo intentamos?
Cuando hayas terminado, puedes ver la solución pulsando, desde el menú lateral de curso, en la
sección denominada "Actividades".
> Introducción
5.1 Introducción
Para difundir las unidades didácticas con tus ejercicios de Hot Potatoes, puedes:
● utilizarlas en tus clases, copiándolas en los discos duros de los ordenadores de que
dispongas.
● distribuirlas, a tus compañeros y a tus alumnos, en disquetes o en CDs o DVDs.
● publicarlas en la red Internet, en algún servidor de páginas web, para distribuirlas o
enseñarlas al mayor número de personas posible.
Los usuarios sólo tienen que abrir los archivos en su ordenador y podrán trabajar con las unidades
didácticas, ya que actualmente cualquier sistema operativo (Windows, GNU/Linux, Mac OS)
incluye un navegador de páginas web.
Recuerda que los ejercicios que has creado con Hot Potatoes son archivos html, páginas web, el
estándar de la World Wid Web.
ACTIVIDAD 1. Observación de ejercicios elaborados con Hot Potatoes y publicados en la Web.
Para empezar, se propone que des un paseo por alguna de las siguientes páginas web. Para ello es
imprescindible que te conectes a la red Internet, ya que los ejemplos que vas a ver no están en el
CD, están en la red Internet. Una vez que establezcas la conexión a Internet, vuelve a esta página
y:
O en estos otros ejemplos
Las direcciones de los ejemplos propuestos son:
● Unidades didácticas y actividades elaboradas por profesorado de todos los niveles

y asignaturas:
http://roble.cnice.mecd.es/~hotp0019/actividades_finales/finales_andalucia.html
● Activadas incluidas en el Proyecto Biosfera CNICE: El reino Animal, 1º de ESO.

http://iris.cnice.mecd.es/biosfera/alumno/1ESO/animales/actividades.htm
ACTIVIDAD 2. Revisa las condiciones de publicación de algún servidor de páginas web.
Nosotros te proponemos que revises las condiciones del servidor de páginas web del CNICE.
Comprueba que tienes establecida la conexión con Internet y luego:
Pulsa en este enlace para acceder a las condiciones de publicación del CNICE
La dirección del ejemplo propuesto es:
● Publicación de páginas web en el CNICE:

http://www.cnice.mecd.es/servicios/publicaweb.htm
Recuerda que cada servidor de páginas web tiene su propia política de publicación de páginas web.
NOTAS
Nota 1: Estas actividades no tiene una respuesta concreta, son actividades procedimentales y, por
tanto, no pueden ser incluidas aquí.
Confiamos en que ésta introducción haya sido instructiva, a partir de ahora te toca a ti.
> Publicar los ejercicios
5.2 Publicar los ejercicios elaborados
a. Qué necesito
Para publicar las unidades didácticas que has ido desarrollando a lo largo del curso, necesitas
además disponer de los siguientes elementos: una institución o empresa, un programa FTP y un
navegador. Veamos una descripción de ellos:
● Una institución o empresa pública o privada, con presencia en Internet, que te

permita colocar los archivos html generados (tus unidades didácticas elaboradas con Hot
Potatoes) en sus ordenadores. En la jerga técnica informática se habla de servidores de
páginas web.
Por ejemplo, empresas privadas como Yahoo! (http://www.yahoo.es)

o instituciones públicas como el CNICE (http://www.cnice.mec.es):
te permiten publicar tus páginas web de forma gratuita, y no son la únicas (la mayoría de las
Comunidades Autónomas y muchas empresas privadas también te lo permiten).
● Las unidades didácticas elaboradas (las páginas web creadas con Hot Potatoes).
Recuerda: Sólo se publican los archivos html, las páginas web, no se publican los archivos con los
datos de los ejercicios, los archivos fuente (los que tienen las diferentes extensiones de las
patatas).
● Un programa de FTP (File Transfer Protocol: protocolo de transferencia de archivos). Estos

programas permiten, mediante una conexión a Internet, transferir archivos desde nuestro
ordenador al ordenador de la empresa o institución en la que publicaremos las página. En la
jerga de Internet se habla de "subir" una página (del término empleado en inglés:
"upload")
Existen numerosas aplicaciones informáticas que nos permiten subir nuestros archivos a un
servidor de páginas web. Entre los más populares por su sencillez de manejo, y por que se pueden
conseguir de forma gratuita, podemos citar a los programas Filezilla y WS_FTP.
Aspecto del programa Filezillla Aspecto del programa WS_FTP
se puede obtener en: se puede obtener en:

http://www.sourceforge.net/projects/ http://www.ipswitch.com/downloads/index.
filezilla html
● Un navegador para páginas web, con el que ver las páginas publicadas, aunque también
nos puede servir para publicar nuestras páginas web, tal como veremos más adelante.
b. Cómo se hace
Aunque el proceso para subir archivos a un servidor web es semejante, independientemente de

dónde alojemos las páginas web, cada empresa o institución tiene su propia política de publicación.
Nosotros vamos a poner como ejemplo la publicación en los servidores del CNICE. Para publicar en
estos servidores, tenemos que conocer una serie de datos que nos proporcionará esta institución al
darnos de alta como usuarios de Internet. Estos datos se especifican a continuación.
● La dirección o nombre del servidor en el que publicaremos nuestras páginas web (los
ejercicios de Hot Potatoes). Por ejemplo, si nos han asignado un ordenador/servidor
denominado endrino, la dirección completa donde publicaremos nuestras páginas será
endrino.cnice.mecd.es
● El nombre de usuario para poder acceder a dicho ordenador (denominado también user
ID o Login). Este dato es personal y nos lo proporcionará la institución correspondiente, en
este caso el CNICE. El ejercicio de Tipo 5 , ejercicio de emparejamientos.
● La clave de acceso a dicho ordenador/servidor, también llamada contraseña o password.

Este dato también es personal y nos lo proporcionará la institución correspondiente, en este
caso el CNICE.
Estos datos los necesitaremos para subir los archivos (publicarlos), tanto si utilizamos un programa
de FTP como si lo hacemos mediante un navegador de páginas web, tal como vamos a practicar en
las secciones siguientes.
c. Actividades
Actividad 1
Si tienes una cuenta de acceso a Internet con el CNICE, averigua cuáles son tus datos para poder
publicar páginas web en sus servidores.
Actividad 2
Si tienes una cuenta de acceso a Internet en otros proveedores de acceso a Internet (Wanadoo,
Yahoo!, Terra, etc...), averigua los siguientes datos.
● Si te permiten publicar tus páginas web en sus ordenadores.
● En caso afirmativo, averigua de cuánto espacio dispones para publicar tus páginas.
● Por último, averigua el nombre o dirección del servidor que te han asignado, tu login o
nombre usuario y la correspondiente contraseña.
Tema 5: Publicación en Web > Mediante FTP
5.3 Mediante un programa de FTP
a. Cómo se hace
Publicar nuestras unidades didácticas en Internet mediante un programa de FTP es más sencillo de
lo que parece. En esta sección vamos a utilizar el programa WS_FTP.
Recuerda que lo puedes conseguir en la dirección web: http://www.ipswitch.com/downloads/index.

html
Aunque para facilitarte el trabajo lo hemos incluido en la carpeta /Accesorios. Pero antes de que
empieces a trabajar por tu cuenta, te recomendamos que le eches un vistazo a la siguiente
animación.
Pulsa en este enlace para ver una animación sobre cómo subir páginas con WS_FTP
b. Publicar mediante WS_FTP
Supongamos que queremos publicar o subir, mediante el programa WS_FTP,

nuestras unidades didácticas en un servidor del CNICE que tiene los siguientes
datos:
(NOTA: para que puedas realizar este ejercicio, deberás sustituir los datos siguientes por los tuyos
propios)
● Nombre o dirección del servidor: endrino.cnice.mecd.es
● Nombre de usuario o login: hotp0053.
● Contraseña o password: ******** (por motivos evidentes, la ponemos tal como

aparecerá cuando la escribas en el cuadro de diálogo correspondiente).
Con estos
datos,
arrancaremos
el programa
WS_FTP y
crearemos un
nuevo perfil de
conexión. Para
ello, en el
cuadro de
diálogo
Propiedades
de Sesión,
que nos
aparece al
arrancar el
programa,
pulsaremos en
el botón New
y
completaremos
el perfil de
conexión con
los datos
anteriores, tal
como se
muestra en la
figura adjunta.
Luego pulsaremos sobre el botón Aceptar y la aplicación intentará conectarse al servidor

especificado. Recuerda que para ello es imprescindible haber establecido previamente la conexión
con Internet. Si todo ha ido correctamente, nos habremos conectado con el servidor endrino del
CNICE y el aspecto del programa WS_FTP será el que se muestra en la figura siguiente:
Tal como habrás visto en la introducción de este capítulo (Actividad 2: condiciones de publicación
en el CNICE), una vez conectados a dicho servidor, deberemos crear una carpeta denominada
public_html (puede que ya exista) y será en dicha carpeta en la que copiaremos nuestras
unidades didácticas.
En nuestro ejemplo, dentro de public_html hemos creado otra carpeta denominada

unidades_didacticas mediante el botón MkDir y será en dicha carpeta en la que copiaremos los
archivos que componen nuestras unidades didácticas (los ejercicios creados con Hot Potatoes).
Recuerda que los servidores web no admiten espacios en blanco, ni tildes, en los nombres de
archivos o carpetas, por ello utilizamos el "guión bajo" para unir las palabras public y html o
unidades y didacticas.
En dicha carpeta copiaremos alguna de las unidades didácticas realizadas durante este curso, que
estarán almacenadas en las carpetas correspondientes de nuestro disco duro; subiremos alguna de
las unidades elaboradas en el Capítulo 4.
Para copiar los archivos seleccionados desde nuestro disco duro a la carpeta creada en el ordenador
remoto, en endrino, bastará con pulsar en el botón con la flecha que indica el sentido de la
transferencia.
En la figura siguiente se muestran algunos de los archivos html transferidos de nuestro disco duro a
la carpeta /pubic_html/unidades_didacticas/ creada en el servidor endrino.cnice.mecd.es
Para terminar la conexión con endrino, pulsaremos en el botón Close y luego cerraremos la
aplicación.
Recuerda que esta es la forma de publicar en los servidores del CNICE, pero en otros
servidores de páginas web, de otras empresas o instituciones, no tiene por que haber una
carpeta equivalente llamada public_html, aunque el resto del procedimiento será
semejante.
c. Cómo ver las páginas publicadas
Ya hemos subido nuestros archivos a un servidor de páginas web, en este caso a endrino del
CNICE, pero ahora: ¿cómo veo esas páginas?, ¿cuál es la dirección web de dichas páginas?.
Las direcciones de las páginas web o URL (Uniform Resource Locator) hacen referencia a los
nombres de los servidores u ordenadores donde están alojadas y a la estructura de carpetas de
dicho servidor.
● En nuestro caso, el servidor se llama: endrino.cnice.mecd.es
● Nuestro nombre de usuario era hotp0053 que además hará las veces de nuestra carpeta
inicial o raíz en el servidor endrino y que se identificará como ~hotp0053
● Luego hemos creado otra carpeta con el nombre unidades_didacticas
● Y dentro de ella hemos copiado una serie de archivos que forman un conjunto y que
comienza con el archivo denominado index.htm
Combinando todo lo anterior, tenemos que la dirección de nuestra página web en los servidores del
CNCIE será:
http://nombre del servidor/~login/carpetas_creadas/nombre_archvio_inicial.htm
Es decir:
http://endrino.cnice.mecd.es/~hotp0053/unidades_didacticas/index.htm
Recuerda, el carácter ~ se obtiene pulsando la tecla ALT + 126 en el teclado numérico de tu

ordenador.
A la hora de publicar páginas web hay que tener en cuenta que el espacio que se nos asigna en un
servidor web no es ilimitado y que los archivos ocupan espacio. Si utilizamos archivos de imágenes,
de vídeo o de sonido que ocupen mucho (pesen mucho, en la jerga informática) dicho espacio se
nos agotará. Además las páginas muy recargadas, con archivos muy grandes tardan mucho en
visualizarse, en verse en un navegador y eso conllevará a que nuestra página no sea visitada, "por
pesada"
d. Actividades
Actividad 1
● Averigua cuánto espacio se te asigna para publicar páginas web en los servidores del CNICE.
Para ello deberás navegar por las páginas del CNCIE, por la sección: Servicios para usuarios
Actividad 2
● ¿Cuál será la dirección de una página web publicada en un servidor denominado olmo.cnice.
mecd.es por una persona cuyo nombre de usuario es pfernan y que ha subido un archivo
denominado index.htm dentro de un carpeta denominada trabajos?
Para resolver esta actividad no tiene más que fijarte en el ejercicio que hemos elaborado
anteriormente.
> Mediante un navegador
5.4 Mediante un navegador web
a. Cómo se hace
Si te ha parecido muy complicado subir tus páginas con WS_FTP, o eres de los que les gusta
hacerlo todo desde el mismo programa, siempre puedes hacerlo desde el propio navegador de
páginas web.
Se pueden establecer conexiones de tipo FTP con cualquier navegador que utilices (Mozilla,
Netscape, Internet Explorer, etc...), el procedimiento es el mismo. Se trata de hacer que nuestro
navegador de páginas web se comunique con un servidor FTP (protocoloFTP, servidores
especializados en almacenar archivos y o programas), en lugar de comunicarse con un servidor de
páginas web (protocolo http).
Al igual que en el apartado anterior, antes de que empieces a trabajar por tu cuenta, te
recomendamos que le eches un vistazo a la siguiente animación. En ella se muestra como subir
archivos mediante el navegador de páginas web Internet Explorer.
Pulsa en este enlace para ver una animación sobre cómo subir páginas web mediante Internet
Explorer
En esta animación, el navegador utilizado ha sido Internet Explorer; tanto Mozilla como
Nestcape pueden comunicarse con los servidoresFTP de la misma forma, pero luego no se pueden
transferir los archivos "copiando" y "pegando".
b. Publicar mediante el navegador de páginas web
Supongamos que queremos publicar o subir, mediante el navegador Internet

Explorer, las unidades didácticas en un servidor del CNICE que tiene los siguientes
datos:
(NOTA: para que puedas realizar este ejercicio, deberás sustituir los datos siguientes por los tuyos
propios)
● Nombre o dirección del servidor: endrino.cnice.mecd.es
● Nombre de usuario o login: hotp0053.
● Contraseña o password: ******** (por motivos evidentes, la ponemos tal como

aparecerá cuando la escribas en el cuadro de diálogo correspondiente).
Con estos datos, nos conectaremos a Internet y arrancaremos el navegador Internet Explorer; en la
casilla de direcciones escribiremos el nombre de usuario, el signo de los dos puntos la arroba, y el
nombre del servidor, todo seguido y sin espacios, es decir:
hotp0053:********@endrino.cnice.mecd.es
Tal como se muestra en la figura siguiente:
Al pulsar la tecla <intro> nos conectaremos al servidor especificado, el servidor endrino del CNICE
y el aspecto del navegador será el que se muestra en la figura siguiente:
Abriremos la carpeta public_html y buscaremos otra carpeta denominada unidades_didacticas,
y será en dicha carpeta en la que copiaremos los archivos que componen nuestras unidades
didácticas (los ejercicios creados con Hot Potatoes).
Las unidades didácticas realizadas durante este curso, y que queremos publicar, estarán
almacenadas en las carpetas correspondientes de nuestro disco duro. Para ello, abriremos el
Explorador de Windows, buscaremos y seleccionaremos los archivos que queremos copiar; luego
seleccionaremos la opción Copiar del menú Edición, tal como se muestra en la figura siguiente:
Alternaremos a la ventana del navegador y seleccionaremos la opciónPegar del menú Edición;
empezarán a copiarse los archivos seleccionados y, al final, tendremos los archivos transferidos al
servidor endrino.
Para terminar la conexión con endrino, cerraremos el navegador y desconectaremos de Internet .
Recuerda que esta es la forma de publicar en los servidores del CNICE, pero en otros
servidores de páginas web, de otras empresas o instituciones, no tiene por que haber una
carpeta equivalente llamada public_html, aunque el resto del procedimiento será
semejante.
c. Cómo ver las páginas publicadas
Las páginas web que hemos subido se ven de la misma forma que explicamos en el apartado
anterior.
La dirección de la páginas web sería igual que antes:

http://nombre del servidor/~login/carpetas_creadas/nombre_archvio_inicial.htm
Es decir:
http://endrino.cnice.mecd.es/~hotp0053/unidades_didacticas/index.htm
Recuerda, el carácter ~ se obtiene pulsando la tecla ALT + 126 en el teclado numérico de tu

ordenador.
Insistimos en que, a la hora de publicar páginas web, tengas en cuenta el espacio que se te asigna.
d. Actividades
Actividad 1
● Intenta realizar la misma práctica con el navegador Mozilla o Netscape. ¿Qué resultados
obtienes?. ¿Puedes hacerlo?
> Recapitulación
5.5 Recapitulación
Objetivos cumplidos
Con este capítulo terminamos el curso, y tus trabajos podrán verse en la Web. Cuando hayas
finalizado las actividades de este capítulo tendrás que haber realizado estas tareas:
● Comprender los fundamentos básicos de la publicación de páginas web.
● Familiarizarte con un programa de FTP (File Trasfer Protocol).
● Publicar ejercicios mediante un programa de FTP.
● Publicar ejercicios mediante un navegador web.
● Comprobar que los ejercicios publicados se ven correctamente en la web.
No dudes en practicar todo lo que necesites hasta despejar todas tus dudas.
El ver tus ejercicios publicados te proporcionará una doble satisfacción: haber terminado
correctamente el curso y que otros personas, profesorado y alumnado puedan ver tus actividades y
motivarlas a imitarte.
planteamos en la introducción de este capítulo; seguro que ahora ya sabes resolverlas.
¿Lo intentamos?
> Introducción
Introducción
En esta sección hemos recopilado las actividades formativas y evaluativas, y sus soluciones cuando
proceda.
Tiene dos partes:
● en primer lugar, un resumen secuencial de las actividades: es decir, en el mismo orden en

que aparecen dentro de los capítulos del curso, con sus soluciones. Si en esta lista no
encontráis alguna actividad, quiere decir que no tiene una respuesta específica, que es una
actividad libre
● en segundo lugar, os ofrecemos un índice temático con temas de aprendizaje destacados,

ordenados por orden alfabético y acompañados por la referencia al (o a los) ejercicios y al
capítulo que lo tratan. La idea es que vosotros completéis esa tabla o índice a vuestro gusto.
Nosotros hemos incluido algún tema importante, pero puede que para vosotros existan otros
que queráis registrar
Esperamos que esta sección os resulte útil y fácil de utilizar.

> Tema 1
Tema 1. Hot Potatoes
Actividades obligatorias
ACTIVIDAD 1. INTERFAZ
Solución:
1 - Guardar el ejercicio
2 - Exportar el ejercicio como página web
3 - Insertar una imagen en el ejercicio
4 - Ir a la pantalla de configuración
ACTIVIDAD 2. DATOS DE INSTALACION Y REGISTRO DE HOT POTATOES
Solución:
1. Claves de Registro de Hot Potatoes: Después de registrarte, la Universidad Victoria te enviará por
correo electrónico un mensaje con las claves y alguna recomendación. El mensaje será parecido a
este: (para ver el contenido en español pasa el cursor por encima)
Recuerda que las claves no son las tuyas, las de tu correo o las claves para entrar en el aula virtual
del curso, sino las que la UVIC te envíe después de que tú te hayas registrado.
2. Versión de Hot Potatoes utilizada: por ejemplo Hot Potatoes 6
3. Navegador/es utilizado/s (tipo y versión): lo puedes comprobar en "Inicio/Configuración/Panel de

Control/Añadir o quitar programas", y ahí lo buscas en la lista: por ejemplo Internet Explorer 6
4. Sistema/s operativo/s utilizado/s (tipo y versión): lo puedes comprobar en "Mi PC", con el botón
derecho en "Propiedades" y ahí en la pestaña "General": por ejemplo Windows XP
ACTIVIDAD 3. REVISIÓN
Responde las 7 preguntas de este "Cuestionario de repaso capítulo 1"
Solución:
Las respuestas correctas al ejercicio "Hot Potatoes" son:
* pregunta 1: ByC
* pregunta 2: ByC
* pregunta 3: D
* pregunta 4: Hot Potatoes
* pregunta 6: Hot Potatoes y Clic
* pregunta 7: seleccionar a y b
Actividades formativas
Solución:
Estos ejercicios no se pueden resolver porque todavía no se han convertido en páginas web, no son
los ejercicios que se verían con un navegador.
Solución:
Las respuestas correctas al ejercicio "Hot Potatoes" son:
* pregunta 1: ByC
* pregunta 2: ByC
* pregunta 3: D
* pregunta 6: Hot Potatoes y Clic
* pregunta 7: seleccionar a y b
La respuesta correcta al "Ejercicio de comprobación de códigos html" es: "huecos"
Solución:
Ante estas situaciones se puede:
* comprobar si los archivos que se van a a enviar, si son multimedia, están en el formato adecuado
para su transmisión por web, y cambiarlo si hace falta, así como su tamaño, resolución, etc
* enviarlos por separado pero siempre conservando la estructura de carpetas original para que no
se pierdan enlaces
* comprimir el archivo que envíes
* empezar a buscar medios alernativos para hacer llegar esos archivos: colgarlos en algún espacio
web mediante FTP, por ejemplo
Solución:
La dirección web de la Universidad Victoria la encontrarás fácilmente tecleando en cualquier
buscador (como Google) los datos "UVIC + Hot Potatoes".
Actualmente, la dirección de "Hot Potatoes Home Page" es web.uvic.ca/hrd/halfbaked/

Solución:
Entre las ventajas que obtendrás al registrarte están: el poder poner un número ilimitado de
preguntas en los ejercicios, o el no tener limitación en el tamaño de los ejercicios de crucigramas,
por ejemplo.
El tutorial en español lo encontrarás fácilmente tecleando en cualquier buscador (como Google) los
datos "tutorial + Hot Potatoes" y buscándolo en páginas en español.
Actualmente, su dirección es: platea.pntic.mec.es/~iali/CN/Hot_Potatoes/intro.htm Aquí

encontrarás no sólo el tutorial de Hot Potatoes sino también el de The Masher, información sobre
Hot Potatoes.net y otros enlaces útiles relacionados con el programa
Para encontrar tutoriales en otras lenguas, incluida alguna peninsular, consulta la dirección http://
web.uvic.ca/hrd/halfbaked/tutorials6.htm
Solución:
Lo puedes buscar desde Inicio/Programas/Hot Potatoes/Hot potatoes; si dejas el cursor inmóvil
encima del programa aparecerá un rótulo donde te indica la ruta donde lo tienes instalado.
Solución:
Los archivos con las traducciones de la interfaz tienen la extensión *.hif:
Las otras 6 extensiones corresponden a estos documentos:
*.cfg: archivos de la configuración de Hot Potatoes:

*.htm: documentos de páginas web
*.doc: documentos de Word
*.jpg: imágenes en formato JPEG
*.jcl: los ejercicios hechos con la patata JCloze de Hot Potatoes
*.mid: archivos de sonido en formato MIDI
Solución:
Nuestra propuesta, claro, es animarte a traducir la interfaz de Hot Potatoes a tu lengua si no existe
todavía.
Solución:
* ¿En qué idioma está la interfaz del ejercicio (marcada en color amarillo)? En gallego
* ¿En qué idioma están los datos de la configuración (marcados en color naranja)? En catalán.
Además lo puedes ver en la barra de navegación superior del ejercicio.
Solución:
Tipos de patatas Tipos de ejercicios
JQuiz respuestas múltiples
respuestas cortas
híbridas
multiselección
JCloze de rellenar huecos
JMatch de relacionar seleccionando de un menú
de relacionar arrastrando y soltando
de relacionar tipo tarjeta Flashcard
JMix de ordenar elementos seleccionando
de ordenar elementos arrastrando y soltando
JCross crucigramas
Solución:
Encontrarás ejemplos de ejercicios hechos en "Recursos\ejercicios_hotpotatoes".
Actividades > Tema 2
Tema 2. Elaboración de un ejercicio
ACTIVIDAD 1. INTRODUCCION DE DATOS
Solución:
Esta actividad podrás resolverla sin problemas cuando hayas leído todo el contenido del capítulo 2.
De todas formas te contamos los pasos que hemos dado nosotros para resolverla. Hemos optado:
● para el primer ejercicio: por JMix

● para el segundo ejercicio: por JMatch
y vamos a tener las dos patatas abiertas e ir trabajando en las dos a la vez.
Vamos paso a paso:
1.
hemos abierto JMix y hemos escrito el título "Actividad 1 del capítulo 2"
❍
hemos abierto JMatch y hemos copiado el mismo título
2.
en JMix, hemos seleccionado "Opciones/configurar el formato del archivo originado/Título" y en
la casilla "Subtítulo" hemos escrito "Comprobación de introducción de datos"
❍
en JMatch hemos hecho lo mismo. Aquí hemos tenido que borrar otros datos que
teníamos de otra configuración
3.
Interfaz: en JMix, como teníamos la interfaz en español lo hemos dejado como estaba y lo
hemos guardado con el nombre "act1cap2" (lo tienes en la carpeta "Recursos/ejercicioshp")
en JMatch hemos decidido voler a la interfaz por defecto, en inglés. Para ello, hemos
seleccionado "Opciones/Interfaz/Volver a la interfaz por defecto". Aquí, a la pregunta:
hemos contestado que no porque sólo queremos cambiar este ejercicio para esta patata;
pero el programa no ha hecho nada, así que hemos repetido el proceso y esta vez hemos
contestado que sí.
A la pregunta siguiente:
hemos contestado que no por el mismo razonamiento de antes. Y, finalmente, a la

siguiente pantalla:
hemos dicho "Ok".
¿Qué ha pasado entonces? Que todo sigue igual, en español. Tenemos que guardar el
ejercicio primero para poder reiniciar el programa. Lo hemos guardado con el nombre
"act1cap2mt" (lo tienes también en la carpeta "Recursos/ejercicioshp" del CD del curso). Y
ahora ya sí hemos cerrado JMatch y lo hemos vuelto a abrir para tener la configuración
que queríamos en inglés.
Aunque hemos pensado que mejor no, que mejor la ponemos en gallego. Para ello hemos
seleccionado "Opciones/Interfaz/Cargar un archivo de interfaz". Aquí:
hemos seleccionado la opción deseada, y a a pregunta siguiente hemos contestado que no

porque queremos el cambio sólo en este ejericicio. Y ya tenemos la configuración en
gallego.
Después hemos guardado los dos ejercicios, sin cerrar las patatas.
4.
Pasamos a "instrucciones e indicaciones": en JMix lo hemos dejado tal cual porque lo
teníamos en español, la misma lengua que la interfaz
❍ JMatch, que lo teníamos en gallego, teníamos que cambiarlo a español según las
consignas del enunciado de la actividad. Para ello fuimos a "Opciones/Configurar el
formato..." (en gallego nos decía "Opcións/Configurar saída").
Después seleccionamos "Cargar", en el menú inferior, para buscar el archivo de

configuración en español. Tuvimos que ir buscándolo con el icono hasta llegar
a "Mi PC", y desde ahí ir seleccionando esta ruta: "Program Files/HotPotatoes6/
Translations" hasta llegar a esta pantalla:
.
en la que seleccionamos lo que queríamos: la configuración en español, en este

caso la que traía el programa. Hemos aceptado y hemos guardado de nuevo los
dos ejercicios.
5.
Fuente: para JMix hemos decidido poner todo en "Comic Sans 12" menos el título, que irá en
"Times New Roman" y además subrayado.
Para ello hemos seleccionado "Comic Sans 12" en "Opciones/Fuente...". Bien.
Después, para poner el título en "Times New Roman" hemos seleccionado un poco intuitivamente
el título (como se hace por ejemplo en word) y después hemos hecho el mismo proceso de antes:
en "Opciones/Fuente...".
¿Qué ha pasado? Que no se ha cambiado sólo el título sino, de nuevo, todo el texto de la
configuración. Y eso no era lo que queríamos.
Así que hemos repetido la operación: hemos seleccionado "Comic Sans 12" otra vez desde
"Opciones/Fuente..." para volver donde estábamos antes.
Y después, la pregunta: ¿cómo cambiamos el estilo de la fuente sólo en una parte del texto, en
nuestro caso el título?
Pues para ello hemos recurrido a nuestros conocimientos de HTML y hemos escrito el código
directamente en el ejercicio. Los códigos para la fuente son estos: <font face="Times New
Roman"> antes del texto, y </font> para después. Y los códigos para el subrayado (que, por
cierto, hemos encontrado en la "Ayuda" de la patata, buscando "font tags, HTML") son: <u> para
antes, y </u> para después ("u" es por "underline", "subrayar" en inglés).
Así:
ya hemos conseguido lo que queríamos.

Finalmente, para el segundo ejercicio, el de JMatch, hemos elegido para todo el texto el tipo de
fuente "Bradley Hand ITC 11", con el mismo proceso de antes: desde "Opciones/Fuente..."
Después hemos guardado los dos ejercicios sin cerrar las patatas.
6.
Colores: en JMix hemos seleccionado, en "Opciones/Configurar el formato.../Aspecto", colores

distintos para el fondo del ejercicio, para la barra de navegación y para el texto, todos en la gama
de azules para que no nos quede demasiado cargado.
En JMatch hemos hecho las modificaciones que nos pedía la actividad, y después hemos
guardado los dos ejercicios.
7.
Para el contador nos hemos ido a "Opciones/Configurar el formato.../Contador" y hemos
seleccionado o deseleccionado la casilla correspondiente; además hemos cambiado el texto de
finalización del tiempo por otro que nos gustaba más, para el primer ejercicio, el de JMix.
8.
Y, finalmente, los botones de navegación: hemos ido a "Opciones/configurar el formato.../
Botones", y ahí hemos deseleccionado las tres casillas de la parte inferior. Lo mismo para los dos
ejercicios tal como se nos pide.
Y hemos guardado los dos ejercicios. Para ver el resultado sólo nos quedaría exportarlos a web.
ACTIVIDAD 2. DIFERENCIAS DE CONFIGURACION
Solución:
● para la pregunta 1: b
● para la pregunta 2: a
ACTIVIDAD 3. EXPORTAR A WEB
Solución:
● para la pregunta 1: hay que seleccionar todas las opciones

● para la pregunta 2: hay que seleccionar todas las opciones
● para la pregunta 3: hay que seleccionar las opciones b y c
Solución:
Por ejemplo: nosotros hemos seguido el criterio "capítulos", y por eso nuestro primer ejercicio se llamará
"e20", que significa "ejercicio 0 del capítulo 2".
Pero recuerda que sean nombres cortos, sin caracteres raros, ni acentos, ni espacios, ni eñes.
Solución:
Sí son la misma patata, JMix. Lo sabemos porque coinciden la extensión del ejercicio: *.jmx, y el título
"Introducimos el título y el subtítulo en un ejercicio de JMix" e interfaz del ejercicio.
Respecto a las cuestiones:
1. Los datos introducidos por nosotros están en una lengua: ¿cómo los cambiamos a otra
lengua? Si queremos cambiar toda la configuración tenemos que buscar el archivo de
configuración en la lengua que queramos y después seleccionarlo, tal como se explica en
el apartado 2.2.2.c del capítulo 2.
2. ¿Cuál es el título? "Introducimos el título y el subtítulo en un ejercicio de JMix"
3. ¿Tiene subtítulo? Sí: "Comprobación de introducción de datos"
4. Tiene varios botones.
¿Desde qué menús de la "patata" se modifican? Desde Opciones/Configurar el formato del

archivo originado/Botones"
¿Qué quiere decir cada uno de ellos en este tipo de ejercicio en concreto? Son botones
característicos de los ejercicios de ordenar elementos, en JMix:
es el botón de página anterior
Y para saber el significado de los siguientes botones pasa el cursor por encima de ellos:
5. ¿Qué le falta al ejercicio? Las instrucciones
Solución:
se pueden llamar de la misma manera cuando son los archivos de las patatas, ya que tienen distintas
extensiones o formatos. Pero cuando los exportes a web necesitarás cambiarles de nombre para
distinguirlos. Por eso quizá sea más conveniente ponerles nombres distintos desde el principio.
Actividad formativa 3a
Solución:
No se pueden resolver pero no porque tú no sepas las respuestas sino porque las que hemos puesto son
erróneas, no las hemos configurado bien.
Actividad formativa 3b
Solución:
● para e21 tendrías que marcar como correcta únicamente la opción A:
● para e22 tendrías que marcar como correctas estas opciones:

❍ e20 -> JMix
❍ e21 -> JQuiz
❍ e22 -> JMatch
❍ e23 -> JCross
● para e23 tendrías que realizar estos cambios:
❍ 1horizontal: la respuesta correcta es "crucigrama"
❍ 2vertical: la respuesta correcta es "relacionar"
❍ 3horizontal: la respuesta correcta es "ordenar"
Todos estos son cambios que sabrás hacer cuando conozcas las patatas
Actividad formativa 4 y Actividad formativa 5
Soluciones:
Ejercicios libres.
Solución:
La lectura se ha insertado desde la pantalla inicial de JCross, y la imagen se ha incluido en las
Instrucciones:
Además, como puedes comprobar en los códigos, las hemos centrado y hemos puesto un salto de línea o
<br> para que el texto quedara debajo de la foto.
Este ejercicio, como ves, no tiene subtítulo.
Solución:
Las respuestas correctas son:
1. Hot Potatoes.net
2. Sí
3. The Masher
Solución:
Al pulsar en la Ayuda aparece un archivo denominado "Adding links" (Añadir enlaces"). La traducción es
esta:
Puede que quieras insertar un enlace a otra página Web en alguno de los campos de tu ejercicio. Pra
hacer un enlace sencillo a una página Web, haz click en el menú "Insertar" y elige Enlace/Enlace a a una
URL, y verás la pantalla que aparece debajo. También puedes insertar un enlace a una página de tu
disco duro si eliges Enlace/Enlace a un archivo local; si haces esto verás un cuadro de diálogo del que
puedes elegir el archivo al cual hacer el enlace,y se creará una ruta relativa directamente. Si la
estructura del archivo que quieres usar en el servidor Web no es la misma que la de tu disco duro, o si
guardar tus archivos de Hot Potatoes separados de tus páginas HTML, tendrás que editar manualmente
la ruta relativa par que funcione el enlace; y esto implica comprender un poco de HTML básico.
Puedes utilizar las funciones de estos enlaces para añadir sonido y vídeo a tus páginas.
Solución:
Esta información la encuentras en la pestaña "Archivo" de las patatas y probando:
patatas que no lo
Acciones
permiten
añadir lectura ----- (todas lo permiten)
añadir metadatos ----- (todas lo permiten)
añadir archivo JCross, JMix, JCloze
insertar vínculo a una dirección de correo ----- (todas lo permiten)
Para los vínculos a direcciones de correo no exite una función específica en Hot Potatoes sino que hay
que insertar manualmente el código, tal como se indica en el apartado f. de 2.2.1.
Solución:
Insertar multimedia
¿Cuáles? Iconos de acceso directo
¿Cuáles?
desde Internet y desde un archivo local:

JQuiz sí, todos

JMatch sí, todos
JCross sí, todos, pero no dentro del crucigrama no hay iconos de acceso directo
JCloze sí, todos
JMix sí, todos no hay iconos de acceso directo
Solución:
Se han insertado mal las imágenes. Seguramente la ruta relativa no es correcta. Para evitar el problema
es necesario tener organizados los ejercicios y los archivos multimedia dentro de las mismas carpetas y
luego ya no cambiarlos de sitio.
Solución:
● <center> y </center> sirven para centrar la imagen y el texto

● con <br> definimos un espacio para que aparezcan en líneas distintas
● <img src="rutaynombredelaimagen"> y </img> te indican que se ha insertado una imagen
Solución:
En efecto, en un ejercicio de JMix se introduce cada dato de la frase principal en una línea distinta, y eso
incluye cualquier signo de puntuación. A veces nos olvidamos de un punto, y también cuenta como
elemento para ordenar.
Solución:
Son los reproductores que quieres usar, por orden de preferencia, para que el usuario escuche el sonido.
Si el explorador soporta el estándar bien, buscará el primero disponible en la lista. De todas forms,
Internet Explorer no soporta esto todavía, por lo que mostrará todos los reproductores de la lista. Para
más información busca "Inserting an object" dentro de la Ayuda de las patatas y lee lo que dice.
Solución:
Ejercicio libre
Solución:
● ¿cuál de los dos se corresponde con este ejemplo de tabla? Con el segundo ejemplo: 3 filas y 4
celdas (es decir, 4 columnas) cada una, borde de tabla: 20, y anchura de tabla: 25%
● ¿qué diferencia encuentras entre el ejemplo de tabla anterior y este segundo ejemplo de tabla?
En el segundo la tabla está centrada en la página
Solución:
Dentro de la Ayuda, en HTML tags, puedes encontrar entre otros estos códigos que enriquecerán tus
ejercicios:
I for Italic (you will get <em>my text</em>) -> I para cursiva
●
B for Bold -> B para negrita

●
U for Underline -> U para subrayado

●
C for a <div style="text-align: center;"> tag -> C para centrar el texto

●
R or RETURN to insert a <br /> tagF to insert a full span tag for font size, family and colour -> R
para etiqueta de tamaño, familia y color de fuente
●
W to insert a link which opens a page in a new window -> W para un enlace que abre una
página en una ventana nueva
●
O to format a series of lines as an ordered list -> Bpara una lista ordenada
●
D to create a JavaScript Alert (a popup message -- you could use this for glossing a word) -> D
para un mensaje "popup" de Java
Solución:
Los cambios principales que hemos hecho en este ejercicio han sido:
● sustituir el botón superior de navegación, que nos llevaba a un supuesto indice (o index) que no
existía, por otro botón de navegación que lleva simplemente a la página anterior. Esto lo hemos
hecho desde la pestaña Opciones/Configurar el formato.../Botones"
● eliminar el subtítulo para que hubiera más espacio libre
● eliminar algunos códigos como el de "centrar" el enunciado de la pregunta
● averiguar por qué nos ha salido una tabla debajo de las instrucciones
● cambiar la configuración al español, tal como vimos en el apartado 2.2.2
De este ejercicio destacamos otra cosa: al tener varias imágenes, tienes que tener en cuenta su tamaño
para que se puedan visualizar bien.
Solución:
Respuesta libre, en función de la versión de Hot Potatoes con la que estás trabajando.
Solución:
Ejercicio libre
Solución:
La dirección web es http://www.webCT.com, en inglés. En su página inicial nos dice lo siguiente:
"WebCT es el proveedor líder mundial de sistemas de aprendizaje "e-learning" para instituciones

educativas"
> Tema 3
Tema 3. Tipos de ejercicios
ACTIVIDAD 1. TIPOS DE EJERCICIOS
Solución al ejercicio de "Tipos de ejercicios con Hot Potatoes":
Tipo 1 Respuestas múltiples :-)

Tipo 2 Respuestas cortas :-)
Tipo 3 Híbridos :-)
Tipo 4 Multiselección :-)
Tipo 5 Emparejamientos :-)
Tipo 6 Ordenar elementos :-)
Tipo 7 Rellenar huecos :-)
Tipo 8 Crucigramas :-)
Solución:
1. ¿JQuiz permite otros tipos de ejercicios? Sí ¿Cuáles? Híbridos y multiselección

2. ¿Qué diferencias de configuración hay entre los ejercicios de respuestas múltiples y de
respuestas cortas? La diferencia está cuando seleccionamos una u otra opción en la interfaz de la
pregunta, a la derecha. ¿Tienen los mismos tipos de botones y de respuestas, por ejemplo? Sí
3. ¿Tienen las dos modalidades "principiante" y "avanzado"? Sí
Solución:
Para responder correctamente necesitas abrir el ejercicio: se llama "rc_1" y está en la carpeta
"ejercicios/capitulo3/archivos_fuente"
1. ¿En qué lugar exactamente hemos insertado la imagen? En la pregunta

2. ¿Cuál es el subtítulo? No tiene
3. ¿Lo hemos hecho en la modalidad principiante o avanzada? Principiante
4. Compara ese ejercicio con este otro, llamado "rc_2". Se diferencian en una cosa: ¿En qué? El
segundo tiene el texto a continuación de la imagen ¿Por qué? Porque en rc_1, el primero, hemos
incluido el código <br> antes del texto para darle un espacio.
Solución:
Respuesta libre
Solución:
Las dos primeras se diferencian de las dos últimas en los botones de navegación.
Solución:
Al insertar la lectura, como "copiar/pegar" de un documento word, generó códigos que no

queremos, así como un salto de línea después de algunas palabras. Hay que modificar ese texto
una vez insertado para que quede como queremos: eliminando ese salto de línea y, si puedes,
todos esos códigos que no significan nada para Hot Potatoes: por ejemplo <o:p>.
Solución:
* ¿cómo sabes cuándo has acertado? Cuando al dar a "comprobar" aparece el resultado 4/4
* el mensaje de respuesta cuando le das a "comprobar", ¿lo entiendes? Cuando da un porcentaje se
refiere al número de intentos: por ejemplo, si dice "4 / 4. Su resultado es: 50%", quiere decir que
has acerado completamente pero al segundo intento
* ¿se parece este tipo de ejercicio al de respuesas múltiples? Sí, porque en él hay varias respuestas
correctas.
Solución:
Hay que acertar, como si dijéramos, una lista de cosas, y en el resultado te da un porcentaje de
aciertos sobre un total: si tienes cuatro elementos correctos, el porcentaje será de x/4.
Solución:
El código <center> y <center> sirven para centrar el texto.
Y <img src> identifica una imagen.
Solución:
Las instrucciones corresponden al tercero, "jmatch_2": es un ejercicio de JMatch con Flascards.
El resto de la respuesta a esta actividad es libre.
Solución:
El primero sólo tiene los botones "comprobar", "deshacer" y "ayuda". El segundo sólo tiene los
botones "comprobar" y "volver a empezar".
* en el ejercicio "jmix_1": si te equivocas al contestar y quieres repetir desde el principio, ¿cómo lo

haces? No puedes porque te falta el botón "volver a empezar"
* en "jmix_2", ¿qué botones faltan, que serían en tu opinión imprescindibles? Podría ser "deshacer"
porque te permite comprobar qué has acertado
* ¿a cuál de los dos corresponde la configuración de las indicaciones que vimos en la imagen de
arriba en esta página? Al primero porque tiene seleccionado el botón "deshacer". ¿Y esta que
tenemos a continuación? Al primero porque es el que tiene un mensaje de ayuda: "La siguiente
parte es correcta:"
* en cualquiera de los dos: ¿dónde aparece la indicación "Haz clic en las palabras para incluirlas en
la lista"? A simple vista no lo podemos saber porqueno aparece. Habría que ver el ejercicio de la
patata.
Solución:
No es posible. No se pueden insertar imágenes
Solución:
La cuadrícula sólo tiene 5 casillas y la palabra "bicicleta" no cabe. Busca otra palabra de menos de 5
letras.
Solución:
"Azul" no se puede enlazar a las demás porque no tiene ninguna letra en común.
> Tema 4
Tema 4. Creación de unidades didácticas
A partir de este momento, el curso va a seguir una línea diferente en relación con sus actividades.
Veréis: los tres primeros temas eran en cierto modo teóricos, ya que su objetivo general era el
conocimiento de Hot Potatoes. Y por esta razón planteamos muchas actividades formativas que os
abrieran caminos a la investigación con el programa.
A partir de ahora el curso será esencialmente práctico. Los temas 4 y 5 incluyen sencillas
explicaciones teóricas sobre sus contenidos, claro, pero también, y sobre todo, vais a ver
actividades ya hechas.
Y lo más importante, también vais a practicar mucho y a vuestro aire, dentro de las sugerencias de
actividades en cada tema.
Por esta razón, en esta sección, "Actividades", del curso no vais a encontrar soluciones a las
actividades, ya que son personales. Sólo alguna sugerencia.
ACTIVIDAD 2. Navegación mediante un Índice
Al acceder a este ejemplo, verás que el ejercicio se inicia con un índice desde el que puedes entrar
a cualquiera de los tres ejercicios, y también botones de navegación en dichos ejercicios para la
navegación lineal entre ellos.
En la práctica irás descubriendo, seguramente, que en unos casos uno es mejor que otro
dependiendo del tipo de ejercicio, de quienes van a resolver tus ejercicios (¿qué es más fácil para
los más pequeños? ¿Qué conviene más a determinados contenidos?...), etc.
> Tema 5
Tema 5. Publicación en web
Siguiendo la línea iniciada en el tema anterior, el 4, en este tema 5 y último vais a encontrar una
sencilla explicación teórica (y muy gráfica también :-)) sobre sus contenidos, claro, pero también, y
sobre todo, vais a practicar mucho y a vuestro aire, dentro de las sugerencias de actividades del
tema: en torno a la publicación de los ejercicios en un servidor, al conocimiento del funcionamiento
de los servidores, a la navegacón por Internet...
Por ello, en esta sección, "Actividades", del curso no vais a encontrar soluciones a las actividades,
ya que son personales... y una cuestión de práctica.
Se acaba, por tanto, aquí la recopilación de actividades y soluciones del curso.
No olvides que tienes el índice temático, dentro de esta sección de "Actividades" del curso, con el
que puedes también recopilar a tu manera las actividades en función de su contenido.
> Índice temático
Índice temático
Este índice es una herramienta más que ponemos a vuestra disposición para trabajar en el curso.
Es un cuadro con temas de aprendizaje destacados, acompañados por la referencia al (o a los)

ejercicios y al capítulo que lo tratan y con espacio para añadir los comentarios que queráis.
Por ejemplo: si en este índice temático buscáis el tema "Correo electrónico", os encontraréis con
una referencia similar a esta: "Capítulo 3 Apartado 3.5".
Veis que está incompleta:
Tema Localización Comentarios

Capítulo 3 1. Insertar una dirección de correo en los
1. Correo electrónico
apartado 3.5 ejercicios de Hot Potatoes
2.
2. Capítulo
3.
3. Capítulo
4.
4. Capítulo
5.
5. Capítulo
6.
6. -
7.
7. -
8.
8. -
9. - 9.
10 - 10.
Vosotros lo vais a completar, si queréis ya que es opcional, con aquellos temas que os interesen y
sus referencias. Sólo tenéis que imprimir la página si vais a trabajar sobre papel, o seleccionar/
copiar/pegar si vais a trabajar en el ordenador.
Esta será la función que desempeñará la tabla, el índice temático. Os recomendamos, por tanto,
que la vayáis completando cuando y como consideréis oportuno.

Tutorial Hot Potatoes en Español

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Tutorial Hot Potatoes en Español

Transféré par

Droits d'auteur :

Formats disponibles

> Introducción

DATOS DE INSTALACION Y REGISTRO DE HOT POTATOES

1. Claves de Registro de Hot Potatoes:

2. Versión de Hot Potatoes utilizada:

3. Navegador/es utilizado/s (tipo y versión):

4. Sistema/s operativo/s utilizado/s (tipo y versión):

Hot Potatoes es una herramienta de autor desarrollada por el Centro de Humanidades de la

Consta de varias herramientas o esquemas predeterminados que sirven para la elaboración de

Estas dos imágenes corresponden a dos ejercicios denominados "c1_000.jqz" y

Ve a esta carpeta, ábrelos e intenta resolverlos.

Características intrínsecas al programa y a su uso

Simplicidad Crear o modificar ejercicios con Hot Potatoes es muy fácil e

Aplicabilidad Sirve para cualquier materia y nivel educativos

Características realativas a su difusión

● por la posibilidad que ofrece de traducir

● porque los ejercicios generados son páginas html y

● por su coste: conseguirlo en la red es, de momento,

Requisitos informáticos para elaborar o crear ejercicios con Hot Potatoes

Sistema Los creadores de Hot Potatoes han adecuado su programa a

Navegadores Existen algunas diferencias entre las versiones de Hot

Si no tienes un navegador o si la versión de tu equipo es más

Para ello sólo tendrás que visitar la página web

Aquí se ofrecen 50 Mb de espacio web, que

Fíjate donde se dice "Poder enviar y recibir

Requisitos para resolver ejercicios de Hot Potatoes elaborados por otras

Hot Potatoes NO necesitas tenerlo instalado

Requisitos de licencia para utilizar Hot Potatoes

Si trabajas en una institución educativa sin fines de lucro y estás dispuesto a

Para saber más sobre:

● el origen de Hot Potatoes

● las versiones existentes

● los sistemas operativos compatibles

● los programas que requiere

● los navegadores bajo los que funciona

● y lo referente a licencias y otros aspectos comerciales

consulta las direcciones web relacionadas con este programa: en la Universidad

1.4 Instalación y registro

Procede ahora a la instalación de Hot Potatoes y de los programas que creas

Asimismo, realiza el Registro en la página de Hot Potatoes. Recuerda que no te

En esta dirección, lee en la página web de los creadores del programa la

a. Abrir Hot Potatoes

Se puede abrir el programa:

pulsando el icono de acceso directo en el escritorio:

o pulsando en "Inicio/Programas/Hot Potatoes":

Comprueba dónde está el tuyo.

En relación con el idioma y el tipo de los archivos de la interfaz:

● Las otras 6 extensiones, ¿sabes a qué tipo de documentos corresponden?

Quizá te hayas fijado en que estamos utilizando en nuestros ejemplos interfaces de

Abre cualquiera de las "patatas" de Hot Potatoes y distingue entre:

Idioma de la Desde "Opciones/Interfaz/Cargar un archivo de Interfaz". Esta

Idioma (y Desde "Opciones/Configurar el formato del archivo

Abriendo una patata cualquiera; seleccionamos "Opciones/Configurar el formato

Hemos cargado un archivo de configuración que hemos encontrado, en otro idioma, y

¿En qué idioma están los datos de la configuración (marcados en color

Al abrir Hot Potatoes aparece la página inicial que ya conocemos.

● pulsar en "Inicio/Programas/Hot Potatoes" y luego en la aplicación que se desee

Aparte de estos comunes hay algunos específicos que conoceremos en el capítulo 3.

Las funciones comunes a todas las aplicaciones son:

Las que Abrir o crear un documento, guardar, etc., en el menú

Los relacionados Insertar lectura o añadir metadatos, desde el menú

Insertar imagen, vínculo, tabla HTML y otros objetos

Los propios de Hot La creación de páginas web, desde el menú "Achivo"

La información adicional (ayuda, "acerca de" y

Y otros no, otros son compartidos sólo por algunas o