Nº 20 Normas TIC básicas en el IES Antonio Galán Acosta Versión: 1

02/02/09 Autor: Lorenzo Moreno EDICIÓN PÁGINAS WEB:

WEBQUEST

OBJETIVO

Pretendemos explicar los conceptos básicos que permitan a cualquier profesor editar una página web elemental y conocer el formato Webquest para aplicar este tipo de páginas en su labor docente.

INSTRUCCIONES

20.1.- Página web: código html

Una página web es una página escrita en lenguaje html que presenta hiperenlaces y que requiere ser abierta a través de un programa navegador: Explorer, Firefox, etc.

Se puede alojar en el propio ordenador, pero lo normal es alojarla en un servidor que nos dará una dirección web donde poder consultar la información por Internet.

La edición html es compleja y sigue un código muy estricto. Para simplificar la realización de páginas web, utilizaremos el procesador de textos OpenOffice Writer, que nos permite editar una página de texto normal y, posteriormente, convertirla en formato html a partir de la opción “guardar como”.

20.2.- Crear web sencilla: procesador de textos

Si queremos crear una página web sencilla, podemos empezar escribiendo nuestra página en el procesador de textos. Para ello, debemos dominar la utilización de esta herramienta en la edición de texto, configuración de texto, color de fondo de página, inserción de fotografías, etc. Para recordar estos conceptos remitimos a la norma 3 de este mismo libro.

Para la edición de texto para una página web hay que prestar especial cuidado en los colores del fondo de pantalla y en los tipos, tamaños y colores de fuente. La publicación en Internet exige cuidar mucho más la

188

presentación que la publicación para impresión.

20.3.- Insertar un hiperenlace

Un hipervínculo –o hiperenlace– es un vínculo o vía de entrada a otra parte. Al deslizar el puntero del ratón sobre un hiperenlace veremos aparecer una mano que, al pulsar el ratón, nos envía a otra parte (puede ser una página web, una dirección de correo, otro documento, o incluso otra parte de nuestro documento).

Pulsa en el menú Insertar la siguiente ruta: “Insertar>Hiperenlace”. Aparecerá una ventana que muestra en el margen izquierdo cuatro posibles opciones: Internet, Correo y noticias, Documento, y Nuevo documento.

r) Hiperenlace a una página de Internet

Con estos enlaces

podemos dirigir la

navegaciónhacia

cualquierpágina de Internet.

En el margen izquierdo

debe estar seleccionada la pestaña Internet, indicando en “Destino” la dirección de la página web

y, en “Texto”, el texto que aparecerá en la

página,marcado en azul y subrayado para indicar elhiperenlace.

Al posicionar el ratón sobre el texto en azul aparecerá una mano y, al pulsar, se abrirá

189

el navegador mostrando la página marcada.

s) Hiperenlace a un documento.

Con este enlace preparamos la descarga del archivo introducido en “Ruta”. Igual que antes en el apartado “Texto”, indicamos el que deseamos como referencia en nuestra página.

t) Hiperenlace a un apartado de nuestro documento.

190

En documentos extensos y, sobre todo, preparando páginas web, es una buena utilidad preparar enlaces que nos comuniquen directamente con las partes más relevantes de nuestro documento. Los pasos a seguir para conseguirlo son:

Añadir una marca en el lugar del texto donde queremos ir con el enlace. Para ello nos vamos con el cursor a ese lugar y marcamos esta ruta en el

menú: “Insertar>Mar

ca de texto...”. Entonces

aparecerá una ventana donde

debemos indicar el nombre que le damos como referencia a ese punto del documento.

Seguidamente, nos vamos al punto donde vamos a añadir nuestro hiperenlace y marcamos la opción documento.

Pulsamos el botón Destino en el documento y aparece una ventana. A continuación pulsamos en la cruz que aparece a la izquierda de la marca de texto para que aparezcan todas las marcas grabadas previamente. Por último, seleccionamos el lugar del documento donde queremos ir.

191

20.4.- Convertir nuestra página a formato html.

Una vez que escribimos

nuestrapágina, le

damos formato,

introducimos las imágenes y los

Paraconvertir

nuestro texto de la página

webpulsamos

“Archivo > Guardar

como...” y escogemos el formato de html.

enlaces.

192

El archivo guardado en este formato se puede ver en el navegador y se podría modificaren el programa editor web.

20.5.- Ampliar la web con un programa editor web.

Ya tenemos nuestra página web lista para publicar; pero, para conseguir una apariencia más profesional, hay algunas utilidades disponibles en el programa editor que vamos a repasar.

En primer lugar vamos a abrir nuestro programa editor KompoZer en Aplicaciones>Internet>KompoZer”. En el menú de “archivo”, pulsamos “abrir” para cargar el archivo html creado anteriormente.

� Opciones sobre los hiperenlaces

Pulsamos el botón derecho del ratón sobre un enlace y, seguidamente, escogemos la opción “Propiedades del enlace”. Se abrirá una ventana que nos permite escoger la forma de apertura que, por defecto, será una ventana nueva.

Podremos abrir tanto en la propia ventana como en un marco de la misma, siempre y cuando esté dividida en diferentes marcos.

193

� Insertar un vídeo en nuestra página web.

Podemos insertar un visor web para visionar dentro de nuestra página un vídeo que nos resulte interesante en nuestra tarea. Para hacerlo, en primer lugar, buscamos en “Youtube” el vídeo que vamos a utilizar

