Pág.

GUÍA DE EXPLOTACIÓN DIDÁCTICA: Guión Téc.

Principal
"Cómo crear páginas Web"

Contenidos Actividades

INTRODUCCIÓN-JUSTIFICACIÓN:

Cada día se nos dan a conocer nuevos inventos, nuevos ingenios, nuevos
enfoques tecnológicos, nuevas herramientas y nuevas formas y métodos de
trabajo que nos van a permitir utilizar nuevas alternativas a la hora de abordar
un problema.

Es necesario, por tanto, potenciar en el alumno la utilización de las nuevas

tecnologías, como herramientas para desarrollar un determinado tema o
solventar un problema. En concreto, en esta unidad didáctica le voy a enseñar
a dominar una herramienta para recabar información, y para hacer públicos
sus trabajos, estudios, problemas, etc, que puedan ser de interés para otras
personas.

A parte del beneficio personal que les puedan aportar a los alumnos estas
herramientas, es claro que se producirá un beneficio global, ya que los
alumnos podrán recabar información de las investigaciones realizadas por sus
compañeros y por los profesores del centro, lo que les permitirá obtener
conclusiones más fiables y más rápidamente, que a su vez pueden servir de
base para estudios posteriores de otros alumnos.

Para el desarrollo de esta unidad didáctica sobre creación de páginas web he

elegido como soporte tecnológico el software por varios motivos:

 Considero que es un medio perfectamente adecuado para conseguir los

objetivos que persigo, ya que no hay mejor forma de enseñar a
construir páginas web que mediante páginas web, de modo que los
alumnos pueden explorar el código fuente de las páginas presentadas.
 Lo poco habitual de trabajar con Internet en el colegio, y la inclusión en
las páginas web de colores, imágenes y sonidos les puede resultar
altamente motivador y creativo.
 Por último el medio en sí mismo fomenta la creatividad del alumno.

CONTEXTUALIZACIÓN:
A continuación voy a detallar explícitamente el contexto socio-cultural de los
alumnos, su entorno, el centro y el tiempo del que parto para el desarrollo de
esta unidad didáctica:

Centro:

 Escolariza alumnos de educación primaria y secundaria.

 Cuenta con un aula de informática dotado con 25 ordenadores para los
alumnos y uno para el profesor conectados en red a un servidor,
impresoras, etc.

Es importante destacar que para el desarrollo de las actividades de la

unidad didáctica he supuesto que en la intranet del centro cada alumno
tendrá un directorio en el que podrá guardar sus actividades, de nombre
igual a su número de lista (por sencillez) y que todos ellos están
englobados en un directorio.

Entorno:

 El colegio se encuentra ubicado en un medio urbano (céntrico).

 Las familias tienen un nivel socio económico cultural medio.

Alumnos:

 La unidad didáctica va dirigida a un grupo de alumnos de 2º curso de

E.S.O.
 El grupo/aula del que parto está integrado por 25 alumnos, 13 chicas y
12 chicos.
 Este grupo de alumnos ya ha alcanzado la madurez en sus rasgos
cognitivos, afectivo sociales y psico-motores; partiendo de esta base
sumo también el hecho de que este grupo de alumnos posee dominio y
conocimiento de determinados contenidos en informática, que
constituyen un substrato que determina la posibilidad y la forma en que
van a asimilar los nuevos contenidos propuestos en esta unidad
didáctica.

Temporalización:

La unidad didáctica "Cómo crear una páginas Web" será desarrollada en un

periodo de tres semanas (dedicando tres horas semanales: 2 horas
consecutivas los martes y 1 hora los jueves), a partir de la segunda quincena
de octubre. Considero que la hora lectiva es de 50 minutos.

OBJETIVOS DIDÁCTICOS:
  Comprender la forma de acceso a Internet para obtener información.
 Diferenciar el método de acceso del navegador y del buscador (motor
de búsqueda).
 Diferenciar los distintos elementos que componen una página Web.
 Enumerar y analizar en detalle las directivas involucradas en la
creación de una página Web.
 Planificar y construir páginas Web.
 Identificar la página Web como objeto que le permite comunicar sus
ideas e intereses a otras personas.
 Desarrollar una actitud creativa para realizar páginas Web.

CONTENIDOS:

CONCEPTOS:

 Internet / Intranet. Dirección de acceso (URL).

 Navegador / buscador.
 Página Web.
 Página y código fuente.
 Elementos constituyentes: textos, formatos, listas, imágenes, enlaces,
