UNIVERSIDAD PÚBLICA DE EL ALTO

DIRECCIÓN DE POSGRADO
CENTRO DE ESTUDIOS Y FORMACIÓN DE POSGRADO E INVESTIGACIÓN
“CEFORPI”

LAS PÁGINAS WEB COMO RECURSO DE ENSEÑANZA -

APRENDIZAJE EN LA EDUCACIÓN VIRTUAL

MONOGRAFÍA PRESENTADA
EN OPCIÓN AL DIPLOMADO EN
SISTEMAS INFORMÁTICOS EN
REDES (VERSIÓN I)

AUTOR: OCTAVIO ROCEL LEON CABRERA

EL ALTO – BOLIVIA
2021
 i

Agradecimiento

A Dios por ser mi guía y acompañarme en el transcurso de mi vida, brindándome paciencia

y sabiduría para culminar con éxito mis metas propuestas.

A mis padres por ser mi pilar fundamental y haberme apoyado incondicionalmente, pese a
las adversidades e inconvenientes que se presentaron.

Agradezco a cada uno de los Docentes del Diplomado que con su sabiduría, conocimiento y
apoyo, motivaron a desarrollarme como persona y profesional.
 ii

ÍNDICE

Agradecimiento ........................................................................................................................i
Resumen.................................................................................................................................vi
CAPITULO I ......................................................................................................................... 7
Introducción ............................................................................................................................ 7
CAPITULO II ....................................................................................................................... 9
1. Historia de la web y generación de las páginas web ........................................................... 9
1.2. Evolución de la web ..................................................................................................... 9
1.3. Historia de las web, 1.0, 2.0, 3.0 y 4.0 ....................................................................... 10
1.3.1. Web 1.0................................................................................................................ 10
1.3.2. Web 2.0................................................................................................................ 11
1.3.3. Web 3.0................................................................................................................ 11
1.3.4. Web 4.0................................................................................................................ 12
1.4. Generación de las páginas web. ................................................................................. 13
1.4.1. Primera generación. ............................................................................................. 13
1.4.2. Segunda generación. ............................................................................................ 13
1.4.3. Tercera generación. ............................................................................................. 13
1.4.4. Cuarta generación. ............................................................................................... 13
1.4.5. Quinta generación. ............................................................................................... 13
2. Definición y características de las páginas web. ............................................................... 14
2.1. Definición de una página web. ................................................................................... 14
2.2. Clasificación de páginas web. .................................................................................... 14
2.2.1. Páginas web estáticas. ......................................................................................... 14
2.2.2. Páginas web dinámicas. ....................................................................................... 15
2.3. Tipos de páginas web. ................................................................................................ 15
2.4. Características de una página web. ............................................................................ 16
2.4.1. Características principales de los servicios web .................................................. 17
2.5. Estructura básica de una página web. ........................................................................ 18
3. Las páginas web educativas como recurso de enseñanza - aprendizaje ........................... 19
3.1. Páginas web educativas .............................................................................................. 19
 iii

3.2. Tipos de páginas web educativas ............................................................................... 20

3.2.1. Diseño y funciones de una página pedagógica .................................................... 20
3.2.2. Propuestas de uso y funciones de una página didáctica ...................................... 21
3.3. Ventajas del uso educativo de las páginas Web ......................................................... 22
3.4. Recursos de enseñanza – aprendizaje ........................................................................ 23
3.4.1. El blog como espacio educativo .......................................................................... 23
3.4.3. El blog del docente .............................................................................................. 25
3.4.4. El blog de los alumnos ........................................................................................ 25
3.5. Educación virtual ....................................................................................................... 25
3.5.1. La usabilidad en la educación virtual .................................................................. 26
CAPITULO III .................................................................................................................... 27
Conclusiones y recomendaciones ......................................................................................... 27
Bibliografía ........................................................................................................................... 28
 iv

Índice de tablas
Tabla 1 Evolución de la Web ................................................................................................ 12
Tabla 2 Características que deben tener las Páginas Web Educativas ............................... 20
Tabla 3 Diferencias de las páginas web pedagógicas y didácticas ...................................... 22
 v

Índice de figuras
Figura 1 Los Pilares de la Web ............................................................................................. 10
Figura 2 Tipos de Páginas Web: Página Web Estática vs Dinámica ................................... 15
Figura 3 Estructura de una Página Web .............................................................................. 19
Figura 4 Blog Elaborado con WordPress ............................................................................. 24
Figura 5 Blog Elaborado con Blogger .................................................................................. 24
 vi

Resumen

Las páginas web son documentos de información electrónica y como tal evoluciona
constantemente, es por ello que sirven como recurso educativo de enseñanza-aprendizaje
para estudiantes de unidades educativas ya que contiene textos, imágenes estáticas,
dinámicas, videos, programas y enlaces de la World Wide. Web o www.

Las páginas web educativas facilitan el aprendizaje, ofrecen información y promueven la

