Creando una webquests

Transcripción

1 Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre elegimos el NVU. Una vez descargado e instalado el programa lo iniciamos. La primera vez que lo iniciamos nos aparecerá una pantalla como esta, pidiendo dos cosas, configurar la conexión que no haremos, y notificar que hemos descargado NVU... según gusto. Hagamos lo que hagamos ya no volverá a aparecer, y siempre tendremos la posibilidad de configurar el servidor más adelante si hace falta. Con los consejos... también según gustos. La pantalla inicial de NVU es algo así. Podemos comprobar que tiene unas barras de herramientas con botones muy claros y similares a los utilizados en otras aplicaciones. Después podemos distinguir dos áreas: el área de Administración de sitios y él espacio de trabajo. La primera de todas la podemos esconder haciendo clic en el botón correspondiente (la 'X' señalada).

2 2. PREPARANDO UNA PLANTILLA La Preparación de las plantillas es lo más largo de todo el proceso pero es una buena forma de aprender a manejar el programa. Lo primero que vamos a hacer es una página base con un menú y un espacio para poner información. De forma que esta página base nos sirva para hacer las 5 que necesitamos para presentar la WQ. La página base va a ser simplemente el título de la WQ, una tabla para el menú, y el espacio donde después escribiremos la información. Así que en el área de trabajo escribiremos el título de la WQ. Podemos usar la barra de herramientas para dar formato a este título. Debajo insertamos una tabla con 5 columnas y 2 filas. En la primera fila escribimos los 5 apartados de la WQ (introducción, tarea, proceso, recursos y evaluación) o las que pongamos para nuestros alumnos y alumnas. La segunda fila la vamos a utilizar para el contenido de cada uno de los dos apartados, así que nos interesa que esas 5 celdas sean una sola. Esto se hace como en los

3 editores de texto que manejamos habitualmente: se selecciona la fila arrastrando (o Tabla->Seleccionar->Fila) y después las unimos: Tabla->Unir celdas seleccionadas. Además vamos a quitar los bordes de la tabla, (si queremos). Para ello hacemos clic en Tabla->Propiedades de tabla... Fijándonos que estamos trabajando en toda la tabla en la pestaña correspondiente, elegimos en las opciones de Borde y espaciado: Borde 0 píxeles. Ahora vamos a decorar un poco el menú. Para ello vamos a añadir un pequeño icono a cada sección, de forma que además de ponerlo bonito lo hagamos más intuitivo a los alumnos y alumnas. El procedimiento para insertar una imagen es sencillo (recuerda que las imágenes ya las tenemos guardadas en nuestra carpeta Archivos ). Primero colocamos el cursor en el lugar donde queremos poner la imagen. Luego hacemos clic en el botón 'Imagen' o en Insertar->Imagen... Se abrirá un diálogo que me permite la selección del archivo de la imagen así como el ajuste de

4 algunas propiedades. Elegimos el archivo y comprobamos que está activada la casilla de verificación: La URL es relativa a la dirección de la página. (Esto indica que la imagen se buscará en relación a la situación de la página, de forma que si muevo todo junto siempre se verá bien). Antes de hacer clic en aceptar debemos escribir algo en la casilla para Texto alternativo o decirle No usar texto alternativo. Este texto alternativo es el texto que se mostraría en caso de no encontrarse la imagen. Para nuestro menú no es relevante, así que es más cómodo marcar no usarlo o dar un espacio con la barra espaciadora del teclado. Así lo haremos para los cinco apartados. Ya estamos en condiciones de guardar el trabajo realizado. Cuando vamos a guardar (botón directo en la barra de herramientas o Archivo->Guardar...) nos va preguntar dos cosas: el título de la página (que es el nombre que mostrará en la barra de título del navegador) y el nombre del archivo (que es cómo queda guardado). En el título de la página podemos poner el título de la WQ acompañado de la sección, pero el nombre del archivo vamos a simplificarlo, de modo que le llamaremos "introduccion.html" El siguiente paso es crear los archivos en blanco para repetir el menú en cada sección. Para ello hacemos clic en el botón Nuevo y guardamos el archivo sin escribir nada para la siguiente sección de la WQ (tiulo: tarea ), nombre del archivo: "tarea.html"). Y así para todas las demás secciones (proceso, recursos y evaluación). Por cada nueva página que creamos, en el Nvu tenemos una nueva pestaña en la que aparece el título de la página. Hay que fijarse también que en la barra de título del Nvu aparece el nombre del archivo. Si queremos cambiar el título de la página lo podemos hacer haciendo clic en Formato>Título y propiedades de la página...

