Edufrikis Educación y tecnología

17ago/1031

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

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

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. :D

Be Sociable, Share!
Comentarios (31) Trackbacks (0)
  1. Tiene una pinta estupenda! Gracias por compartirlo. Me alegro de que hayas regresado. ¿Para cuando la siguiente entrega de Google Maps y Primaria

  2. 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… :D

  3. Estupendo. Me tienes expectante! Y estoy seguro que a más de un aficionado a Google Maps como el señor onio72, también.

  4. CPC. Esta es la clave del profesorado del siglo XXI: Colaboración, Participación y Coordinación. Así sí podemos cambiar esto

  5. 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.

  6. Grandísimo trabajo. Muchísimas gracias por compartirlo, ayudarnos e ilustrarnos.

  7. 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

  8. 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. :D

  9. Te he encontrado en twitter y me he llevado una agradable sorpresa cuando he visto esta plantilla. Me parece genial. Estoy deseando probarla.

  10. 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!!

  11. 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.

  12. 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

  13. me arecen buenos los webquest

  14. 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

  15. 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!

  16. Muy interesante esta plantilla.
    En la institución donde trabajo hay un campus virtual “moodle”donde tengo un espacio para mi materia.
    ¿es un servidor donde puedo poner la webquest?
    Ana
    palagi@marin.edu.ar

  17. hola no puedo terminar el proceso, al pinchar JavaUpload no me muestra la ventana cdonde aparece el listado ni los botones de Add, Remove, Upload . Solo me muestra una ventana de advertencia de seguridad de Myscript, le doy clic en la casilla Acepto los riesgos y despues pincho el boton Ejecutar, despues de eso me sale un mensaje que dice Error¡¡¡¡

    Ayuda por favorrrr. me URRRRRGE¡¡¡¡¡

  18. hola fijate que estoy estructurando la webquest con su plantilla y nos soy experto en ello pero como edito la parte de los recursos de los videos y como puedo agregar un doc descargable desde la plantilla espero su respuesta

  19. Hola Nancy, perdona que haya tardado tanto en contestarte y perdona por esta respuesta pero “no tengo ni idea” de por qué te sale ese error. Trata de hacer todo el proceso con otro navegador (preferiblemente NO con Internet Explorer) y quizá no te salte ese error.

  20. Hola Emanuel, tanto los vídeos como los archivos lo que tienes que hacer es poner el enlace en el código hacia tus vídeos o tus archivos. Si tienes los archivos alojados en algún sitio copia la url y si lo que quieres es subir el archivo al servidor lo que tienes que hacer es un link a ese archivo. Si por ejemplo lo metes en una carpeta llamada archivos tendrás que poner http://www.cualquieraqueseatudominio.com/archivos/nombredetuarchivo.doc

  21. hola muchas gracias por tu respuesta pero no soy experto en edicion html y bueno si no fuera molestia podrias explicarme paso a paso como cambiar los videos de la pagina recursos ya subi y edite las demas, y porque los links de email no funcionan podrias explicarme porfavor muy agradecido por tu tiempo

  22. Estupendo. Me tienes expectante! Y estoy seguro que a más de un aficionado a Google Maps como el señor onio72, también.

  23. 000webhost hosting site is enough for me. I’m on the hosting multiple pages and still I had no trouble with her. Just to the side which is placed on the server will be visited at least 10 times a month. if you do not meet this condition clears the server side and you put me again. This is the only pain that page not find my orginal site.

  24. Pues al momento de cargar el Java upload, no camina la maquina no carga nada, que puedo hacer

  25. Llegue aquí en búsqueda de material para realizar una tarea, y encontré este excelente tutorial, muchas gracias.
    Saludos

  26. Excelente plantilla y el tutorial muy bien explicado, estaba buscando como hacer un Webquest. Que suerte te encontre voy a venir muchas veces. Saludos desde Cajamarca-Perú

  27. Mi nombre es Rosalba, me parece interesante esta plantilla para montar todos mis recursos para clase de etica y valores, espero hacerlo bien, pues quiero montar esta plantilla, seguire los pasoa vamos ha ver como meva. gracias.

  28. I believe this is among the such a lot significant information for me.
    And i am satisfied reading your article. However wanna commentary on some basic issues, The web site style is
    ideal, the articles is actually excellent : D.

    Excellent process, cheers

  29. What’s up everybody, here every person is sharing
    such knowledge, so it’s nice to read this weblog, and I used to visit this web site every day.


Deja un comentario


*

Sin trackbacks por el momento.