mapas y tablas.

PROCEDIMIENTOS:

 Comprensión de la forma de acceso a Internet, diferenciando entre el

navegador y el buscador, para obtener información.
 Diferenciación entre una página Web y el código fuente que la
respalda.
 Enumeración y análisis detallado de cada una de las sentencias
involucradas en la creación de páginas Web.
 Análisis de las sentencias y su organización dentro de determinadas
páginas Web.
 Discusión e identificación de distintas alternativas de construcción de
una página Web.
 Planificación y construcción de una página Web explicando de forma
clara y ordenada su elección de diseño.

ACTITUDINALES:

 Curiosidad e interés para crear una página Web.

 Responsabilidad en el trabajo individual y en grupo.
 Valoración de los conocimientos obtenidos de forma intrínseca.
 Actitud de participación y colaboración en las actividades propuestas.
 Respeto al trabajo realizado por los demás compañeros.
  Cuidado en el uso de los recursos.

METODOLOGÍA:

Para la elaboración de esta guía didáctica he partido del nivel de desarrollo de

mis alumnos, ya que sus contenidos están enfocados para contribuir a la
evolución y equilibrio madurativo del alumno. He tenido en cuenta que los
contenidos que voy a presentar afectan la experiencia vital de mis alumnos y
les permiten desenvolverse de una forma más eficaz, constructiva y crítica en
el medio social en el que se desenvuelven, pues es bien sabido que en la
sociedad de nuestros días el dominio de Internet es muy necesario y en un
futuro inmediato será fundamental.

Los contenidos que he elaborado, tanto los conceptuales como los

procedimentales y actitudinales, parten del interés de mis alumnos, de su
desarrollo evolutivo, y han sido estructurados de acuerdo con criterios de
orden, profundidad, validez y potencialidad para contribuir al desarrollo de
sus capacidades.

En esta guía didáctica utilizaré técnicas expositivas (por mi parte) y técnicas

de indagación personal (por parte del alumno), para conseguir que el proceso
de enseñanza-aprendizaje resulte significativo por parte del alumno, que tenga
una participación activa y no pasiva en este proceso, que sea artífice de su
propio aprendizaje. Yo solo seré una guía, una orientadora que les facilite las
herramientas necesarias para su aprendizaje y les ayude en este proceso de
enseñanza-aprendizaje.

Puesto que la base para este método de trabajo reside en la utilización de las
páginas Web de Internet / Intranet, y puesto que pretendo potenciar el uso de
las nuevas tecnologías, así como desarrollar el razonamiento matemático
lógico, he elegido este tema, que desarrollaré en varias fases.

En primer lugar mostraré a los alumnos el funcionamiento de Internet/Intranet

y las herramientas necesarias para obtener información de Internet / Intranet,
como son: el navegador y el buscador.

En una segunda fase les haré participes del código fuente que subyace en una
página Web, identificando y analizando las directivas más relevantes y los
objetos participes en la construcción de una página Web (texto, listas,
imágenes y tablas) así como los enlaces a otros documentos.

Por último pero al tiempo el punto más importante, que iré dosificando a lo
largo de la unidad, potenciaré en los alumnos la filosofía de Internet, basada
en la globalización de la información.
Una vez finalizada la unidad didáctica insistiendo en la filosofía de Internet
motivaré a mis alumnos para que hagan públicos sus trabajos. Para ello haré
uso de una Intranet construida en el centro, en la que se publicarán todas las
páginas que los alumnos deseen (de diversas asignaturas), creando así una
gran base de conocimiento en el centro, que servirá para trabajos futuros de
otros alumnos, y si existe posibilidad se podría conectar esta Intranet con otros
centros.

Además se podrán planificar actividades extraescolares a modo de talleres,

como la realización de una revista electrónica, con secciones:

 Noticias .- servirá para la integración del alumno con otros alumnos,

con el centro y el entorno que les rodea.
 Mercadillo .- servirá para incrementar las relaciones interpersonales
(compra, venta, intercambio, etc.), potenciando además la educación al
consumidor.
 Ecología y medio ambiente, etc.