comunicación. Por ello, el presente trabajo nos permite conocer las páginas web educativas
sus principales conceptos y características para tener un acercamiento hacia este aspecto de
la educación virtual que hoy en día se presenta como una de las vías para la educación del
futuro que pretende ser la mejor opción de contenidos de gestión de aprendizaje, para ser
utilizados en las escuelas, universidades e institutos.

Queda como objetivo identificar y reconocer la importancia de las páginas web educativas,
como medios de información y como recurso educativo en varios aspectos generales como
medio de apoyo a los educandos. Es esencial el aprendizaje de la elaboración de blogs
educativos para ser utilizado por un docente y aplicarlos en una sesión de clase, ya que
pueden interactuar maestro, estudiante y la tecnología, sin necesidad de hacer un algoritmo
o programación en un software de diseño de páginas web, puesto que la elaboración de un
blog, herramientas virtuales y el uso adecuado de las páginas web no es necesario
conocimiento de programación..

En estas líneas se enmarca el contenido de las páginas web educativas como recurso
educativo de enseñanza-aprendizaje, los ejes principales son: historia de la web y
generación de las páginas web, definición y características de las páginas web y las páginas
web educativas como recurso de enseñanza - aprendizaje
 7

CAPITULO I

Introducción

El presente trabajo monográfico, presenta un abordaje teórico sobre la importancia del uso
de las páginas web como recurso didáctico de enseñanza - aprendizaje en la educación
virtual, considerando además la clasificación de las páginas web como materiales
educativos digitales adecuados para el aprendizaje de los estudiantes.

De ahí que, trasciende la inmensa importancia que aparece en la aplicación de la tecnología

de la información. Por ejemplo, cada vez es más común hablar de incorporar páginas web
en las unidades educativas. Este es un nuevo desafío al que se enfrenta el sector educativo,
que crea un entorno educativo construido por profesores, padres de familia y estudiantes.

Sin embargo, es necesario conocer ciertas características de las páginas web, considerando
la definición, clasificación, su importancia, tomando en cuenta la evolución y el desarrollo
de nuevas páginas web educativas, por lo tanto, los docentes son un factor relevante, por
cuanto necesariamente deben estar muy inmersos en.el uso de estos recursos digitales para
la enseñanza - aprendizaje de los estudiantes.

En ese sentido, la característica principal del problema de investigación está basada en el

uso de páginas web como facilitadores del aprendizaje en la educación virtual.

De esta manera, para poder analizar el problema central, es necesario plantear las preguntas
que pueden hacer el mejor desarrollo del trabajo de investigación de la monografía. Por lo
tanto, estos se sustentan en la siguiente pregunta: ¿Cuáles son las principales características
y utilidades de las páginas web como recurso de enseñanza - aprendizaje en la educación
virtual?

Con base a la pregunta de investigación, se plantean los objetivos que sustenta el presente
trabajo monográfico:

Objetivo General

- Describir las principales características de las páginas web como recurso de

enseñanza-aprendizaje en educación virtual.
 8

Objetivos Específicos

- Describir la historia de la web y generación de las páginas web

- Conceptualizar y caracterizar las páginas web
- Explorar las páginas web educativas como recurso de enseñanza - aprendizaje

En cuanto a la justificación, en la presente investigación, se tiene el interés de conocer, las

principales características y utilidades de las páginas web como recurso de enseñanza -
aprendizaje en el ámbito de la educativo aplicadas en la educación virtual.

Para que el contenido se desarrolle de manera ordenada, la organización de este estudio es

la siguiente:

- Historia de la web y generación de las páginas web

- Definición y características de las páginas web
- Las páginas web educativas como recurso de enseñanza - aprendizaje

En cuanto a la metodología abordada en la investigación monográfica, esta es de tipo:

Bibliográfico, de acuerdo con (Matos, 2018) la investigación bibliográfica es la revisión
del material bibliográfico que existe con respecto al tema a estudiar, por lo que considera
un paso esencial en la investigación.

Descriptivo, según (Arias, 2012) la investigación descriptiva consiste en la caracterización

de un hecho, fenómeno, individuo o grupo, con el fin de establecer su estructura o
comportamiento. Los resultados de este tipo de investigación se ubican en un nivel
intermedio en cuanto a la profundidad de los conocimientos se refiere.

Finalmente, la motivación de este trabajo de investigación es conocer de manera organizada

las características más destacadas de las páginas web y su relación en el campo de la
educación y la educación virtual.
 9

CAPITULO II

1. Historia de la web y generación de las páginas web

1.2. Evolución de la web

La web ha sido hecha en el último mes del año del año 1990 por el laboratorio
Europeo CERN, Suiza. El creador de esta plataforma ha sido el informático Tim Berners-
Lee, quién publicó la primera página web utilizando un computador NEXT. Este sistema
permitía compartir de forma fácil la información (Jaime, 2019).

