Plantilla para Webquest al estilo 2.0
En este post vamos a aprender a crear nuestras propias webquest y a ponerlas en internet de una forma sencilla y gratuita. Para ello necesitamos tres elementos:
- Una plantilla de webquest.
- Un editor html.
- Un servidor donde colocarla.
La plantilla.
Plantilla
Para este post he diseñado una plantilla html que te puedes descargar aquí. Como puedes ver, es una plantilla al estilo 2.0 en la que ya he creado la estructura de una webquest y le he aplicado un estilo a todos sus elementos.
Consta de 7 páginas:
- Introducción.
- Tarea.
- Proceso.
- Recursos.
- Evaluación.
- Conclusión.
- Autores.
La puedes ver en funcionamiento aquí.
El editor html.
Para editar la plantilla podrías usar el bloc de notas pero te aparecería el código. Para que sea mucho más fácil vamos a utilizar un editor de html visual.
Desde aquí te puedes bajar el editor Nvu, gratuito y en castellano. Una vez que tengas el editor tienes que abrir con este editor el archivo index.html del paquete que te has descargado y verás algo como esto:
Editor
Como puedes ver en la imagen es un programa muy sencillo en el que puedes cambiar todos los elementos de la webquest con gran facilidad.
Ve abriendo y editando cada uno de los archivos del paquete que te has descargado (tarea.html, recursos.html, ...) y tendrás tu webquest en unos minutos.
El servidor.
Una vez que ya hayas editado la plantilla para tu webquest tienes que ponerla en un servidor para que todo el mundo pueda acceder a ella.
Esta parte es en la que la mayoría de personas se pierde pero voy a intentar explicarlo de forma sencilla.
Para empezar necesitas tener un servidor. Los hay gratuitos y de pago. Los gratuitos suelen poner publicidad pero he encontrado uno que no pone publicidad y te da una cantidad bastante grande de espacio y transferencia. Se trata de 000webhost.com .
El primer paso es registrarse en 000webhost para obtener una cuenta gratuita.
Una vez que te hayas registrado tienes que solicitar el paquete de hosting gratuito ( Free hosting).
Después de haber solicitado el hosting y haber elegido tu dominio te aparecerá una pantalla como la que tienes más abajo. Tienes que pinchar en Go to CPanel. Esto te llevará al panel de administración del servidor.
En este panel tienes que pinchar en el icono que pone File Manager. Lo puedes ver en la siguiente imagen:
Cuando pinches en File Manager te saldrá una ventana como esta y tendrás que pinchar en el botón Java Upload:
Cuando pinches en Java Upload se te abrirá una pequeña aplicación java para subir archivos. 
Primero tienes que añadir la carpeta que quieres subir (+Add) , es decir, la carpeta /webquest donde están tus archivos editados. Una vez que los has añadido te sale otro botón que pone Upload. Pinchas en Upload y los archivos empiezan a subir, cuando terminen pincha en la flecha azul de arriba para volver al directorio.
Al volver podrás ver que tu carpeta /webquest se ha creado en el servidor y contiene todos tus archivos.
Se ha creado dentro del directorio /public_html , todo lo que pongas dentro de esa carpeta será lo que se verá en internet, lo que pongas fuera no se verá.
Si todo ha ido bien ya sólo tienes que ir a la dirección de tu webquest para ver si todo está en su sitio. Esa dirección será eldominioquetehayadado.com/webquest.
Bueno, pues esto es todo. Ya tienes a tu disposición un diseño 2.0 para tus webquest, has aprendido a editarlo y a ponerlo en un servidor y todo ello con software y servicios gratuitos.
Si tienes algún problema en cualquiera de los pasos para crear tu propia webquest deja un comentario y estaré encantada de responderte. 
agosto 24th, 2010 - 10:42
Tiene una pinta estupenda! Gracias por compartirlo. Me alegro de que hayas regresado. ¿Para cuando la siguiente entrega de Google Maps y Primaria
agosto 24th, 2010 - 11:08
Hola Pencho, encantada de tenerte otra vez por aquí. Lo de Google Maps no lo he olvidado, sólo tengo que solucionar unas cosillas para lo que quiero hacer. Lo tendré pronto…
agosto 24th, 2010 - 11:56
Estupendo. Me tienes expectante! Y estoy seguro que a más de un aficionado a Google Maps como el señor onio72, también.
septiembre 19th, 2010 - 21:56
CPC. Esta es la clave del profesorado del siglo XXI: Colaboración, Participación y Coordinación. Así sí podemos cambiar esto
septiembre 19th, 2010 - 22:05
Gracias Manuel Jesús, yo pienso lo mismo. Creo que si los docentes imitaran un poco la forma de trabajar del software libre (CPC) se conseguirían grandes cosas.
octubre 23rd, 2010 - 17:55
Grandísimo trabajo. Muchísimas gracias por compartirlo, ayudarnos e ilustrarnos.
octubre 23rd, 2010 - 22:41
Gracias Raúl
noviembre 25th, 2010 - 19:21
Hola: Mi nombre es Annabel Gómez y estamos realizando una WQ con un grupo de compañeras.
Tengo que subir una WQ, está todo muy claro en este tutorial, pero tengo una pregunta: ¿La WQ puede subirse de a partes y si una vez subida se puede modificar?
Gracias
noviembre 25th, 2010 - 19:53
Hola Annabel, puedes editar el archivo las veces que quieras. Al igual que lo editas la primera vez en el editor html y lo subes al servidor, cada vez que lo vuelvas a editar y subir sobrescribirá el que hay. Simplemente tienes que seguir el mismo proceso. Tampoco tienes por que subir todas las páginas a la vez pero lo que si debes hacer es respetar la estructura de los archivos y carpetas. Cuando pinchas en los diferentes enlaces, tarea, recursos, etc, estás indicándole que vaya a un sitio a buscar un archivo, por tanto, si tu cambias esa estructura de archivos, esa ruta, el enlace no encontrará la página y no te saldrá nada.
Resumiendo:
- Para cambiar algo edita el archivo en tu pc y sigue el mismo proceso para subir el archivo.
- Sube los archivos en el misma carpeta que estaban para que se sobrescriban y respetar la estructura.
Espero haberte aclarado algo. Si tienes alguna duda más no dudes en preguntar.
febrero 18th, 2011 - 17:25
Te he encontrado en twitter y me he llevado una agradable sorpresa cuando he visto esta plantilla. Me parece genial. Estoy deseando probarla.
febrero 18th, 2011 - 18:51
Gracias Cordytic.
agosto 5th, 2011 - 09:00
Hola, eres genial!!
Soy leticia y quisiera hacerte una pregunta Si yo hago mi WQ como lo indicas, pero ésta debe ser revisada por un profesor, ¿puedo dejarla abierta (con permisos de edición) para que el profesor en mi misma Wq ponga sus comentarios y correciones pagina a pagina? no por un correo, sino que la edite mejorandola, pero en mi misma wq? te agradeceria me respondieras esto ya que de eso depende que pueda realizarla tan facilmente como aca indicas y utilizar esta estupenda herrramientas que nos entregas. Gracias!!
agosto 5th, 2011 - 19:54
Vamos a ver, lo que comentas que necesitas es una “página dinámica” y esta webquest es una “página estática”. Cuando sólo presentas información es una página estática y la puedes hacer con html y css como está hecha esta webquest. Cuando interactúas con la página, es decir, alguien te puede dejar comentarios o cualquier otro tipo de información, entonces es una página dinámica. Una página dinámica necesita de una base de datos donde guardar esa información que te dejan los usuarios y un lenguaje de lado de servidor (php, asp, etc…) para mandar y recoger datos.
Para hacer lo que pides tendrías que hacer un formulario (en php , por ejemplo) que mandara datos a una base de datos(mysql, por ejemplo) previamente creada y luego un script que los recuperara y mostrara otra vez en la página. Creo que esto es demasiado difícil para una persona que no lo ha hecho nunca pero si quieres aprender a hacerlo hay miles de tutoriales y manuales muy buenos en la red. Sólo tienes que buscar manual php mysql en google y empezar a leer todo lo que puedas hasta que aprendas como funciona.
Siento no poder ayudarte más.
agosto 7th, 2011 - 02:10
Gracias, te entiendo perfectamente. Te pasaste!! Vale! entonces me pondré a buscar manuales tal como me lo indicas.
De la forma en que me has explicado me has ayudado ene, asi que gracias,en serio. Besos
septiembre 13th, 2011 - 15:59
me arecen buenos los webquest
septiembre 14th, 2011 - 01:07
hola la verada me peracio muy interesante sobre lo que habals me parace que tienes una manera de explicar muy bien definida bueno
bie ¡ gracias por la informacion
noviembre 26th, 2011 - 13:29
Esta opción es muy buena, aunque en redAlumnos podéis crear vuestras webquests de forma mucho más sencilla. Tambien es posible calificarlas y añadir comentarios para el alumno. Ya de paso, os invito a conocer http://www.redAlumnos.com, un Entorno de Aprendizaje Social gratuito para estudiantes, docentes y padres.
Un saludo!