Durante esta unidad didáctica a los alumnos les repartiré fotocopias tanto de
los contenidos como de las actividades, aunque ellos individualmente tendrán
que realizar todas las anotaciones que crean convenientes para asimilar mejor
los contenidos, que serán tratados de una forma cíclica. Así los alumnos
pondrán en practica los conocimientos aprendidos anteriormente, es decir, van
consolidando sus conocimientos.

Para todas las actividades de la unidad se ha preparado una página de ejemplo

con el resultado que deberían obtener al acabar la actividad, excepto en las de
indagación personal (por razones obvias), y las de introducción-motivación.

En esta unidad didáctica los contenidos los he agrupado en 8 lecciones, que a

continuación detallo, identificando en cada una de ellas sus respectivas
actividades, el tiempo, el material y la organización del aula.

Lección 1ª : Introducción a Internet.

Contenidos Actividades

Empezaré esta lección con una actividad de introducción-motivación (20

minutos de duración organizada profesor-aula) explicando a los alumnos que a
través de Internet podemos acceder a información de todo tipo, no solo de
nuestro país, sino de cualquier lugar. Muy posiblemente la mayoría de ellos
habrán tenido algún contacto previo con Internet. Para motivarles al tema de
la unidad didáctica les repartiré unos folios en los que los alumnos describirán
la información que les gustaría a ellos publicar en Internet.
Una vez conocidas sus preferencias, les explicaré que para ello necesitarán
crear unos documentos llamados páginas web, y que por medio de estos
podrán publicarlas.

Les explicaré que durante las 3 siguientes semanas estaremos trabajando para
crear páginas web creadas por ellos mismos, en las que incluiremos color,
sonido, imágenes, etc, para hacer sus páginas más atractivas.

Continuaré esta primera lección , (30 minutos con organización profesor-

clase), enseñando al alumno la utilización y ventajas de Internet.. Para ello
copiaré en la pizarra las ventajas de Internet y explicaré los conceptos de:
Internet, como conjunto de ordenadores interconectados, la arquitectura de
conexión cliente / servidor, los protocolos de comunicación, y las direcciones
de acceso a los servidores (URL).

Para consolidar el aprendizaje de los contenidos anteriormente expuestos a los

alumnos se les entregará unas fotocopias mediante las que realizarán una
actividad de emparejamiento (individual de 10 minutos) que consistirá en
emparejar la columna de la derecha con la de la izquierda. La columna de la
izquierda contendrá conceptos relacionados con Internet y la de la derecha
definiciones.

Una vez realizada la actividad se comentarán en clase los posibles errores (10
minutos con organización profesor-clase).

A continuación los alumnos realizarán una actividad lúdica (30 minutos,

organización gran grupo), mediante la cual, los alumnos consolidarán los
contenidos presentados en esta lección sobre el direccionamiento en Internet
(URL). Para ello asignaré roles a los alumnos, siendo algunos de ellos clientes
que buscan información y otros servidores que dan esa información.

A los alumnos clientes les repartiré unas fichas en las que marcarán sus
peticiones de información y la dirección a la que la solicitan.

Cada alumno servidor cuando recibe una petición de información actuará,

según la dirección del servidor al que se realiza la petición, de la siguiente
forma:

 Si la dirección no es igual a su propia dirección, pasa la solicitud a otro

servidor.
  Si la dirección coincide con la suya, devuelve una fotocopia con la
información solicitada o devuelve un error si no tiene esa información.

Lección 2ª : Introducción a HTML.

Contenidos Actividades

A partir de esta lección utilizaremos el software como soporte didáctico.

En esta segunda lección, en primer lugar realizaré una actividad de

motivación, (15 minutos, organización individual), que al tiempo servirá para
consolidar contenidos de la lección anterior (las URLs) y para tomar contacto
con las herramientas: navegador y buscador. Para ello, ya en el aula de
informática u, usando el navegador propondré direcciones a las que los
alumnos tendrán que conectarse con el navegador. Más tarde usaremos el
buscador para buscar direcciones sobre un determinado tema.

A continuación explicaré a los alumnos (15 minutos, organización profesor-

clase), que una página web es un simple documento de texto en el que se
incluyen directivas, la forma de estas y su necesidad. Aprenderán las división
del documento (head y body).

Les haré hincapié en que con la asimilación de estos nuevos contenidos (con
esta estructura básica) podrán empezar a construir su primera páginas web que
más adelante aprenderemos a hacerla más atractiva, incluyendo imágenes,
sonidos, color, etc.