Recio (2016) relata una breve historia de la World Wide Web, WWW o Web
mencionando que nace como una recolección de documentos interconectados entre sí por
medio de hiperenlaces (usualmente denominados enlaces o links) y disponibles por medio
de Internet. Para hacerla realidad se requieren 2 cosas: primero, un estándar o formato para
representar dichos documentos interconectados, y, segundo, un protocolo para enviarlos a
partir de la máquina que los guarda (el servidor) a la máquina del cliente que desea
visualizarlos (el cliente). Las dos cosas conforman hoy parte de nuestras propias vidas y las
conocemos de sobra. El lenguaje de representación de los documentos que diseñó Berners-
Lee es el “lenguaje de marcado de hipertexto” o, en inglés, hipertext markup language, que
se resume en el acrónimo HTML. El protocolo que posibilita la transferencia de archivos
HTML es el protocolo de transferencia de hipertexto o hipertext transfer protocol, más
conocido como HTTP (p.16).

A inicios de la década de los 2000 aconteció el boom de la Web y nace la burbuja

de las puntocom, donde las organizaciones asociadas a Internet empezaron a tener un
monumental costo económico, aun cuando varias de ellas quebraron o dejaron de operar en
poco tiempo. Al margen de esto, aparecen novedosas tecnologías, como XML, los
controles y elementos ActiveX de Microsoft, animaciones Flash, más que nada, surge
AJAX, la tecnología que revolucionó la Web. Ya por el 2008, una vez que nace HTML5
como la enorme evolución del estándar HTML, se eliminan varios recursos anticuados y se
abre la puerta a la revolución que han supuesto los dispositivos móviles. HTML5 da la
probabilidad de reproducir vídeos o audios de manera directa en el navegador, producir
videoconferencias y, más que nada, producir gráficos o videojuegos que se ejecutan en
 10

cualquier dispositivo, HTML5 sigue en constante desarrollo, regulado por el W3C, y está
consiguiendo superar las diferencias entre diversos navegadores, es el presente y además el
futuro de la Web.

De acuerdo con Luján (2002, p.15) el desarrollo de la Web se debe gracias a Tim
Berners-Lee, quien dio a conocer los tres recursos que fueron clave en el origen de la Web:

 HTML: como lenguaje para generar los contenidos de la Web, con base en
Standard Generalized Markup Language (SGML).

 HTTP: como protocolo de comunicación entre los computadoras de la Web,

delegado de la transferencia de las páginas web y demás recursos.

 URL: como medio de ubicación (direccionamiento) de los diversos recursos

en Internet.

Figura 1

Los Pilares de la Web

Nota. El gráfico representa los pilares de la web. Tomado de Luján, 2002.

1.3. Historia de las web, 1.0, 2.0, 3.0 y 4.0

1.3.1. Web 1.0

La Web 1.0 comenzó de la manera más elemental existente, con navegadores de

solo escrito, como ELISA, luego nació el HTML (Hyper Text Markup Language) que hizo
las páginas web más simpáticas a la vista y los primeros navegadores visuales como IE,
 11

Netscape, etcétera. Esta generación nace como un sistema de hipertexto para compartir
información en Internet, con la finalidad de proclamar documentos. La web era dirigida por
el webmaster, poseía el total control ya que no había relación con los usuarios, la web eran
tan solo de lectura. Tenía una finalidad específica primordialmente en los espacios
expertos, militares y educativos. En 1990, World Wide Web, va tomando forma, cada vez
más visual, añade imágenes, diferentes formatos, colores etcétera. Las enormes
organizaciones comienzan a dilucidar la potencia de este instrumento que te posibilita
conectar con cualquier parte de todo el mundo (Aquino , 2016).

1.3.2. Web 2.0

Según Aquino (2016) este término ha sido acuñado por Tim O’Reilly en 2004 para
referirse a una segunda generación en la historia del desarrollo de tecnología Web. Sin
embargo, en esta nueva versión los mandos son tomados por los usuarios. Emergen
aplicaciones y páginas que usan la sabiduría colectiva, efecto de eso las páginas tienen la
posibilidad de ser personalizadas, los usuarios cambian e introducen datos y se transforman
en un instrumento dinámico que posibilita el trueque de información. La información se
convierte en comunicación debido a la relación y a la integración de comentarios de textos,
vídeos, chats etcétera. Nace con ello los blogs, las redes sociales, los wikis etcétera.
Ejemplos: Ebay, Facebook, Wikipedia, etcétera. Este cambio supuso una gigantesca
revolución, pues permitía devolver lo más importante “La información”.

1.3.3. Web 3.0

Latorre (2018) enfatiza que el término web 3.0 apareció por primera vez en 2006 en
un artículo de Zeldman, crítico de la web 2.0. Esta web fue operativa desde el 2010. La web
3.0, es un salto tecnológico que tiene importantes consecuencias en los usuarios de la red,
es conocida como la “web semántica” porque utiliza de forma más eficiente los datos:
“data web”. La web 3.0 apunta a que todos podamos disfrutar de la información y de las
herramientas de Internet sin importar el aparato a través del cual nos conectemos.
 12

1.3.4. Web 4.0

Llamada Web ubicua posibilita la conexión de todo el mundo físico al mundo