y copiamos el código que acompaña al vídeo, para luego pegarlo en nuestra página.

Después, tras localizar el lugar de nuestra página donde queramos incrustar el vídeo, pulsamos la pestaña inferior “código fuente” para ver el código de la página y pulsamos pegar para colocar el código copiado de la página de “Youtube”. De esta forma el vídeo queda incrustado.

� Insertar una canción en nuestra página web.

De igual manera podemos incrustar un reproductor de música de la página “deezer” para reproducir una canción de interés en nuestra exposición o, simplemente, para hacerla más atractiva.

194

20.6.- Webquest.

La WebQuest es una página Web que se abre con el navegador de Internet de cualquier ordenador, preparada por un profesor para guiar a los alumnos en el desarrollo de un trabajo. Habitualmente, tendremos una actividad que utiliza la red de Internet como fuente de información, que podemos aprovechar para guiar a los alumnos en la búsqueda de información seleccionando las páginas de más interés y colocando enlaces en nuestra WebQuest.

Las WebQuest es una nueva forma de plantear ejercicios con nuestros alumnos aprovechando el gran interés que en ellos despierta el empleo de los ordenadores.

Una WebQuest es una página Web estructurada. Está dividida en diferentes apartados con los que desarrollaremos la actividad a través de pasos guiados. La presentación estructurada pretende familiarizar a los alumnos con este tipo de actividad y facilitar su comprensión. Una vez conocida la estructura, los alumnos asimilarán de forma clara la actividad planteada.

� Estructura de una Webquest

195

INTRODUCCIÓN

La primera página que presenta la actividad debe ser planteada de forma atractiva, para atraer al alumno hacia la actividad.

TAREA

Será la actividad que planteamos a los alumnos, y que éstos deberán terminar al final de la webquest para su evaluación. Debe ser algo más que contestar un cuestionario, buscando el aprendizaje significativo con tareas que planteen retos atractivos para los alumnos que, además, les hagan pensar.

RECURSOS

La búsqueda de información en la web es compleja y, en muchas ocasiones, lleva a la dispersión. Para evitar esto, organizaremos la información necesaria para la actividad que esté disponible en Internet o que acoplemos en documentos adjuntos a nuestra web.

PROCESO

Describe los pasos a seguir para realizar la tarea. En este apartado se puede dividir el trabajo en grupos, organizando el papel de cada uno de sus miembros.

EVALUACIÓN

Debe plantearse para la tarea asignada en función de la consecución de los objetivos planteados.

CONCLUSIÓN

Intenta plantear una reflexión sobre lo aprendido para afianzar los conocimientos.

196

20.7.- ¿Cómo hacer nuestra propia Webquest?

Para facilitar su realización se puede recurrir a las plantillas: son WebQuest ya realizadas donde solamente hay que cambiar texto, enlaces, archivos, etc. Así, podremos completar una WebQuest de forma rápida.

Vamos a escribir nuestra WebQuest en cualquier procesador de textos para, posteriormente, implementarla como página Web. Esto se puede hacer de cuatro formas diferentes:

e) Copiando simplemente el documento escrito como archivo “.html”:

Esta opción es la contemplada en el punto 2.5 de esta norma para convertir cualquier archivo de texto a formato html. Como ya comentamos, conviene cambiar el archivo en el programa editor web para completar las posibilidades de edición.

f) Copiando y pegando cada uno de los apartados en una plantilla simple, que nos genera una sola página web.

Podemos encontrar en Internet plantillas que ya tienen realizado el trabajo de composición web. Sólo tenemos que abrir los archivos “html” de estas plantillas con nuestro programa editor web y copiar los textos que tenemos en nuestra webquest hasta completar la edición.

g) Copiando y pegando cada apartado a una plantilla compleja, que incluye menú en el lateral.

De esta forma, la plantilla está compuesta por varios archivos e incluye un formato web más complejo, con hojas de estilo, marcos, menús laterales, etc. El proceso es similar al

197

apartado anterior: editar los archivos con el editor web y pegar los contenidos de nuestra webquest.

h) Rellenando cada uno de los apartados en el formulario de alguna de las páginas web que permiten la publicación.

En esta página http://www.phpwebquest.org/ podemos encontrar un formulario de publicación de nuestra webquest. Siguiendo los pasos marcados podemos publicar la webquest de forma fácil. Hay que darse de alta como usuario y rellenar cada uno de los apartados; de esta forma, el sitio web publicará nuestra página.

20.8.- Publicación en la plataforma como micrositio.

198

En el caso de querer dar de alta a un archivo de tipo micrositio, éste deberá ser un archivo comprimido con extensión “.zip”. En caso contrario, se mostrará el siguiente mensaje:

Además, el archivo compacto deberá contener archivos con extensión html, htm o shtml. Se informará en caso de que no se cumpla dicha condición.

Si las dos condiciones expresadas anteriormente se cumplen correctamente, entonces se presentará la siguiente ventana para que se le dé un nombre al micrositio. Determine el ancho y alto de la ventana emergente y su página principal.

Por último, pulsamos “Agregar” y ya estará publicado.

PARA SABER MÁS:

Para aumentar sus conocimientos sobre este tema, recomendamos las páginas recopiladas sobre el tema en la página de marcadores del centro:

http://delicious.com/iesaga/webquest

199