UsandoPlantillaCazaTesoro

Este es un tema tratado en el GrupoTrabajoSanJose04y05

Para crear una Caza del Tesoro, bien con la plantilla disponible en Twiki al efecto, o bien mediante diseño Web con algún programa, por ejemplo Mozilla Composer (Ver: Curso de diseño con Mozilla Composer), hay que seguir una serie de pasos previos:

• Localizar páginas en donde se vaya a buscar la información posteriormente por los alumnos. Es conveniente copiar y pegar estas direcciones en un Editor de Textos o en un Procesador de texto (no copiar las direcciones a mano porque es muy fácil equivocarse). Iremos viendo cómo hacerlo.

• Localizar imágenes para ponerlas en la Caza. Las capturaremos y las guardaremos en una carpeta creada al efecto. Después de poner las imágenes en la Caza del Tesoro podemos vaciar dicha carpeta y dejarla preparada para guardar las imágenes para la siguiente Caza o alguna otra actividad que creeemos.

Una vez que hemos dado estos pasos previos nos disponemos a crear la Caza del Tesoro con la Plantilla del Twiki. Vamos a practicar creando (o mejor recreando) la creación de la Caza del Tesoro DietaMediterranea. Éste es el proceso de creación paso a paso:

A) Búsqueda de los enlaces:

• • En el caso de la Caza del Tesoro que nos ocupa, su autor, JoseLozano, la ha confeccionado usando un sólo enlace: http://www.pulevasalud.com/subcategoria.jhtml?ID_CATEGORIA=100883, este caso no plantea especial dificultad, pero para tenerlo guardado correctamente, lo suyo es copiarlo y pegarlo en el editor de textos para luego usarlo cuando haga falta en la plantilla.

* Pulsa sobre la imagen para ampliarla:

• • Suponemos que tienes abierto el navegador con la página citada. Sin cerrarlo pinchamos sobre Aplicaciones->Accesorios->Editor de texto en un sistema con Guadalinex Edu 2.0 (puedes usar también un procesador de texto si quieres).

• • Con el ratón seleccionas la dirección que hay escrita en la barra de direcciones del navegador (pulsas al principio y arrastras sin soltar el botón del ratón hasta que lo selecciones todo). Para copiar esta dirección en la memoria del ordenador puedes hacerlo con el teclado, una vez seleccionada con el ratón, pulsas la tecla CRTL (control) y sin soltarla la letra C (es decir CRTL+C).

• • Ahora te vas a la ventana del editor de texto (si no la ves, minimiza el navegador) y haz click en ella para poder escribir. Para pegar la dirección que has memorizado haz CRTL+V. Ya tienes la dirección del enlace en el editor de texto.

* Para ampliar la imagen pulsa sobre ella:

• • Si son varias direcciones las que vas a manejar, repite el proceso anterior y ve pegando las direcciones una debajo de otra en el Editor de texto.

B) Búsqueda de imágenes y almacenamiento de las mismas:

• • Primero crearemos una carpeta en nuestra Carpeta de Usuario para guardar las imágenes y no tenerlas desordenadas. Podemos hacer doble click en la Carpeta de Inicio de Usuario que tienes en el escritorio o un click sobre el fantasmita que hay en la barra de aplicaciones (en un sistema con Guadalinex Edu 2.0, para otros sistemas puede variar).
  • Una vez tengamos la carpeta abierta podemos hacer click con el botón derecho en cualquier sitio libre de la misma y nos saldrá la opción Crear nueva Carpeta. La elegimos y le damos el nombre que queramos. Recuerda que la ruta para la carpeta que has creado es /home/usuario/Carpetadeimagenes
  • Ahora cuando estemos navegando y veamos una imagen que nos interese podemos pulsar sobre ella con el botón derecho. Nos saldrá un menú con una opción que pone: guardar imagen como.... La elegimos y le dejamos el nombre que tenga por defecto, pero le decimos que la guarde en la carpeta que hemos creado antes.

C) Creando la Caza, trabajando con la Plantilla:

• • Nos vamos al Twiki y entramos en la zona de Recursos. La dirección es: http://www.omerique.net/twiki/bin/view/Recursos/WebHome

* Para ver la imagen ampliada haz click sobre ella:

• • En la parte derecha, en el recuadro donde pone Ir a / Crear escribimos en nombre Twiki el nombre de nuestra Caza (los nombres wiki comienzan con mayúscula, no tienen espacio y tienen alguna mayúscula intercalada)

* Para ver la imagen ampliada haz click sobre ella:

• • Al no encontrar el tema nos propone crearlo, elegiremos la opción de crearlo a partir de una plantilla existente, en concreto la del Modelo de Caza del Tesoro, tal y como se ve en la imagen y pulsamos en el botón Crear que hay debajo de la elección de Plantilla.

• • Una vez creada la Caza entramos directamente en el modo Edición, saliendo la pantalla que vemos abajo.

* Para ver la imagen ampliada haz click sobre ella:

• Para escribir tanto la introducción como Evaluación, tenemos que hacerlo donde se nos indica, pone escribe debajo de esta línea. Te lo he señalado con rojo en la captura. Movemos el ratón, nos situamos donde se nos indica, hacemos click y a escribir.

* Para ver la imagen ampliada haz click sobre ella:

• • Para situar los enlaces y las preguntas la cosa es diferente. Nos movemos hasta la zona indicada en la imagen. Los enlaces hay que colocarlos donde aparece la primera marca roja a la izquierda entre corchetes, la pregunta correspondiente, que es lo que se vería en pantalla, en la marca roja de la derecha. Para no equivocarnos al escribir los enlaces, los copiamos del editor de texto seleccionándolos con el ratón y copiamos con CRTL+C y luego nos situamos en la página twiki en el lugar indicado y pegamos el enlace con CRTL+V (y así no cometemos errores al escribir el enlace).

• • En la plantilla hay sitio para tres enlaces con sus preguntas, si necesitamos más (que es lo más normal), la solución es colocar debajo del último más líneas como las anteriores, es decir: * [[][]] recuerda poner tres espacios antes del signo *

• • Todavía no podemos colocar imágenes. Primero tenemos que guardar el trabajo que llevamos hecho. Para ello, en la parte de abajo de la página twiki que estamos creando tenemos varios botones. Te recomiendo que utilices primero el que pone Vista previa. Podrás visualizar cómo queda la página que estás elaborando, pero no se salvarán los cambios que hayas realizado, así, si no te gusta como queda, le pulsas a la flecha de volver a la página anterior de tu navegador y vuelves al modo de edición para reformar lo que no esté bien. Si tras previsualizar la página estás satisfecho pues pulsas el botón Salvar Cambios y ya quedan grabados los cambios.

D) Insertando imágenes, trabajando con la Plantilla:

• • Una vez que hayamos salvado los cambios es el momento de subir las imágenes que tenemos en la carpeta a nuestra Caza del tesoro.

• • Para ello, visualizando la Caza del Tesoro (tal y como quedaría, No en el modo edición), verás que arriba y abajo tienes una opción que pone Adj. fich (adjuntar ficheros). Pulsamos sobre ella y nos aparece la pantalla de abajo. En ella, le damos al botón Seleccionar fichero y navegamos por nuestras carpetas hasta aquella en la que hemos guardado previamente las imágenes. Seleccionamos la que queramos y le damos a Abrir. Te recomiendo que de las dos opciones que te salen para marcar, lo hagas con la de abajo, la que pone Ocultar el fichero, la otra la dejas sin marcar. No te olvides de cómo se llama exactamente la imagen que has subido (distinguiendo mayúsculas de minúsculas y con el punto y la extensión que lleva detrás).

* Para ver la imagen ampliada haz click sobre ella:

• • Repite todo el proceso con cuantas imágenes quieras que aparezcan en tu página. Ten en cuenta que la plantilla en principio está preparada para 6 imágenes. Pero tú puedes quitar o añadir las que quieras a este número.

• • Ahora, una vez subidas todas, lo que tienes que decidir es donde colocarlas. Para ello, pulsas sobre la opción Editar y entras otra vez en "el código de la plantilla". Fíjate que en algunos sitios pone %IMAGEC{}%, lo único que tienes que hacer es escribir entre las llaves el nombre y la extensión de las imágenes que has subido (en cada llave una sóla imagen), teniendo muy en cuenta las mayúsculas y minúsculas y que si no pones la extensión correctamente la imagen no se verá. La orden anterior alinea las imágenes al centro, si las quieres a la derecha o izquierda cambias la C para que ponga %IMAGEI{}% o %IMAGED{}%,

• Si quieres añadir imágenes en otros sitios, lo único que tienes que hacer es insertar el código anterior donde quieres que aparezca la imagen. Lo mismo que si quieres borrar alguna imagen, simplemente tienes que borrar el código de antes.

-- JuanLopez - 17 Jan 2005

El pingüino ya no tiene frío

arriba