virtual mediante dispositivos inalámbricos (por ejemplo GPS, Tablet, teléfonos celulares),
sin que importe el sitio y la época; está en todo momento en tiempo real. Su objetivo
fundamental será el de juntar las inteligencias donde tanto los individuos como las cosas se
comuniquen entre sí para producir decisiones, se espera que haya agentes (un agente
inteligente es un sistema hardware o software localizado en un determinado entorno, capaz
de actuar de manera autónoma y razonada, para realizar unos fines predeterminados) en la
web que conozcan, aprendan y razonen como lo hacemos las personas (Aquino, 2016).

Tabla 1

Evolución de la Web

Versión Tipo Tecnología Características

 Páginas web estáticas y
cerradas, con
Web 1.0 “La
Estática HTML actualizaciones muy
Web”
esporádicas.

 Páginas web construidas

dinámicamente.
 Webs colaborativas,
Web 2.0 “Web Dinámica DHTML,
creadas por las
Social” Colaborativa ASO,CSS, AJAX
aportaciones de todos los
usuarios.

 Representación del
Estructurada XML, RDF, significado del
Web 3.0 “Web
Webs con OWL, JENA, conocimiento.
Semántica”
significado SPARQL  Metadatos semánticos a
través de ontologías.
 Desarrollo de agentes
personales inteligentes.

 Comunidades semánticas.
Web 4.0 “web Conexión
Algoritmos de  Adquisición de
Ubicua” inteligente
procesamiento de conocimiento
Lenguaje Natural colaborativamente entre
personas y agentes
software.
Nota. Esta tabla muestra la evolución de la web. Tomado de García, 2013.
 13

1.4. Generación de las páginas web.

La generación de las páginas web de acuerdo con Fernández (2017) se divide en

cinco y tienen las siguientes características, las cuales son:

1.4.1. Primera generación.

Encuentra su desarrollo en 1993 bajo el nombre Mosaic, muestra imágenes y

palabras, tiene grandes limitaciones al diagramar, tenía el diseño lineal que se orientaba a
científicos con una conexión vía módem, limita el tamaño de las páginas, tenía presentación
desordenada que fue necesario plantear estándares HTML.

1.4.2. Segunda generación.

Insertaron íconos en reemplazo de palabras, con imágenes que se utilizaban como

fondo, diseños, banners y botones en relieve, una lista o menú, componía su estructura, las
tarjetas gráficas y monitores tenían mayores resoluciones, por lo tanto la definición de
colores era mejor.

1.4.3. Tercera generación.

Estaba orientada para diseñadores, que tenían la tarea específica de vender

productos, servicios, información, noticias, etc. Básicamente diseñada para uso publicitario
y espacio de ventas.

1.4.4. Cuarta generación.

Esta generación se enfocaba a los objetos Multimedia, para todo tipo de usuario, los
navegadores que salían en sus nuevas versiones soportaban más elementos insertados en la
página web.

1.4.5. Quinta generación.

Esta generación se enfocaba a los objetos Multimedia, para todo tipo de usuario, los
navegadores que salían en sus nuevas versiones soportaban más elementos insertados en la
página web. (pp. 10-12)
 14

2. Definición y características de las páginas web.

2.1. Definición de una página web.

“Una página Web es un documento electrónico que contiene texto, sonido, video,
programas, enlaces y muchas otras cosas” (Ibáñez y García, 2009, p. 84).

Desde el punto de vista de Fernández (2017), las páginas web son documentos
enormes que se enlazan por medio de palabras destacadas, que posibilita a un cliente del
servidor recibir la información a partir de otro servidor, sin necesidad de digitar palabras
para entrar a la ruta o hacer otro tipo de método. Haciendo más fácil de esta forma la gran
averiguación de información, nos muestra la información llamativa y de simple
accesibilidad.

La página web es la que enlaza varios archivos para hacer grupo incluido, mostrado
conforme el requerimiento del cliente. Las páginas web muchas veces son más largas que la
perspectiva que se muestra en la pantalla de la pc, así como además tienen la posibilidad de
contener bastante más de una página de papel en la impresión. Tienen dentro escrito,
imágenes, archivos de ruido, vídeo y además vínculos o enlaces a otras páginas web.

2.2. Clasificación de páginas web.

Teniendo en cuenta la tecnología usada para construirlas, las páginas web pueden
clasificarse de la siguiente manera:

2.2.1. Páginas web estáticas.

Según Jaime (2019) se llama página web estática ya que estas tienen la posibilidad
de actualizar los contenidos, como requisito primordial para lograr actualizarse era con
ayuda del desarrollador. Sus características principales son:

 Es simple
 No es necesario añadir blog
 Son complicadas de modificar
 15

2.2.2. Páginas web dinámicas.

El concepto dinámico se refiere a que la página web se hace al instante en que la

página es visitada por el cliente, o sea que el contenido de la página web no es fijo sino que
se construye según la relación que el cliente hace con la página. La información de esta
clase de página frecuenta estar almacenada en Bases de Datos de las cuales se extrae una
sección según las selecciones o actividades elaborada por el individuo que visita la página
Web (Pañuela, 2012).

Figura 2

Tipos de Páginas Web: Página Web Estática vs Dinámica

Dinámica

Estática