Aprenderán además que algunas directivas pueden llevar parámetros.

seguiré con una actividad (15 minutos, organización individual), mediante la

cual los alumnos construirán su primera página web.

Les recordaré los pasos para abrir el editor de textos (por ejemplo el notepad)
y guardar el documento (con extensión html) que están creando.

Finalmente para concluir esta lección los alumnos realizarán otra actividad (5
minutos, individual) en la que modificarán la página anteriormente creada
añadiéndole una imagen de fondo, con la que asentarán el concepto de
parámetro en una directiva.

Lección 3ª : Dando forma al texto.

Contenidos Actividades
Iniciaré esta lección explicando los contenidos de la misma (15 minutos,
profesor-clase), en la que aprenderán a trocear líneas de texto, crear párrafos,
alinearlos, centrar y usar separadores.

Seguidamente realizarán una actividad (15 minutos, individual), en la que

tendrán que escribir algunas líneas de texto usando los directivas de línea y
párrafo anteriormente expuestos

Para finalizar la lección realizarán una segunda actividad (15 minutos,

individual), que consistirá en modificar la anterior añadiendo texto
preformateado, un separador y alguna línea de texto más.

Lección 4ª : Variando el aspecto de la letra.

Contenidos Actividades

Para esta lección la metodología utilizada parte de la indagación personal para

llegar a una síntesis final de los contenidos de la lección, aumentando así la
motivación, la autonomía y el aprendizaje basado en la reflexión personal del
alumno.

En primer lugar los alumnos realizarán una actividad (15 minutos, en

organización de pequeños grupos de 4 personas) en la que observando el
código fuente y el resultado de unas páginas web de ejemplo, tendrán que
elaborar una lista con las nuevas directivas que aparecen en ellas y explicar
que efecto producen sobre el texto.

Para a continuación realizar una actividad (10 minutos, profesor-clase) de

síntesis de información, en la que se elaborará la lista definitiva, agrupando las
distintas directivas en grupos, según su funcionalidad, mediante debate guiado
entre los distintos grupos, en el que actuaré de moderador-guia.

A continuación, y basándome en la lista elaborada explicaré los contenidos del

tema que hayan quedado un poco oscuros (10 minutos, organización profesor-
clase), añadiendo aquellas directivas que no aparecían en los ejemplos
propuestos y completando así los contenidos de esta lección.

Finalmente los alumnos realizarán una actividad (20 minutos, individual) en la

que realizarán una página para anunciar una fiesta fin de curso en el centro,
como la de un ejemplo propuesto, consolidando así los contenidos expuestos
en esta lección y las anteriores.

Lección 5ª : Creando listas.

 Contenidos Actividades

Comenzaré esta quinta lección explicando (20 minutos, organización

profesor-clase) los tipos de listas que podemos crear en una página web,
resaltando las características diferenciadoras entre ellas, así como los
parámetros que admiten las directivas involucradas.

A continuación los alumnos tendrán que realizar una actividad (15 minutos,
individual) en la que crearán una página web cuyo contenido será una lista de
términos-definiciones, con unos términos propuestos (directivas HTML vistas
en otras lecciones), a los que deben acompañar una definición, consolidando
de nuevo conocimientos.

Finalmente realizarán una segunda actividad (15 minutos, individual) que

consistirá en realizar una página web en la que harán una lista multinivel con
sus aficiones. En el primer nivel será una lista sin orden con sus aficiones y
para cada elemento de esta lista crearán una sublista ordenada según la
preferencia del alumno.

Lección 6ª : Añadiendo multimedia.

Contenidos Actividades

Para esta lección de nuevo partiré de la indagación personal para llegar a una
síntesis final de los contenidos de la lección, aumentando así la motivación, la
autonomía y el aprendizaje basado en la reflexión personal del alumno.

En primer lugar los alumnos realizarán una actividad (15 minutos, en

organización de pequeños grupos de 4 personas) en la que observando el
código fuente y el resultado de una página web de ejemplo, tendrán que
elaborar una lista con los parámetros de la directiva <IMG> que aparecen en
ella y explicar que efectos producen.

Para a continuación realizar una actividad (10 minutos, profesor-clase) de

síntesis de información, en la que se elaborará la lista definitiva de parámetros
y su funcionalidad, mediante debate guiado entre los distintos grupos, en el
que actuaré de moderador-guia.

A continuación, y basándome en la lista elaborada, completaré esta explicando

