El documento describe dos métodos para crear una webquest: 1) Usando un creador de webquest en línea que guía el proceso paso a paso. 2) Editando una plantilla HTML existente reemplazando el texto de ejemplo con el contenido propio. En ambos casos se debe completar secciones como introducción, tarea, recursos, evaluación, conclusión y créditos.

3. Creación de una Webquest En cuanto a la dirección de correo electrónico, no es recomendable poner una dirección personal. En el campo descripción colocaremos una frase que describa el trabajo para el lector ajeno a nosotros que busca material en la web, o simplemente para otros docentes. Si vamos a poner nuestro trabajo en línea, podremos pensar en que éste sea relativamente fácil de encontrar en un buscador. Para esto es conveniente completar el campo Palabras claves que harán que sean esas palabras las que, al ser escritas en un buscador, den acceso a nuestro trabajo. Las opciones de formato son las que frecuentemente son utilizadas en cualquier programa:

4. Creación de una Webquest Código Hexadecimal del color Cuadros de opciones. Clicar en el círculo para activarlo Otra posibilidad: utilizar una imagen que se repita como fondo. Debe ser muy liviana.

5. Creación de una Webquest La diferencia entre color de texto y color de fondo puede verse en el siguiente ejemplo: Muchas veces necesitamos incorporar un color que no se encuentra entre las opciones para equipararlo al de un logotipo, por ejemplo, creando la ilusión de transparencia. Para ello, puede consultarse en un editor de imágines el código hexadecimal del color buscado y completarlo en la casilla correspondiente, sin necesidad de elegirlo en del menú. Una vez completados los datos generales pasaremos a copiar y pegar cada uno de los textos correspondientes a las diferentes partes de la webquest, borrando el contenido de ejemplo. El formato en el que se pegará el texto es en código HTML, con lo que el mismo deberá tener ciertos códigos para ser visualizado correctamente: Aquí el color de texto es verde y el color de fondo es naranja Aquí el color de texto es naranja y el color de fondo es verde

6. Creación de una Webquest

7. Creación de una Webquest A la izquierda contamos con algunos botones (salto de línea, Negrita, Cursiva) que insertarán estos TAGS de HTML. En la página Web final, donde dice <br> se realizará un salto de línea (similar al que se crea en un procesador de textos al presionar la tecla Enter), y donde haya un texto que comienza con <b> y termina con </b> el explorador interpretará que debe ponerlo en negrita. Por lo tanto, si deseamos que nuestro título aparezca destacado en negrita y luego haya una línea en blanco, seguido del resto, debemos escribir algo así: Al llegar a la sección “Recursos” nos encontraremos con una lista de cuadros de texto para completar nuestros vínculos: Será interesante colocar a la izquierda un texto descriptivo del vínculo, y a la derecha la dirección URL (comenzando siempre con http://), de este modo: Este es el título Este es el resto del curso <b> Este es el título </b><br><br> Este es el resto del curso

8. Creación de una Webquest Al llegar a la sección “Recursos” nos encontraremos con una lista de cuadros de texto para completar nuestros vínculos: Será interesante colocar a la izquierda un texto descriptivo del vínculo, y a la derecha la dirección URL (comenzando siempre con http://), de este modo: Una vez completadas todas las secciones, incluyendo los créditos (referencias a los lugares donde hemos obtenido información, ya sean sitios de Internet, libros, revistas, etc) se nos permite optar por una opción en cuanto a la futura impresión de nuestro trabajo, que podremos dejar en blanco por ahora.

9. Creación de una Webquest Luego, al presionar el botón “crear la webquest” simplemente aparecerá la misma en pantalla (sin las imágines) y deberemos utilizar la opción del navegador “Guardar como…” para que se guarde en nuestro disco duro, eligiendo la carpeta en la que tenemos todas las imágenes. Esto creará un archivo en HTML que abriremos haciendo doble clic en él. Para utilizar la Webquest en forma local debemos copiarla en otros PCs, incluyendo todos los archivos de imágenes (la carpeta completa).

10. Creación de una Webquest Otra alternativa Otra manera, ya no tan sencilla, de crear webquests es mediante la utilización de una plantilla, que no es otra cosa que una webquest ya creada que debe editarse reemplazando el texto que contiene por el texto que deseamos. Entrando en la siguiente dirección tendremos varios modelos, entre los cuales debemos elegir uno: http://www.isabelperez.com/webquest/modelo.htm

11. Creación de una Webquest Haciendo clic en la imagen de muestra, entraremos en la webquest modelo. En mi caso he elegido la opción “Modelo con marcos”, clicando en la pantalla (donde el puntero del ratón se convierte en una mano) Una vez allí puede observarse que la pantalla está dividida en dos secciones (marcos). A la izquierda veremos el menú con opciones. Si clicamos en cada una de las secciones se nos mostrará un texto explicativo que nos guiará en la confección de nuestra webquest:

12. Creación de una Webquest Una vez elegido el modelo, utilizaremos la opción “atrás” de nuestro navegador y clicaremos en la imagen pequeña que dice:

13. Creación de una Webquest Esto pondrá en nuestro disco duro un archivo llamado plantilla2.zip, que contendrá todo el material necesario para elaborar la webquest en un archivo comprimido. Presionaremos el botón derecho del ratón y aparecerá entre las opciones “Descomprimir en…”o “ExtractusingWinrar…” (Según cuál sea la herramienta de descompresión que tenga instalada en su ordenador) NOTA: Para descomprimirlo será necesario tener una herramienta como el Winzip o el Winrar, disponibles en la mayoría de los ordenadores. Si no cuenta con ninguno de ellos podemos obtenerlos clicando en los siguientes enlaces: Cuando acceda a la carpeta donde los archivos se han descomprimido, podremos observar la siguiente estructura:

14. Creación de una Webquest Si hacemos doble clic en uno de estos archivos veremos que simplemente tiene el contenido de la sección que menciona en ingles (evaluation= evaluación, process=proceso, etc) Para volcar los textos propios, deberemos editar los archivos en cualquier editor de páginas web (o simplemente en Microsoft Word), cambiando únicamente el texto de ejemplo por el propio. Eso sí, sin eliminar códigos para que se vea de la misma manera que el modelo.

16. Introduction.html (Contiene la introducción)

17. Task.html (contiene el contenido correspondiente a la tarea)

18. Process. Html (contiene el proceso)

19. Evaluation. Html (contiene la sección evaluación)

20. Conclusion.html (Contiene la conclusión)

21. T-index. Html (Contiene la guía para el profesor)

22. Credits.html (contiene las referencias o créditos) Si clicamos con el botón derecho del ratón en uno de los archivos pueden aparecernos algunas de las opciones remarcadas con rojo. Cualquiera de ellas será válida, siempre que no eliminemos ningún código que no conozcamos. El trabajo será más fácil en dreamweaver, FrontPage o Word ya que en el Bloc de notas, por ejemplo, la tarea se complicará ya que se visualizarán todos los códigos directamente y habrá que distinguir bien el código del contenido antes de eliminar el texto del ejemplo. Para el valiente que se atreva a ir más allá, puede editar también el archivo “navbar.html” que contiene el menú, pero es recomendable hacer antes una copia de seguridad por si dejara de funcionar la navegación.