Nota. La imagen muestra los tipos de páginas web. Tomado de Lemós, 2017.

2.3. Tipos de páginas web.

Carvajal (2014) menciona que entre muchas páginas web que existen en la actualidad
podemos mencionar los más sobresalientes, las cuales son:

 Buscadores: su función esencial es encontrar páginas web a las cuales no se

conocen su dirección electrónica. Ejemplo: www.google.com

 Noticias: plasmados en dar a conocer noticias actuales. Ejemplo: www.nacion.com

 Redes Sociales: son sitios sociales para que las personas interactúen con las
amistades. Ejemplo: www.facebook.com
 16

 Videos: se enfocan en la reproducción de distintos videos. Ejemplo:

www.youtube.com

 Empresarial: se da a conocer información de alguna empresa. Ejemplo:

www.tiopelon.cr

 Educativo: en estos sitios se promueven cursos presenciales y a distancia. Ejemplo:

www.ucr.ac.cr

 Comercio: sitios donde venden artículos. Ejemplo: www.amazon.com

2.4. Características de una página web.

Desde la posición de Fernández (2017) casi en cualquier página web, de los

muchísimos que podemos encontrar en la red, estará formada por los componentes que se
mencionan a continuación:

Los formularios: su tarea principal es mandar información por medio de la página

web; se conforman de textos y en ocasiones gráficos.

 JavaScript: Es un lenguaje de programación que se ejecuta e interpreta mediante el

navegador; cada vez es más utilizado para crear diversidad de efectos visuales en
una página web.

 Java: Lo más sobresaliente del código Java es la posibilidad de ejecutarse en

cualquier tipo de plataforma. (Cualquier sistema operativo y ordenador).

 Shockwave/flash: Construcciones interactivas con imágenes estáticas, animaciones

o imágenes en desplazamiento, radicalmente compactas, pero hace tiempo había que
instalar un complemento a los navegadores (plugin de Java), actualmente casi todos
lo integran.

En parte importante de los sitios web, algunas de las páginas integran otros
elementos que, más que conformar parte de ellas, la acompañan. Algunos de estos
componentes son:
 17

 Ficheros adjuntos: es habitual encontrar ficheros o software comprimidos en un

formato, el más común es el formato zip o rar. Dichos comprimidores permiten que
se disminuya el tiempo de descarga que hacen los usuarios de determinados ficheros
y/o programas.

 Documento PDF: son los documentos realizados con el programa Acrobat de

Adobe.

 Archivos QuitTime: en los cuales encontramos animaciones en 2D y en 3D, en un

formato desarrollado por Apple y universalizado después.

Para Ibáñez y García (2009) las páginas web tienen las siguientes características:

Las páginas Web te ofrecen la posibilidad de visualizar imágenes o de escuchar

sonidos. También es posible emplear las páginas como formularios para enviar
información de forma remota a programas que la utilizarán de diversos modos. El
acceso a una página Web es a través de una dirección que se identifica con su URL
(Localización Uniforme de Recursos). Para acceder, de manera directa, a una
página debemos escribir en el campo de vínculos del navegador (p. ej.: Internet
Explorer) la URL: teniendo el cuidado de no usar para eso ni tildes, ni diéresis,
tampoco acentos ortográficos (igual que con las direcciones de correo electrónico).
Por ejemplo, para acceder a Yahoo empleamos la URL, http://www.yahoo.com
Una característica esencial que debemos precisar es la diferencia entre la
dirección de una página Web y otras de correo electrónico. La diferencia que
distingue claramente a una dirección de la otra, es que la primera va precedida
siempre (implícita o explícitamente) del protocolo “http://”, mientras que la
segunda, por el uso universal del separador “@” conocido como arroba. (p. 85)

2.4.1. Características principales de los servicios web

Desde el punto de vista de Luján (2002) el servidor web es un programa que está
esperando permanentemente las solicitudes de conexión mediante el protocolo HTTP por
parte de los clientes web. En los sistemas Unix suele ser un demonio y en los sistemas
Microsoft Windows un servicio. (p. 49)

La parte servidor de las aplicaciones web está formada por:

 Páginas estáticas (documentos HTML) que siempre muestran el mismo contenido.

 18

 Recursos adicionales (multimedia, documentos adicionales, etc.) que se pueden

emplear dentro de las páginas o estar disponibles para ser descargados y ejecutados
(visualizados) en el cliente.
 Programas o scripts que son ejecutados por el servidor web cuando el navegador del
cliente solicita algunas páginas. La salida de este script suele ser una página HTML
estándar que se envía al navegador del cliente. Tradicionalmente este programa
script que es ejecutado por el servidor web se basa en la tecnología CGI. En algunos
casos pueden acceder a bases de datos.

2.5. Estructura básica de una página web.

Según Vértice (2009) la estructura básica de una página web estaría formado por:

 La cabecera: es una de las partes muy esenciales donde se definirán parámetros

