Documente Academic
Documente Profesional
Documente Cultură
Curso 2.007/08
i.
ii.
Sin embargo, para que los ejercicios se puedan mostrar en la web es necesario convertir estas extensiones originarias de las diferentes patatas a cdigos html, a extensiones *.htm. De esta conversin tambin se encarga la aplicacin, por lo que no es necesario (aunque s til) tener conocimientos de lenguaje html para poder utilizar Hot Potatoes.
1.
Fase 1
1.3 Requisitos.
Tutoriales.
http://platea.pntic.mec.es/~iali/CN/HotPot60/tutorial.htm http://www.ciberconta.unizar.es/LECCION/tutoriales/hotpotatoes/inicio54.htm
Ejemplos de Ejercicios.
http://www.aula21.net/segunda/hotpotejercicios.htm http://www.formacion.cnice.mec.es/experiencia/62_hotpotatoes.php http://www.educarm.es/materiales_diversidad/start_ns.htm http://roble.cnice.mecd.es/~hotp0019/actividades_finales/finales.html Fco. Jos Fernndez Torres EOEP de Cantalejo 2.
Fase 1
Una vez en ella vete a la pestaa Downloads (Descargas). En esta pestaa y segn sea el sistema operativo que tengas, debers elegir una u otra opcin (Windows, Macintosh, Linux).
Elige el tipo de archivo que quieras bajarte. De este modo, si tu sistema operativo es Windows haz clic en el archivo setup_hotpot_6220 para que comience la descarga. En la primera ventana que aparezca selecciona Guardar.
Cuando termine de guardarse instala la aplicacin haciendo doble clic en el archivo recin guardado y sigue las instrucciones del asistente de instalacin. Normalmente en Windows se instala en la carpeta Archivos de programa de tu disco duro.
Al finalizar la instalacin, comprueba que se han creado la carpeta, los iconos del programa y un icono de acceso directo en el escritorio.
lee las condiciones de uso y marca la casilla para mostrar tu conformidad con las mismas. escribe tu apellido (family name), tu nombre (personal name), tu correo electrnico (slo uno) y, el pas donde vives o trabajas (country).
selecciona la ltima casilla si quieres recibir informacin; de lo contrario desmrcala haz clic en el botn Submit para enviar el formulario o en el botn Clear si quieres que se borren los datos que acabas de escribir y repetir nuevamente todo.
3.
Fase 1
Las claves del Registro te la enviarn por correo electrnico en un da o dos. Una vez que las hayas recibido, y para completar el Registro, abre una de las patatas de Hot Potatoes y despus:
pulsa en el men Help y elige Register. En la ventana que aparece introduce los datos de registro que te ha enviado la UVIC (Universidad Victoria) por correo electrnico.
4.
2.3 Mens.
Desde la barra de mens de la pgina inicial de Hot Potatoes puedes acceder a las diferentes patatas, as como al men de Opciones y al de Ayuda.
5.
Fase 2
Una vez hayas entrado en una de las patatas, vers que el aspecto de los mens y de la barra de herramientas es similar, con pequeas variaciones segn las funciones especficas de cada una de las patatas. Los mens comunes a todas las patatas son: Archivo, Edicin, Insertar, Opciones y, Ayuda.
Debajo de los mens hay una barra de herramientas con diversos iconos que sirven sencillamente de acceso directo a diversas funciones de los mens. Asimismo, puedes decidir qu opciones quieres que aparezcan en los mens y en la barra de herramientas desde Opciones/Opciones de la barra de herramientas.
6.
Fase 2
En donde:
archivos_ fuente: se refiere a los archivos generados con las patatas. imgenes: son todas las imgenes incluidas en los ejercicios. pginas _ Web: son los documentos html una vez exportado el ejercicio a formato web. sonidos: son todos los sonidos incluidos en los ejercicios.
Asimismo, es aconsejable que crees una carpeta llamada configuraciones en la que guardes las preferencias personales que quieras tengan tus ejercicios. Por ltimo, ten en cuenta que cualquier archivo que est fuera de esta estructura de carpetas no aparecer en tu pgina web cuando la publiques ( cuelgues) en la red.
7.
Fase 2
Ttulo e Instrucciones para realizar el ejercicio: por ejemplo contesta, seala qu afirmaciones son verdaderas, completa este crucigrama seleccionando el nmero y rellenando la casilla correspondiente, relaciona los elementos de una columna con los de otra, averigua qu falta en esta frase y compltala, etc.
Avisos e Indicaciones para las preguntas y respuestas: correcto o incorrecto, pistas de ayuda como esta parte es correcta: ..., puntuacin obtenida, etc.
Botones de respuestas, de pistas y otros especficos de cada tipo de ejercicio: permitirn a los usuarios de tu ejercicio interactuar en l. Debers decidir cules quieres que aparezcan y cules no, qu van a decir: pista o comprueba, etc.
Botones de Navegacin: servirn para poder unir varios ejercicios y poder navegar entre ellos como en cualquier pgina web: volver a inicio, pgina siguiente, pgina anterior, ir a contenidos, etc.
Aspecto: a travs de esta opcin podrs elegir el color o la imagen para el fondo, el color y el tipo de letra, los colores del ejercicio, del vnculo, del ttulo, etc.
Contador: con el que puedes poner un lmite de tiempo para la realizacin del ejercicio. CGI: Significa Interfaz de Acceso Comn y se utiliza para poder enviar los resultados del ejercicio va e-mail. Es muy til, por ejemplo, si tienes clases on-line y tus alumnos hacen los exmenes de ese modo.
Personalizar: Permite hacer modificaciones personalizadas en los archivos fuente, que se comportaran como una caracterstica ms de la configuracin. Por ejemplo, si necesitas que aparezca siempre determinado texto. Tambin se puede incluir algunos cdigos al comienzo del texto en el archivo fuente: por ejemplo definir tus propias funciones JavaScript.
Otros: aspectos especficos de cada tipo de ejercicio. Una vez configurados los datos segn tu criterio y preferencias, guardamos la configura-
cin mediante del botn Guardar como en la carpeta que previamente has creado con el nombre de configuraciones. De este modo, si ests creando una serie de ejercicios que van a formar parte de un mismo proyecto o de una misma web, te interesa que presenten todos un estilo y aspecto uniforme.
Fco. Jos Fernndez Torres EOEP de Cantalejo 8.
Fase 2
Para recuperar en cualquier momento tu configuracin personal basta con acceder a la pestaa Opciones/Configurar el formato del archivo originado, pulsar en el botn la carpeta configuraciones el archivo guardado. y buscar en
desde la pestaa Archivo/Aadir lectura. Se abrir una ventana en la que vamos a tener distintas opciones para introducir la misma:
Escribir un texto manualmente Copiando y pegando de un texto cualquiera Incluir texto de lectura, es decir, importar un texto cualquiera desde un archivo html externo que tengamos en el ordenador. Al hacerlo aparecern insertados unos cdigos html de forma temporal, pues posteriormente al convertir el ejercicio en web stos desaparecen.
Metadatos.
Son datos caractersticos de un documento html que aportan informacin sobre el mismo; son percibidos por el navegador pero no se ven. Se insertan a travs de Archivo/Aadir metadatos y hacen referencia, por ejemplo, a la descripcin de tu ejercicio (esto te sirve como criterio para su bsqueda en Internet), a tu nombre si eres el creador, etc.
9.
Fase 2
Vnculos.
Se pueden insertar en cualquier parte del ejercicio, desde Insertar/Vnculo, a un archivo local que se encuentre en tu ordenador, a una direccin de internet o bien, a una direccin de correo electrnico. En este ltimo caso debers insertar la siguiente etiqueta <A
HREF="mailto:tudireccin@decorreo">mensaje de texto</A>, donde dice "mensaje de texto" se escribe por ejemplo: "contactar" o "enva tu correo", etc. Al pulsar, se abrir el programa de correo electrnico instalado en el ordenador en que ests trabajando.
Imgenes.
Recuerda que previamente a la insercin de imgenes en tus ejercicios has debido crear una carpeta llamada imgenes en la que incluir todas las imgenes que vayas a emplear en los mismos. Las tres consideraciones previas para incluir una imagen en un ejercicio, son: a) Qu imagen quieres: emplea nicamente las imgenes que sean significativas para el ejercicio, y que no sean excesivamente grandes, pues de lo contrario el ejercicio tardara mucho en abrirse en el navegador. b) De dnde la vas a sacar: tienes dos posibilidades, bien desde una pgina web, o bien desde un archivo local, es decir, desde un archivo grfico que tengas en tu ordenador. c) En qu parte del ejercicio la vas a incluir: una vez que lo tengas claro accede a Insertar/Imagen/Imagen desde internet Imagen desde un archivo local.
Sonido y Vdeo.
Las consideraciones previas para la insercin de objetos multimedia (sonido y vdeo) son las mismas que para la insercin de una imagen. Los objetos multimedia se insertan as: a) Decide en qu parte del ejercicio lo quieres y coloca ah el cursor. Lo puedes insertar tanto en el rea destinada al contenido y al ttulo, como en distintos apartados del archivo de configuracin (Avisos/Indicaciones, Ttulos/Instrucciones, Botones, etc.). b) Selecciona el men Insertar/Objeto Multimedia. Aparecer una ventana en la que debers buscar y seleccionar tu archivo multimedia; para ello pulsa en el botn Buscar. Si no has guardado el archivo de datos, el programa te recordar que lo hagas antes de insertar el archivo multimedia; de este modo, podr encontrar posteriormente la ruta relativa de dicho archivo. Por ltimo, selecciona y establece el orden de los reproductores que quieres utilizar para or/ver tu archivo multimedia.
Fco. Jos Fernndez Torres EOEP de Cantalejo 10.
Fase 2
Al insertar sonidos has de ser muy cauto y preguntarte siempre el valor pedaggico que puede aportar al ejercicio la insercin de un archivo de sonido. Si nicamente aporta valor esttico debers deliberar sobre su inclusin o no; en caso afirmativo, ira como un sonido de fondo y tendramos dos posibilidades de insercin: a) Reproduccin automtica al cargar la pgina: tendrs que escribir manualmente este cdigo: <bgsound src="ruta y nombre_de _archivo"LOOP=n INFINITE>. Donde dice LOOP=n INFINITE> tienes que elegir cuntas veces quieres que se repita el archivo de sonido; si 1, escribiras LOOP=1 (as sucesivamente con 2, 3, etc.) y si quisieras un bucle continuo de repeticin escribiras LOOP= INFINITE. b) Reproduccin manual: para que no se reproduzca automticamente, sino que el usuario pueda interactuar con l y controlarlo debers escribir <EMBED SRC="ruta y nombre_del_archivo" CONTROLS=SMALLCONSOLE>.
Tablas.
Para poder insertar una tabla convencional de datos en un ejercicio, primero sita el cursor en el lugar donde quieres insertarla (lo ms habitual es insertarla en las preguntas del ejercicio para proporcionar orden a un conjunto de datos que quieres proporcionar). Despus selecciona Insertar/Tabla HTML, establece los parmetros para definir la misma y pulsa en el botn OK. El programa insertar el cdigo HTML automticamente el lugar por ti deseado; el resultado sera para una tabla 2x2 aproximadamente el siguiente:
11.
Fase 2
<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. <tbody> quiere decir cuerpo de contenidos y </tbody> fin del cuerpo de contenidos. <tr> quiere decir fila y </tr> fin de fila. <td> quiere decir celda y </td> fin de celda. El inconveniente de las tablas es que los datos se introducen a mano y que para sacarlas
plenamente partido (color de fondo de las celdas, tipos de letra, etc.), es necesario conocer el lenguaje HTML.
12.
Fase 2
1. Una vez introducidos los datos y configurado el ejercicio ste se guardar con el formato de la patata correspondiente; para ello accede en la barra de mens a Archivo/Guardar. Te aconsejamos que lo guardes en la carpeta que has creado llamada archivos_fuente. 2. Seleccionamos en la barra de mens Archivo/Crear pgina web y dentro de sta elegimos, en caso de que haya varias, la opcin de creacin de formato web que nos convenga.
como web en la que piensas la respuesta antes de mostrarla. 3. Se suele guardar el ejercicio en formato htm normalmente con el mismo nombre que tena en el formato de la patata. 4. A continuacin se abrir una pantalla en la que podrs visualizar el ejercicio en tu navegador y de este modo comprobar que el resultado responde a lo que t esperabas.
13.
Particularidades.
a) Modalidad en la que elaborar los ejercicios: para ello accede desde la barra de mens a Opciones/Modalidad/Principiante Avanzada. En esta ltima modalidad aparece un dato llamado ponderacin o factor de valoracin que se refiere al valor que tiene cada pregunta correcta dentro de la puntuacin total; es utilizada, por ejemplo, en los exmenes. b) Posibilidad de barajar el orden de las preguntas o el de las respuestas: se accede desde la barra de mens Gestionar preguntas/Barajar.
14.
Fase 3
Particularidades.
Al ser el usuario el que teclea la respuesta correcta, deberemos tener presente que cualquier carcter distinto (maysculas, omisin de tilde, etc.) al introducir la respuesta dara como consecuencia una respuesta errnea. Por esa razn, es necesario considerar vlida una misma respuesta con caracteres ligeramente diferentes.
15.
Fase 3
Particularidades.
La principal particularidad en esta modalidad se encuentra precisamente en el diseo del ejercicio, que constar de dos partes: a) Como en primer lugar aparecer un ejercicio de respuestas cortas, escribiremos el ttulo, la pregunta y las respuestas correctas (teniendo en cuenta las respuestas correctas con diferentes caracteres). b) Como el ejercicio se convierte en respuestas mltiples despus de varios intentos de respuesta por parte del usuario, deberemos pensar qu posibles respuestas vas a incluir para que el usuario pueda marcar las correctas, como en cualquier otro ejercicio de respuestas mltiples. La segunda particularidad radica en establecer el nmero de intentos que permites al usuario antes de que el ejercicio en la modalidad de respuestas cortas se convierta a la modalidad de
Fco. Jos Fernndez Torres EOEP de Cantalejo 16.
Fase 3
respuestas mltiples. Para ello accede desde la barra de mens a Opciones/Configurar el formato del archivo originado y en la pestaa Otros establece el nmero de intentos.
Particularidades.
En esta modalidad no se trata de acertar correctamente, sino de seleccionar correctamente. De ah que la forma de valorar la respuesta sea la siguiente: sobre un total de x posibles selecciones, has hecho bien y; por ejemplo, sobre un total de 4 posibles selecciones, hemos hecho bien 1, 2 3 (se expresa como 1/4, 2/4 3/4).
17.
Fase 3
El paso previo a elaborar un ejercicio de este tipo ser decidir qu elementos irn en cada una de las dos columnas para ser emparejados por los usuarios:
Columna de la izquierda: se colocan los que siempre aparecern como fijos. Columna de la derecha: se colocan, a la misma altura y de forma correcta, los que se relacionarn con los fijos. El programa ya se encargar de que aparezcan desordenados cada vez que se cargue el ejercicio. Tanto los elementos fijos como sus relacionados pueden ser textos, imgenes, vnculos u
objetos multimedia. Asimismo tienes la posibilidad de que aparezcan ya relacionados, a modo de ejemplo, alguna pareja de elementos; para ello, marca la casilla de uno (o ms) de los elementos de la columna de la derecha.
Particularidades.
18.
Fase 3
Esta patata tiene como principal particularidad la opcin Organizar elementos que la encontrars en la barra de mens. Te permite modificar los elementos de la columna de la izquierda, cambiando de orden o de columna, eliminando, copiando, etc. Si recuerdas sta particularidad tambin la tienes en JQuiz, pero denominada Gestionar preguntas.
Particularidades.
A la hora de elaborar un ejercicio, los datos principales (ttulo, subttulo, instrucciones para realizar el ejercicio, aspecto o tipo de letra) se introducen de la forma habitual, pero el contenido se har de la siguiente manera:
Fco. Jos Fernndez Torres EOEP de Cantalejo 19.
Fase 3
Frase principal: en la que se escriben los elementos que se van a desordenar. Se introducen en orden y uno en cada lnea. Cuidado con los espacios y los signos de puntuacin porque tambin cuentan.
Frases alternativas: son otras posibilidades de acierto para la frase principal. Se suele incluir en este apartado la misma frase pero con variaciones en maysculas y tildes. Otras opciones para las frases alternativas son las que aparecen en la parte inferior de la plantilla del ejercicio: "Permitir frases que no utilizan todas las palabras o signos de puntuacin en la frase principal", y "Avisar si la frase alternativa no utiliza todas las palabras y signos de puntuacin de la frase principal". Como vers, son opciones excluyentes.
Particularidades.
Para elaborar ejercicios con esta patata hemos de comenzar decidiendo sobre qu texto, enunciado o palabra vamos a trabajar, y qu posibles huecos vamos a poner para que el usuario diga lo que falta en ellos. A continuacin:
Fco. Jos Fernndez Torres EOEP de Cantalejo 20.
Fase 3
1. Introducimos los datos principales, modificamos los aspectos del archivo de configuracin a nuestro gusto, y tecleamos el texto del ejercicio sobre el que vamos a trabajar. 2. Editamos los huecos: selecciona la letra, palabra o fragmento que quieres convertir en hueco y haz clic en el botn Hueco; se abrir la ventana Alternativas a la palabra del hueco en la que aparece lo que hayas seleccionado.
3. 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. 4. En el apartado Respuestas correctas alternativas incluimos otras posibilidades de acierto y pulsamos en el botn Ok. 5. Regresamos a la pantalla principal de la patata y guardamos el ejercicio, repitiendo este mismo proceso para los dems huecos que queramos crear. Para cualquier modificacin en la configuracin de los huecos hay que volver a la pantalla Alternativas a la pantalla del hueco pulsando en el botn Mostrar palabras. Para eliminar todos los huecos creados pulsa sobre el botn Eliminar huecos, y si nicamente es uno el que deseas cambiar posicinate con el cursor sobre l y pulsa en Borrar hueco. La opcin Huecos automticos te simplifica la tarea de crear huecos, pero en ocasiones no resulta prctica. Una de las particularidades de esta patata es la de incluir botones pista en la resolucin de los ejercicios, pero no hemos de confundirlos. Ambos se encuentran enOpciones/Configurar el formato del archivo originad/Botones.
21.
Fase 3
Incluir el botn Pista: es la misma para cualquier hueco y proporciona al usuario cada vez que la pulsa una letra del hueco que est resolviendo.
Incluir el botn Pista para cada hueco: proporciona una pista especfica para el hueco que el usuario est resolviendo. sta coincide, en su caso, con la pista que hemos introducido en la ventana Alternativas a la palabra del hueco.
Previamente a comenzar a crear el crucigrama es necesario que pienses sobre la estructura del mismo, o lo que es lo mismo, qu palabras vas a introducir y cuntas van a formarlo; de ello depende el tamao del crucigrama, es decir, el nmero de casillas que tendr. Una vez que lo tengas decidido sigue los siguientes pasos:
22.
Fase 3
1. Especifica el nmero de filas y columnas del crucigrama: accede en la barra de mens a Organizar cuadrcula/Cambiar el tamao de la cuadrcula e introduce un nmero (representa el nmero de filas x columnas). 2. Introducir las palabras o crear la cuadrcula: tienes dos posibilidades para hacerlo, manualmente o de forma automtica. a) Manualmente: si quieres crear tu propia cuadrcula, solamente tienes que introducir cada una de las letras de las palabras en horizontal y/o en vertical, tal como previamente hayas decidido. Si tu crucigrama no va a ser demasiado grande, sta es una buena opcin. b) Forma automtica: selecciona Organizar cuadrcula/Crear automticamente, introduce cada palabra en una lnea separada y pulsa en el botn Crear la cuadrcula. Si el tamao de las palabras exceden el de la cuadrcula, el nmero de palabras es excesivo para el tamao de la cuadrcula o, no se encuentran letras con las que entrelazar las palabras el programa te lo har saber.
3. Aadir las pistas: es decir, aadir las definiciones de cada una de las palabras que hemos introducido en la cuadrcula. Para ello, pulsa el botn Aadir pistas, selecciona la 1 palabra, escribe en el recuadro inferior la pista o definicin que quieras proporcionar y despus pulsa el botn OK de la derecha. As sucesivamente con todas las palabras para, finalmente, pulsar el botn OK de la parte inferior.
23.
Fase 3
24.
Men Opciones de cualquiera de las patatas. Aplicacin The Masher incluida en Hot Potatoes. Cualquier editor html.
Por medio del men opciones podemos realizar una Navegacin Lineal, es decir, enlazar consecutivamente cada uno de los ejercicios propuestos hasta llegar al ltimo, con sin la posibili-
25.
Fase 4
dad de volver al ejercicio anterior y/o al primero de la serie. Para proporcionar este tipo de navegacin habilitaremos los siguientes botones:
En el primer ejercicio de la serie habilitaremos la casilla Incluir botn Siguiente Ejercicio e insertaremos la leyenda Avanzar.
En el segundo y sucesivos ejercicios de la serie habilitaremos las casillas Incluir botn Siguiente Ejercicio e Incluir botn Atrs e insertaremos las leyendas Avanzar y Volver respectivamente. Asimismo, si queremos dar la posibilidad al alumno de regresar al primer ejercicio de la serie habilitaremos la casilla Incluir botn Ir a Contenidos e insertaremos la leyenda Volver a empezar.
En el ltimo ejercicio de la serie habilitaremos las casillas Incluir botn Atrs con la leyenda Volver y la casilla Incluir botn Ir a Contenidos con la leyenda Volver a empezar.
En cada uno de los ejercicios, adems de crear los botones de navegacin especificaremos la direccin o enlace de los mismos, para que de este modo la navegacin entre ejercicios sea posible: Para el botn Avanzar: en el recuadro URL del Siguiente Ejercicio buscaremos el ejercicio que deseemos contine la serie en su formato web, es decir con la extensin *.htm. Para el botn Volver a empezar: en el recuadro URL de la pgina de contenidos buscaremos el primer ejercicio de la serie en su formato web. Es el momento de recordarte, que los ejercicios en formato web enlazados debern estar todos en la misma carpeta para que funcionen los botones de navegacin.
Fase 4
1 Abre la aplicacin The Masher desde la ventana principal de Hot Potatoes y accede a la ventana principal de esta aplicacin. 2 Carga los archivos fuente de los ejercicios que quieras enlazar, pulsando sobre el botn Aadir archivos.
3 Configura el resto de parmetros del archivo html que estamos generando, a travs de las diferentes pestaas de la ventana principal:
Pestaa Archivos: nos muestra los archivos fuente que van a formar parte de nuestro ndice. Podremos incluir o borrar ejercicios de nuestra pgina ndice.
Pestaa Aspecto: nos permite definir el aspecto del ejercicio, pudiendo modificar los colores, estilo de los botones, etc.
Pestaa Cadenas de usuario: nos permite incluir fragmentos de cdigo html. Pestaa Botones: nos posibilita definir los botones de navegacin que queremos incluir en nuestros ejercicios. Dejaremos marcadas las casillas que aparecen por defecto, y en los recuadros de texto escribiremos, por ejemplo, Siguiente, ndice y Anterior.
Pestaa Fuente: nos muestra el cdigo html del archivo que se est generando.
Pestaa ndice: nos permite definir el ttulo del ndice y el nombre del archivo html
que estamos generando, que por defecto ser index.htm.
27.
Fase 4
4 Genera la pgina web ndice pulsando sobre el botn Construir unidad. Teniendo en cuenta que la aplicacin The Masher no es del todo gratuita, sin adquirir la licencia comercial de Hot Potatoes solamente podremos generar un ndice que contenga un mximo de tres ejercicios.
Si queremos enlazar mas ejercicios sin adquirir la licencia comercial podramos crear hasta tres pginas ndice, cada una de ellas conteniendo tres ejercicios, y posteriormente enlazarlas. Para ello deberemos: 1 Crea las pginas ndice que quieras enlazar siguiendo los pasos anteriormente sealados. El nombre del archivo html generado debe ser obligatoriamente diferente, por ejemplo, index.htm, index2.htm e index3.htm. 2 Carga las pginas ndice creadas. Como los archivos que estamos cargando en la aplicacin no son archivos fuente (estamos aadiendo archivos htm), te aparecer una ventana advirtindote de dicha circunstancia; pulsa OK y contina. 3 Configura el resto de parmetros del archivo html que estamos generando: Recuadro Directorio de salida: selecciona uno diferente al directorio en el que has guardado los archivos index.htm, index2.htm e index3.htm. Pestaa Botones: marca solamente la casilla de verificacin Incluir botn Ir a Contenidos" y, en el cuadro de texto correspondiente, escribe ndice General. Asimismo, marca la casilla de verificacin Aadir barra de navegacin para los archivos HTML que no son ejercicios. Pestaa ndice: dale un nombre a la pgina y al archivo que estamos generando; te sugerimos los de ndice General e index_general.htm respectivamente. 4 Genera la pgina web ndice General pulsando sobre el botn Construir unidad.
28.
Fase 4
Estos editores html nos permitirn personalizar hasta el mnimo detalle el aspecto de nuestro ndice. El procedimiento ser muy sencillo; a saber:
Abrir el editor html preferido. Crear la pgina ndice, escribiendo el ttulo de la pgina y dndole el aspecto deseado. Insertar los enlaces o hipervnculos deseados a las diferentes pginas web que contienen los ejercicios generados con las diferentes patatas.
Una vez creado el documento que contiene el ndice con los enlaces a los diferentes ejercicios (pginas web), bastar con seleccionar la opcin Guardar en nuestro editor HTML.
Fase 4
Servidor de pginas Web: es una institucin / empresa pblica o privada con presencia en Internet que te permitir colgar o colocar tu unidad didctica (los archivos html generados con Hot Potatoes) en un espacio que te asigna en sus ordenadores. Por ejemplo, empresas privadas como Yahoo! (http://www.yahoo.es) o instituciones pblicas como el CNICE (http://www.cnice.mec.es) permiten publicar tus pginas web de forma gratuita. Un programa de FTP (File Transfer Protocol): este programa te permitir, mediante conexin a Internet, subir, transferir o publicar los archivos html desde el disco duro de tu ordenador al servidor en el que publicars la unidad didctica. Existen numerosas aplicaciones informticas que nos permiten subir nuestros archivos a un servidor de pginas web. Entre los ms populares por su sencillez de manejo y por ser gratuitos citar Filezilla y WS_FTP. Un Navegador Web: con el que podrs visualizar los archivos html (las pginas web) publicadas en la red. Existen infinidad de navegadores web en la actualidad, destacando entre otros el Mozilla Firefox, el Opera, o los tradicionales Nestcape e Internet Explorer.
30.
Fase 4
3. Para iniciar la sesin de transferencia de archivos pulsaremos sobre el botn Aceptar y la aplicacin se conectar al servidor del CNICE especificado, mostrndonos una ventana dividida en dos partes: Disco Local: es la que aparece en la parte izquierda de la ventana y en ella se nos muestran el rbol de directorios de nuestro disco duro. Este rbol debera contener las carpetas con los archivos fuente y con los archivos html de los ejercicios creados con las diferentes patatas. Disco del Servidor: ubicado en la parte derecha de la ventana, nos muestra la estructura de carpetas y archivos que hemos ya colgado en el disco duro del servidor. Para visualizar correctamente en un navegador nuestra unidad didctica recin creada, deberemos proporcionar la estructura adecuada de carpetas que a continuacin veremos.
Fco. Jos Fernndez Torres EOEP de Cantalejo 31.
Fase 4
4.
Previamente al inicio de la transferencia de archivos desde nuestro disco local al disco del servidor o remoto, deberemos crear en este ltimo una carpeta denominada public_html (para el caso concreto del CNICE) que contendr todas nuestras creaciones personales, tales como unidades didcticas de Hot Potatoes, pgina web personal, WebQuests, etc. que deseemos aparezcan pblicamente en la red; de ah que adquiera especial importancia mantener una organizacin en subcarpetas. En este caso deberamos crear una carpeta dentro de la carpeta public_html denominada, por ejemplo, ud_1 en donde copiaremos todas las carpetas y archivos de nuestra primera unidad didctica de Hot Potatoes. Para crear carpetas (y subcarpetas) utilizaremos el botn MkDir situado a la derecha del disco del servidor e introduciremos el nombre de la carpeta, en nuestro caso public_html y ud_1.
5. Para copiar los archivos seleccionados desde nuestro disco duro a la carpeta creada en el ordenador remoto, bastar con pulsar en el botn rencia de ficheros. 6. Una vez transferidas todas las carpetas y archivos de nuestra unidad didctica a la carpeta public_html, pulsaremos el botn Close para terminar la conexin y a continuacin el botn Exit para cerrar la aplicacin. para iniciar el proceso de transfe-
Fase 4
vidor del CNICE deberemos proporcionar en la URL el nombre del servidor y del usuario donde est alojada, as como la estructura de carpetas que hemos creado hasta llegar al archivo inicial index.htm index_general.htm. En el cuadro de direccin de nuestro navegador introduciremos la siguiente URL http://nombre del servidor/~login/carpetas_creadas/nombre_archvio_inicial.htm, siguiendo el ejemplo http://chopo.cnice.mecd.es/~fferna23/ud_1/index.htm. Si te das cuenta no es necesario introducir en la direccin la carpeta public_html puesto que el servidor del CNICE la incluye por defecto en la direccin, yendo directamente a la estructura que contiene dicha carpeta. Asimismo, el carcter ~ que se obtiene pulsando la tecla ALT + 126 en el teclado numrico de tu ordenador, confiere la entidad de carpeta inicial o raz al login proporcionado por el servidor. Para concluir y a modo de consejos, hacerte caer en la cuenta de un par de aspectos que te evitarn problemas y harn ms efectiva tu Unidad Didctica; a saber: 1. Espacio Web asignado: al publicar en la web hay que tener en cuenta que el espacio que se nos asigna en un servidor de pginas web no es ilimitado. Si utilizamos archivos de imgenes, de vdeo o de sonido que ocupen mucho (pesen mucho, en la jerga informtica) dicho espacio se nos agotar. 2. Prdida de inters: las pginas muy recargadas, con archivos muy grandes tardan mucho en visualizarse en un navegador, y eso conllevar a que nuestros alumnos pierdan el inters por las actividades que los ests planteando.
33.