5 Volvamos a nuestra página de inicio para hacer que el menú funcione (para ello basta con hacer clic en la pestaña correspondiente. El menú funcionará si haciendo clic en cada una de las secciones el navegador nos lleva a la página de la sección correspondiente. Esto es lo haremos mediante enlaces. Para insertar un enlace lo primero que debemos hacer es seleccionar qué parte de nuestra página va a hacer de enlace. Seleccionaremos del menú la primera sección, imagen incluida. Luego podemos hacer clic en Insertar>Enlace o directamente en el botón correspondiente (un eslabón de cadena). Esto abrirá el diálogo para generar el enlace correctamente.

6 Para que el enlace funcione debemos completar este diálogo eligiendo el archivo que queremos que se abra al hacer clic. Como en este caso son enlaces a páginas locales, es decir, no nos envían fuera de la WQ, lo haremos haciendo clic en el botón "Elegir Archivo" y seleccionando el archivo correspondiente. Repetiremos la operación para cada apartado del menú, eligiendo cada vez el archivo correspondiente. Alguien puede pensar: para qué enlazar la página consigo misma? Simplemente lo hacemos para poder copiar el menú en el resto de las páginas de forma que funcionen todos los enlaces. Una vez hemos completado correctamente los 5 enlaces del menú (lo vemos porque los va poniendo en azul), podemos quitar (por estética) el borde azul que hay alrededor de las imágenes. Para ello repetiremos lo siguiente en cada imagen: En cada imagen: clic con el botón derecho del ratón>propiedades de imagen y enlace. En la pestaña enlace comprobamos que está desmarcada la opción "Mostrar el borde alrededor de la imagen con enlace"

7 Ahora lo que vamos a hacer es copiar este menú en los 4 archivos en blanco. Para ello seleccionamos tod (el título y la tabla entera; bien arrasrenado el ratón, bien haciendo clic en el menú Editar>Seleccionar todo), copiamos, y en la página "tarea.html" lo pegamos. Hacemos lo mismo para las otras tres secciones (proceso, recursos y evaluación) SIN OLVIDARNOS DE GUARDAR (un icono de un disquet rojo nos indica que no se han guardado los cambios). Ya tenemos preparado una plantilla de webquest en blanco! 3. RELLENANDO UNA PLANTILLA Lo que nos falta es ahora rellenar cada uno de los apartados con la información, las imágenes y los enlaces que hemos preparado. Para colocar una imagen puede que necesitemos algunas de las opciones que nos ofrece el diálogo de Insertar imagen que antes no hemos utilizado. Por ejemplo nos puede interesar modificar el tamaño con que se muestra la imagen o su posición con respecto al texto. Recomendamos, si el texto va a fluir por la derecha o izquierda de la imagen (que es lo normal) colocar la imagen antes que el texto.

8 Si se quiere modificar el tamaño en el que se muestra la imagen, usaremos la pestaña 'Dimensiones' Para que un enlace se abra en otra ventana, de forma que la ventana de la webquest no se pierda tenemos que modificar una propiedad haciendo clic en "Más Propiedades"

9 En la opción "Destino" seleccionamos que el enlace se abrirá en una nueva ventana. Repitiendo esta operación para cada uno de los enlaces ya tenemos la webquest lista!