que ayudarán a configurar y optimizar la página (en el código), en la cabecera
también se apoyan demasiado los buscadores. Este elemento debería responder a la
pregunta ¿de qué es esta página?. Por lo general, este espacio incluye el logotipo de
la empresa o el nombre (que generalmente es “pulsable” y conduce a la página
principal). Además, es donde suelen colocarse los banners.

 Menú de navegación: esta parte identifica las páginas del website y facilita la
navegación a los clientes.

 El cuerpo: muestra el contenido de la página web.

 El pie de página: es un elemento opcional que suele contener información bastante

concreta. (pp.20-21)
 19

Figura 3

Estructura de una Página Web

Nota. Estructura de las páginas web. Elaboración propia.

3. Las páginas web educativas como recurso de enseñanza - aprendizaje

3.1. Páginas web educativas

Fernández (2017) define a las páginas web educativas, como un espacio o también
un conjunto de páginas en la Web o www, que contienen información, recursos o
materiales de índole educativa con el objetivo de informar y ofrecer aprendizaje a sus
visitantes.

La web educativa se constituye en un portal educativo definido como un sitio donde

se insertan contenidos y servicios que se imparte a la comunidad educativa, involucra a los
maestros, estudiantes, padres de familia, etcétera. Las páginas web educativas generalmente
se caracterizan por la facilidad y sencillez de usar y navegar. Esta clase de portal reduce la
planificación del maestro, la selección y publicación de contenidos son de mayor facilidad
y atrae al estudiante con las herramientas y el manejo de la información a través de estos
medios que son un modo de innovación, es un gran cambio e impulsa al proceso de
educación y aprendizaje en la enseñanza.
 20

Tabla 2

Características que deben tener las Páginas Web Educativas

Características de las Páginas Web Educativas

El diseño gráfico, la imagen, el texto, el sonido

Técnicos y estéticos
y otros elementos.

Objetivos, contenidos, actividades y ejercicios

Didácticos y pedagógicos
de ayuda.

Motivación, interactividad, atención y

Psicopedagógicos
creatividad.

Nota. Características que deben presentar las páginas Web educativas. Elaboración Propia

3.2. Tipos de páginas web educativas

Sánchez (2004) menciona que las páginas web educativas se podrían dividir en dos
tipos como: páginas pedagógicas y páginas didácticas.

Las páginas pedagógicas son un fin en sí mismas, es decir, pretenden formar al

grupo de sujetos al que va dirigida. También proporcionan recursos a los encargados
de esta labor. Su diseño no está vinculado a la institución educativa formal y se
lleva a cabo por expertos (en informática y pedagogía).

Las páginas didácticas son un medio para la educación. Sus autores son los
propios docentes y el alumnado, es una prolongación del trabajo realizado por y
para la práctica educativa del aula. (p. 138)

3.2.1. Diseño y funciones de una página pedagógica

Empleando las palabras de Sánchez (2004) nos dice que la función esencial de una
página web pedagógica es, transmitir información, recursos, etcétera. Esto dependerá en el
gran condicionante de su diseño, que quedará supeditado al cumplimiento de dicha función.
De este modo puede afirmarse que, los principios que deberían regir la elaboración de una
página web de este tipo, en cuanto a estructura y tratamiento de la información, no difieren
en demasía de los que se definen para un libro de texto. Así, es evidente que:
 21

 La información tiene que ser accesible al grupo de personas al que va dirigida en

este caso los estudiantes, su orden debe ser lógica y comprensiva.

 Las ideas complicadas deben acompañarse de varios ejemplos que faciliten su

comprensión.

 La característica de la página debe ser llamativa, incorporando gráficos y elementos

multimedia que redunden en el incremento de la motivación del visitante.

 Es muy importante habilitar canales de comunicación (preferiblemente de manera

sincrónica) mediante los cuales se pueda llevar a cabo el feed-back.

3.2.2. Propuestas de uso y funciones de una página didáctica

Las páginas web didácticas tienen como función principal contribuir a la

consecución de los objetivos marcados en el proceso educativo formal. La página didáctica
es un valioso recurso didáctico que sobresale por la motivación que despierta en los
estudiantes y el alto grado de maleabilidad que posee. Sin embargo, en la práctica, cumplir
con ellos implica el dominio de lenguajes de programación y otras herramientas
informáticas profesionales. Exigir esto al estudiante y a los maestros es poco menos que
una invitación a desestimar la idea de emprender la construcción de una página web. Por
todo ello, el énfasis de las recomendaciones que se plantea está situado sobre cómo debe
usarse la página diseñada. Resulta obvio que las posibilidades en este sentido son muchas,
tantas como el maestro y estudiante puedan imaginar. (Sánchez, 2004).
 22

Tabla 3

Diferencias de las páginas web pedagógicas y didácticas

Páginas pedagógicas Páginas didácticas

Finalidad principal Formar Educar

Transmitir (información, Contribuir a la consecución

Funciones
recursos, etc.) de los objetivos educativos

Elaborados por profesorado

Elaborado por expertos:
Contenidos y/o alumnado: actividades
material y recursos
de clase

Estructura Comprensiva Abierta

Alumnado, familias y
Ámbito de influencia Cualquier persona
profesorado (implicados)