así los contenidos del tema (10 minutos, organización profesor-clase) sobre
esta directiva. Además explicaré la directiva para incluir sonido en una
página.

Finalmente los alumnos realizarán una actividad (10 minutos, individual) en la

que modificarán la página para anunciar una fiesta fin de curso en el centro,
incluyendo en ella imágenes y sonido, consolidando así los contenidos
expuestos en esta lección y las anteriores.

Lección 7ª : Enlazando páginas.

Contenidos Actividades

Comenzaré esta lección explicando (20 minutos, organización profesor-clase)

el concepto de enlace y su utilidad, para continuar completando el formato de
las direcciones de Internet (URLs), haciendo hincapié en el efecto que
provoca una dirección a la que le falta alguna parte del formato general. Por
último explicaré el funcionamiento y utilidad de los enlaces con ficheros no
html y con otros protocolos/servicios de Internet.

Seguidamente los alumnos realizarán una actividad (20 minutos, individual)

en la que crearán su página principal, en la que, además del texto, gráficos,
colores, etc que se les indica, tendrán que incluir enlaces a páginas realizadas
anteriormente en otras actividades.

Finalmente para consolidar el concepto de enlace y direccionamiento URL los

alumnos tendrán que realizar una actividad (15 minutos, individual) que
consistirá en crear una página web en la que se incluya una lista de enlaces a
las páginas principales de sus amigos de clase, y una vez terminada deberán
añadir en su página principal un enlace a esta nueva página.

Es importante reseñar que para realizar esta actividad la intranet debe estar
organizada como se explicó en la contextualización. De no ser así habría que
programar una actividad alternativa a esta; por ejemplo se podrían crear un
conjunto de páginas (por mi parte) de modo que los alumnos realizasen
enlaces a estas páginas propuestas.

Lección 8ª : Creando tablas.

Contenidos Actividades

Para esta última lección comenzaré explicando los contenidos (20 minutos,
con organización profesor-clase) el concepto de tabla, y su utilidad, para
seguir con los parámetros que se pueden incluir en las directivas involucradas
y el efecto que producen.

Seguidamente los alumnos realizarán una actividad (15 minutos, individual)

por la que crearán una página web que crearán una tabla que contendrá
imágenes y una lista de textos, y para la que será necesario utilizar algunos de
los parámetros explicados.
Finalmente realizarán su última actividad de la unidad (15 minutos,
individual) en la que tendrán que modificar su página principal para incluir
una tabla con los enlaces que contiene y añadir un nuevo enlace a la página
que crearon en la actividad anterior.

EVALUACIÓN:

Durante el desarrollo de esta unidad didáctica evaluaré a los alumnos

mediante evaluación sumativa, es decir, será evaluación continua, desde el
principio de la unidad didáctica haré preguntas en clase sobre el tema y
revisaré el trabajo de los a medida que estos van desarrollándolo en el
ordenador. La evaluación culminará con la entrega de un disco de ficheros con
los ejercicios que han realizado durante la unidad didáctica, que revisaré.

No solo evaluaré a los alumnos, sino que también evaluaré mi trabajo,

haciendo un análisis de los resultados obtenidos por parte de los alumnos en
contraposición a las expectativas de mis objetivos previstos para la unidad
didáctica, modificando los contenidos y/o actividades propuestas, su
organización, estructura o diseño.

BIBLIOGRAFÍA:

Carballar, José A. (1998): Internet. Cómo descubrir el mundo. Rama

Importación.

Torben, Rudolph. (1998): Todo sobre Internet Explorer 4. Computec-

Marcombo-Data Becker.

Pascual, Francisco. (1998): Nescape Comunicator 4. Computec-Rama.

Soria, Ramón. (1998): HTML, diseño y creación de páginas web. Computec-

Rama.

García, Fernando. (1998): Publicar en Internet. HTML para principiantes.

Computec-Rama.

Schwarte, Joachim. (1998): El gran libro de HTML. Marcombo.

Alvarez García, Alonso. (1998): HTML. Creación de páginas Web. Madird.

Anaya Multimedia.

García Fronti. (1997): Educación e Internet. Varios-Tecnored.

Miller. (1997): Desarrollar multimedia para Internet. Anaya Multimedia.

OTROS:

http://www.lander.es/webmaestro

http://www.geocities.com/CollegePark/Lab/5670