Nota. Esta tabla muestra las diferencias de las páginas web pedagógicas y didácticas.
Tomado de Sánchez, 2004).

3.3. Ventajas del uso educativo de las páginas Web

Entre algunas de las principales ventajas sobre la uso educativ0 de las páginas web
es que permiten el acceso a mucha información de toda índole, es por ello que incluyen
diferentes ayudas como imágenes, gráficos, videos y entre otros que les dan un carácter
didáctico. De la misma manera, la mayoría de las páginas web permite la participación
interactiva de los estudiantes en diferentes herramientas, como blog, foros y chats, cabe
resaltar que el trabajo con las páginas web favorece en los estudiantes la iniciativa del
trabajo autónomo por parte de ellos ya que beneficia la interdisciplinariedad en la búsqueda
de la información y le da un carácter individualizado en la elaboración de las tareas y
actividades asignadas (Pañuela, 2012).
 23

3.4. Recursos de enseñanza – aprendizaje

3.4.1. El blog como espacio educativo

Como dice Caccuri (2013) los blogs que por sus características particulares se han
convertido en un recurso de enseñanza-aprendizaje de interés educativo que puede ser
utilizado tanto por los docentes como por los alumnos para crear e intercambiar contenidos
en el entorno de la web. Entre otras características de los blogs, podemos mencionar:

 Facilidad de uso: mediante asistentes, plataformas en línea y plantillas prediseñadas

que simplifican el procedimiento de generación de materiales, los usuarios podemos
centrarnos directamente en el contenido sin necesidad de instalar programas ni tener
conocimientos de lenguaje de programación o alojamiento de sitios web. Para crear
un blog, debemos utilizar un servicio específico, como WordPress
(http://es.wordpress.com) o Blogger (www.blogger.com), la cuales ofrecen
prestaciones similares de manera gratuita.

 La integración de contenido hipertextual y multimedia: los blogs permiten insertar

texto, imágenes, audio, video y animaciones, además de enlaces a otros sitios web.
Por tal motivo, podemos enriquecer el contenido a través de múltiples soportes de
información, para diferentes intereses.

 Organización cronológica y temática: el contenido se organiza automáticamente a

partir de un orden cronológico, lo que facilita la accesibilidad a las últimas
novedades publicadas. Los sistemas de etiquetas palabras clave que se asignan a las
publicaciones para identificar su contenido permiten vincular las entradas
relacionadas con un mismo tema.
 24

Figura 4

Blog Elaborado con WordPress

Nota. La imagen muestra la interfaz de un blog con WordPress. Elaboración propia

Figura 5

Blog Elaborado con Blogger

Nota. La imagen muestra la interfaz de un blog con Blogger. Elaboración propia

 25

3.4.3. El blog del docente

El blog es un recurso de enseñanza-aprendizaje estupenda para explorar nuevas

formas de interacción con nuestros estudiantes más allá fuera de la sala de clases. Puede ser
un espacio adecuado para publicar materiales de apoyo, como apuntes, ejercicios, guías de
trabajos prácticos, videos, imágenes, etcétera. Es así, que podríamos ofrecer la posibilidad
de ampliar los contenidos trabajados en clase, enriqueciéndolos con recursos multimedia
que se presentan en un soporte accesible y atractivo para el estudiante, sin duda es un
medio para mantener un contacto activo y dinámico con toda la comunidad educativa,
porque permite brindar información a los padres de familia sobre noticias y novedades de
los estudiantes o de la institución, o compartir proyectos y actividades con otros colegas e
instituciones.

3.4.4. El blog de los alumnos

Al estimular a nuestros estudiantes a crear sus propios blogs en forma tanto

individual como colectiva puede contribuir y fortalecer favorablemente a desarrollar
potencialidades y habilidades de escritura en contextos determinados, a intercambiar ideas,
a trabajar en equipo, a comunicar utilizando diferentes tipos de recursos audiovisuales y,
muy especialmente, a realizar procesos de síntesis de información, dado que la lectura en
pantalla requiere de textos breves y precisos (Caccuri, 2013).

3.5. Educación virtual

También llamada educación en línea es un espacio de formación donde no

necesariamente tiene que haber una interacción de forma presencial ya que esta propicia un
espacio propio de formación apoyado en las TIC.
Es importante precisar esta solo es una modalidad de aprendizaje, estas ayudan a
estudiantes que se encuentren muy ocupados o son absorbidos por su forma de trabajo.
Recordemos que la educación de calidad puede sobresalir a pesar de no tener una
tecnología adecuada, pero si tienes una buena tecnología y no brindas una buena educación
entonces esta seguirá siendo de baja calidad (Jaime, 2019, p.14).
 26

3.5.1. La usabilidad en la educación virtual

La utilización de ambientes virtuales educativos y tecnología multimedia interactiva

en la web ha sido tomada en cuenta en los últimos años como herramienta de apoyo al
proceso educativo. Para el análisis de su usabilidad se ha basado en el tipo de usuario, el
hardware, los facilitadores, la interfaz gráfica y los contenidos

Uno de los usos de la tecnología en la educación es la creación de ambientes

virtuales educativos como parte de las ciencias de la Información y Comunicación (TIC).
Tal es así que su utilización como parte del proceso de formación educativa permite que los
estudiantes universitarios tengan mayor interacción con el ente educativo, al mismo tiempo
que pueden desarrollar un proceso educativo mucho más personalizado (Zambrano, 2011).
 27

CAPITULO III

Conclusiones y recomendaciones

Se puede concluir que la influencia que tiene el trabajo monográfico con el tema
elegido de las páginas web como recurso de enseñanza - aprendizaje en la educación
virtual es positiva ya que generará en los estudiantes de unidades educativas e incluso
universidades mayor motivación e interés por adquirir conocimientos al utilizar
distintos recursos que albergan las páginas web educativas y además, al promover
una relación directa de interacción de los estudiantes con los maestros a través del
uso de las webs, herramientas virtuales y blogs educativos, el grado de atención y
concentración de los estudiantes se incrementa y genera que ellos asimilen y se
apropien de las nuevas tecnología de información y comunicación.

El nuevo reto que hoy tienen las instituciones educativas es construir entornos
educativos digitales como las páginas web, en los cuales se pueda facilitar la
incorporación de los miembros de la comunidad educativa para el progreso y
creciente interés de los estudiantes por este medio, ya que ofrecerá al estudiante la
posibilidad de acceder a diferentes redes para indagar y aclarar sus dudas.

Una de las ventajas que podrían obtenerse con las páginas web educativas es el
acceso libre de los destinatarios a la red. Como se debe, algo involuntario, profesores,
estudiantes y padres de familia, que se beneficiarán con los servicios que la Internet
ofrece y a los cuales puedan acceder en cualquier momento y en cualquier lugar.

La principal recomendación que se puede realizar es para los docentes, ya que es

necesario que los maestros busquen siempre la forma de dar continuidad a todas las
propuestas que requieran la utilización de herramientas tecnológicas dentro del aula y
fuera de clase para que se puedan generar ambientes virtuales de trabajo interactivo y
ameno que contribuya a mejorar los procesos de enseñanza y aprendizaje en el
ámbito educativo.
 28

Bibliografía

Alvites, A. (2016). Usabilidad: Páginas web, entornos y educación virtual.

https://bit.ly/3qPrMQD

Aquino, A. Evolución de la Web. Universidad Católica "Nuestra Señora de Asunción.

https://bit.ly/2LVPtYJ

Arias, F. (2012). El Proyecto de Investigación: Introducción a la metodología científica

(6ta ed.). Episteme Editorial.

Carvajal, J. (2014). Aprenda a Navegar en Internet: Trucos y pasos para iniciar en la

Internet (Vol. 3). Rashitec Solutions. https://bit.ly/3qLpceo

Caccuri, V. (2013). Educación con TICS. Users. https://bit.ly/3a7uZ7g

Fernández, E. Páginas Web. [Monografía de Licenciatura, Universidad Nacional de

Educación Enrique Guzmán y Valle]. https://bit.ly/39gvCwp

García, N. (2013). Evolución de la Web. [Tabla]. https://bit.ly/3ocCwqr

Ibáñez, P., & García, G. (2009). Informática I. Cengage Learning Editorial.

Jaime, X. (2019). Páginas Web Educativas. [Monografía de Licenciatura, Enrique Guzmán

y Valle, Universidad Nacional de Educación]. https://bit.ly/3qJHug1

Latorre, M. (2018). Historia de las web, 1.0, 2.0, 3.0 y 4.0. Universidad Marcelino
Champagnat. https://bit.ly/2MhLTI4

Lemós, D. Tipos de páginas web: página web estática vs dinámica. [Figura].

https://bit.ly/3iHoyf7

Luján, S. (2002). Programación de aplicaciones web: historia, principios básicos y clientes

web. Editorial Club Universitario.

Matos, A. (2018). Investigación bibliográfica: definición, tipos, técnica .

https://bit.ly/2MixLhH

Pañuela, Y. La página web como herramienta didáctica en el aprendizaje de vocabulario

en inglés. [Trabajo de grado de Licenciatura, Universidad Libre].
https://bit.ly/2KGCIAA

Quispe, J. Sistema web para el registro y seguimiento disciplinario de la conducta del

estudiante caso: Unidad Educativa Rotary Chuquiago Marka. [Trabajo de Grado de
licenciatura, Universidad Mayor de san Andrés]. https://bit.ly/36btEeI
 29

Recio, J. (2016). Html5, css3 y jquery: Curso práctico. Ra-Ma Editorial.

Sánchez, E. (2004). Páginas web educativas: hacia un marco teórico. Comunicar. Revista
científica de Comunicación y Educación, 11(22), 137-140.

Vértice, E. (2009). Técnicas avanzadas de diseño web. Vértice Editorial.

Zambrano, F. (2007). La usabilidad entre la tecnología y la pedagogía, factores

fundamentales en la educación a distancia. Revista Digital Universitaria: UNAM.
https://bit.ly/3a2BJn4