UNIVERSIDAD NACIONAL DE EDUCACIÓN

Enrique Guzmán y Valle

Alma Máter del Magisterio Nacional

FACULTAD DE CIENCIAS
Departamento Académico de Matemática e Informática

MONOGRAFÍA
PÁGINAS WEB
Concepto de Web Educativas, orígenes de las web educativas,
características principales, tecnologías, consecuencias, principales
aplicaciones.

Presentada por:
Elena Fernández Jiménez

Para optar al Título Profesional de Licenciado en Educación

Especialidad: Informática

Lima, Perú

2017
 Dedicado a:
Al servicio de los demás en agradecimiento a Dios, mis
padres y amigos.

2
 Índice

Portada .............................................................................................................. 1
Dedicatoria ............................................................................................................... 2
Indice…………….. ................................................................................................... 3
Introducción ............................................................................................................. 5

Capítulo I
Historia De Las Páginas Web
1.1 Evolucion De Las Paginas Web ..................................................................... 7
1.2 Generaciones De Las Paginas Web ............................................................. 10
1.3 World Wide Web O La Web ....................................................................... 13
1.4 Hipertexto .................................................................................................. 194

Capítulo II Páginas Web

2.1 Concepto ...................................................................................................... 15
2.2 Características ............................................................................................. 16
2.3 Programación Web................................................................................... ...17
2.4 Creación De Páginas Web ........................................................................... 19
2.4.1 Aspecto y finalidad del sitio ..................................................................... 19
2.4.2 Esbozo del sitio ........................................................................................ 20
2.4.2.1 Diseño del sitio web .......................................................................... 20
2.4.2.2 Diseño de la página web ................................................................... 21
2.4.3 Registro de un nombre de dominio ......................................................... 21
2.4.4 Buscar alojamiento para su sitio ............................................................. 21
2.4.5 Creación y comprobación del sitio .......................................................... 22
2.4.6 Publicación y mantenimiento del sitio ..................................................... 22
2.5 Herramientas Para Generar Páginas Web ...................................................... 23
2.5.1 Herramientas de diseño web ................................................................... 23
2.5.2 Software de diseño ................................................................................... 23
2.5.3 Software de programación ...................................................................... 23
3
Capitulo III
Páginas Web Educativas
3. 1 Concepto ........................................................................................................ 24
3. 2 Creación De Web Educativas. ....................................................................... 31
3. 3 Usos Educativos Del Ciberespacio: ................................................................ 31
3. 4 La Web Del Centro ........................................................................................ 32
3. 5 La Web De Los Profesores ............................................................................ 33
3. 6 La Web De Los Alumnos ............................................................................... 34
3. 7 La Web De La Asignatura ............................................................................. 34
3. 8 ¿Qué Necesito Para Tener Un Sitio Web Educativo? .................................... 35

Capitulo IV
Desarrollo De La Web Educativa
4.1 Desarrollo Evolutivo De La Web Educativa………………….….…….…..…….40
4.2 Evaluación Del Diseño De Una Página Web En El Contexto Educativo………45
4.3 Programas Comerciales Para Realizar Página Web……………………….……49

APLICACIÓN DIDÁCTICA…………………………………………………………51
Sesión de clase…….........................................................................................................52
Guía de Laboratorio…………………………………………………………………...56

SÍNTESIS………………………………………………………………………………66
APRECIACIÓN CRÍTICA Y SUGERENCIAS .................................................... 67
ANEXOS ................................................................................................................ 69
BIBLIOGRAFÍA .................................................................................................... 70

4
 Introducción

Páginas Web, es un documento de información electrónico que contiene textos, imágenes

estáticas, dinámicas, videos, programas, enlaces de la World Wide. Web, que se integra a la gran

red de WAN. (Internet).

A pesar de que el hipertexto tiene su origen en los años sesenta del siglo pasado, los

profundos cambios que se han experimentado en el campo de las tecnologías de la información y

la comunicación han acelerado su desarrollo de tal modo que actualmente hablar de hipertexto es

casi sinónimo de hablar de documento electrónico, lo que refuerza su presencia e importancia ya

que, en la actualidad, cada vez más la información se globaliza en la red WAN, sitio donde las

páginas web se enlazan unas con otras, haciendo posible que el acceso a la información sea

inmediata.

Trasciende en la gran importancia que ocurre en la aplicación de las tecnologías de la

información. Por ejemplo, cada vez es más común hablar de la incorporación de internet a las

escuelas. Es un nuevo reto que viene enfrentando el horizonte educativo, crear entornos

educativos construidos por docentes y familia. Hoy en día es una realidad considerarlo como

evolución comunicativa del ser humano.

Queda como objetivo identificar y reconocer la importancia de las páginas web, como medio

información en varios aspectos generales del ser humano. Brindar orientaciones de herramientas

y aplicaciones TIC. Aprendizaje de la elaboración de blogs educativo para ser utilizado por un

docente y aplicarlos en una sesión de clase. 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 no compete

conocimiento de programación por parte de un docente.

5
 En estas líneas se enmarca el contenido de la web educativa existente en la red, los ejes

principales son: Historia de las páginas web, página web, página web educativa, desarrollo de la

web educativa y aplicación didáctica.

6
 Capítulo I Historia De Las Páginas Web

1.1 Evolución De Las Páginas Web

Como ya se sabe, los maestros son los que enseñan y los estudiantes son los que aprenden. Es

la constante que se ha mantenido durante siglos, más allá de la fluctuación de un paradigma de

escenarios rígidos a ambientes más democráticos y colaborativos. Más allá de las realidades

sociales y geográficas.

Las páginas web son parte de la evolución de la comunicación inmerso en la tecnología de la

información y tiene antecedentes históricos que remota a siglos atrás.

En la india antigua, hace miles de años quienes cumplían el rol de maestros eran los

brahmanes, quienes a su vez tenían el rol de sacerdotes, tenían como función de transmitir

conocimientos de su sociedad. Labor que realizaban en sus viviendas a donde los alumnos tenían

que ir a vivir. Es así que nace el concepto de escuela. Posteriormente en Grecia quienes

enseñaban a los niños eran los esclavos y sirvientes. Estos principios educativos griegos se

expandieron en el imperio romano y perduraron hasta la edad media. En los inicios de este siglo

mencionado aparecen las escuelas dependientes de la iglesia romana (Leon, 2010).

En la época del renacimiento destaca la corriente humanista e intelectualidad, considerado

como asunto necesario y preocupación en la mejoría de la educación cada vez es más imponente

y relevante. Y aun así se tuvo que esperar a posterior del siglo XVIII para empezar a cuestionas

los principios tradicionales en la educación. Ya los docentes e impartidores de la educación

comienzan a dudar de la teoría que fundamentaba el éxito de la educación, mantener la mente en

disciplina, la mente al ser considerado como un músculo debía ser ejercitado con ejercicios

pesados. En el siglo XIX aparece una estructura de formación que sigue en vigencia: se divide
7
formalmente el proceso de enseñanza-aprendizaje en nivel primaria, nivel secundaria y nivel

superior. Lo que no ha cambiado al día de hoy son los agentes de la educación maestro y docente

(Leon, 2010).

En el siglo XXI, todos los procesos formativos se basan en un triángulo donde sus vértices

son: la escuela, maestro y espacio temporal de docentes y estudiantes. A lo largo de este siglo

siempre se buscó y se esperó encontrar la tecnología óptima que logre el gran cambio de la

enseñanza. Tal es así que en 1960 las computadoras pasan a ser una herramienta imprescindible

en la enseñanza por su utilidad propicia y flexible. Hecho que nos permite hablar de la nueva

tecnología que se aplica en la educación (Leon, 2010).

En el país norteamericano, EE.UU, se desarrollan trabajos complejos como el de la aplicación

de las computadoras en los laboratorios, en término inglés Computer Applications Laboratory

para enseñar aritmética tipo binaria en la Universidad de Florida, y también vienen desarrollando

el trabajo CLASS Y PLATO, donde los estudiantes respondían preguntas de múltiple elección

(Pérez, 2016).

En el transcurso de 1950 y 1960, sucedió la fascinación por los medios audiovisuales.

La tecnología en la educación se muestra en el enfoque racional, sistemático para el diseño y

evaluación de la enseñanza, que alcanzó la esperanza de lograr procesos de enseñanza y

aprendizaje altamente eficaces.

En la década de los 70, la mayoría de los proyectos consiguieron sus objetivos realizando

avances importantes como de los sistemas que se caracterizan por ser generativos, donde el

ordenador genera automáticamente el material con fin didáctico que se da al estudiante, la

estrategia de una enseñanza definida como también la aplicación de la inteligencia artificial en el

desarrollo del aprendizaje. Esta década representa la época en la que la tecnología alcanza una
8
gran relevancia en el panorama educativo internacional. Se publican manuales, congreso, curso,

titulaciones, publicaciones de revistas, de periódicos, etc. Es un auge del desarrollo, formalidad y

expansión en el campo educacional.

En 1980 la situación cambia radicalmente aparecen los ordenadores personales. Desde ese

momento la tecnología informática se sumerge y en todos los aspectos de la sociedad,

obviamente el entorno educativo no puede ser la excepción. La tecnología educativa se centraba

cada vez más en la educación a distancia.

Existe un problema principal, que resulta un impedimento en la educación para hacer uso de

modo general de la Web (www), experiencias vivenciales y reales nos muestra que todavía

desconoce cómo aplicar las herramientas tecnológicas en el proceso educativo que sea efectiva,

en los diferentes niveles de la educación. En las universidades las enseñanzas virtuales ya son

realidad. Pero para lograr la transformación el camino y procedimientos serán largos y difíciles.

Esto se hizo notar como una crisis interna em el campo de la tecnología educativa. Este

período de crisis se caracteriza en lo siguiente:

 El autorreconocimiento de la situación señalada como crisis en el núcleo de la

tecnología educativa.

 La falta de identidad definida.

 La falta de orientación en sus funciones principales por parte de los profesionales

tecnólogos educativos.

 La poca asistencia y aplicación de estas tecnologías en la educación.

Hablar de los antecedentes de las páginas web educativa, necesariamente tenemos que hablar

del proceso histórico de la tecnología educativa.

9
 De acuerdo al criterio cronológico, en el desarrollo de la tecnología educativa se desarrollan

en 5 décadas:

En 1940, se desarrolla para los militares a través de medios audiovisuales.

1950, está caracterizada por elaboraciones de Sikiner que condiciona la enseñanza

programada.

En la década de 1960 se da la extensión de los diferentes medios de comunicación en la

sociedad, estos medios se incluyen en la educación.

Por los años 1970 es desarrollo pleno de la informática. En es el tiempo en el que se busca

implantar las enseñanzas guiadas por el computador.

En 1980 se da inicio al soporte de la informática y medios audiovisuales cuyo objetivo es la

interactividad de persona y sistema.

Desde 1990, aparece un nuevo soporte, que da una tecnología nueva conocidas en sus inicios

como redes telemáticas en esta década se implantan, pero de forma lenta. En escenario aparece la

red internet, que genera nuevos procedimientos a seguir en la educación originando nuevas

formas, de adquirir conocimiento, de enseñanza y aprendizaje (Chacón, 2007).

1.2 Generaciones De Las Páginas WEB

PRIMERA GENERACION

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 cientificos con una

conexión via módem, limita el tamaño de las páginas, tenía presentació desordenada que fue

necesario plantear estándares HTML.

10
 Figura 1: Interfaz gráfica de una página web de la 1era generación.

SEGUNDA GENERACION

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

graficas y monitores tenían mayores resoluciones, por lo tanto la definición de colores era

mejor.

Figura 2: Interfaz gráfica de una página web de la 2da generación.

11
 TERCERA GENERACION

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.

Figura 3: Interfaz gráfica de una página web de la 3era generación.

CUARTA GENERACION

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.

Figura 4: Interfaz gráfica de una página web de la 4ta generación.

12
 QUINTA GENERACION

Esta generación fue un gran avance pues las páginas web cada vez soportan más elementos

insertados en su contenido, tal es así que se insertan enlaces de páginas de televisión, integrado

de la televisión, es el movimiento más notorio de la actualidad.

Figura 5: Interfaz gráfica de una página web de la 5ta generación.

1.3. World Wide Web O La WEB

WWW es como una telaraña de cobertura mundial, consiste en presentar una interfaz simple

pero consistente para navega en la inmensidad de los recursos que nos ofrece internet. La

información se presenta de manera moderna y potente. A nuestra vista se presenta como páginas

electrónicas páginas virtuales (Chavez,2017).

Este servicio se ha incrementado de manera radical, para visitar la Página Web, necesitamos

direcciones las cuales se llama URL (uniform Resource Locator), cada página Web tiene un

URL por ejemplo el que se menciona, cual es http://www.peluse,com

 http:// prefijo que identifica el protocolo al que pertenece. Toda dirección tiene URL.

 WWW. Identifica una dirección electrónica www. está presente en las las direcciones

URL.

13
  peluse Indica específicamente la dirección a la que se quiere ingresar. También se le

conoce como dominio.

 .Com Nos indica que el espacio virtual web es comercial.

El funcionamiento de una web debemos se entiende a partir de la idea que es hipertexto.

1.4 Hipertexto

Un hipertexto es el conjunto de datos que enlaza a otra fuente de datos. Estos se enlazan

mediante un link de acceso. Es decir, un documento hipertexto contiene no sólo contiene datos

de información, sino que también contienen enlaces a otros documentos web.

Ejemplo:

Un libro o enciclopedia al final de un tema puede tener referencias a otros temas, referencia

bibliográfica.

En hipertexto, el computador crea rutas de acceso automático a esas referencias, a fin de

facilitar la investigación. El usuario puede acceder a la información en el orden que lo requiera,

al principio, al final, no tiene una secuencia establecida en el acceso a la información.

Los enlaces o link de acceso no sólo está en textos sino también en íconos, imágenes, tablas.

Puede resaltarse en subrayado o enumerado para que el usuario lo reconozca con mayor

facilidad.

Un hipertexto nos permite enseñar y explicar, es una herramienta de buena potencia, se tiene

que ser diseñado para su navegación libre y nos conlleve a obtener mayo comunicación (Chavez,

2012).

14
 Capitulo II Páginas Web

Figura 6: Representa variedad de páginas web.

2.1 Concepto

Es un documento que se caracteriza por ser de tipo electrónico virtual contiene textos,

sonidos, vídeos, programas, enlaces, imágenes, transferida a la World Wide Web, a la que se

puede acceder desde un navegador cualquiera (Wikipedia, 2017).

Las páginas web son documentos grandes que se enlazan a través de palabras destacadas, que

permite a un usuario del servidor recibir información desde otro servidor, sin necesidad de

digitar palabras para acceder a la ruta o hacer otro tipo de procedimiento. Facilitando así la

enorme búsqueda de información, nos muestra la información atractiva y de fácil accesibilidad.

La página web es la que enlaza muchos archivos para hacer conjunto integrado, mostrado

según el requerimiento del usuario. Las páginas web frecuentemente son más largas que la visión

que se muestra en la pantalla de la pc, así como también pueden contener más de una página de

papel en la impresión. Contienen texto, imágenes, archivos de sonido, vídeo y también vínculos

o links a otras páginas web.

15
 Constituyen, un tipo de fichero de texto, con un tipo de extensión .htm. o html, hace

referencia a la sigla Hipertext markup language. El archivo contiene códigos que sirve para

establecer un formato de presentación a la página web en diferentes navegadores de internet.

Ejm. la distribución de sus columnas, colocar la letra en estilo negrita, formatos asignando

colores, una imagen rodeada con texto.

Los códigos hacen posible que las páginas web tenga una presentación de la información de

forma agradable a muy buen gusto de la vista incluye estilos de formato negritas, cursivas o

itálicas, colocar textos como títulos, hacer cortes de párrafo, diseñar formularios, crear listas

enumeradas, insertar objetos e imágenes.

Un conjunto de páginas web enlazadas que muestran diferentes partes de un conjunto de

información, forma lo que se llama un sitio web.

En sentido general, las páginas web o sitios web poseen en su diseño una estructura parecida,

semejante, el mismo que nos sirve en ocasiones para encontrar fácilmente algún contenido web

que buscamos también para poder entender el funcionamiento de los enlaces en las páginas web,

entre otras cosas.

2.2 Características

Casi en cualquier página web, de los millones que podemos encontrar en la red, estará

formada por los componentes que se describen a continuación:

Formularios: su misión es enviar información a través de la página web; se componen de

textos y a veces 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.
16
  Java: Lo más representativo 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 fijas, animaciones o

imágenes en movimiento, extremadamente compactas. Aunque hace algún tiempo

había que instalar un complemento a los navegadores (plugin de Java), en la actualidad

casi todos lo incluyen.

En la mayoría de los sitios web, algunas de las páginas incluyen otros componentes que, más

que formar parte de ellas, la acompañan. Algunos de estos componentes son:

 Ficheros adjuntos: es muy normal encontrar ficheros o software comprimidos en un

formato (el más común es el formato zip o rar). Estos comprimidores permiten que se

reduzca el tiempo de descarga que hacen los usuarios de determinados ficheros y/o

programas.

 Documento PDF: (Portable Document Format). Documentos realizados con el

programa Acrobat de Adobe.

 Archivos QuitTime: en los que encontramos animaciones en 2D y en 3D, en un

formato creado por Apple y universalizado después.

2.3 Programación Web

Con el desarrollo de la web surgieron nuevos lenguajes de programación tendientes a

presentar páginas que permiten mayor interacción, son más rápidas, contienen

animaciones, etc.

Entre ellos, podemos mencionar al asp y php, que, en líneas generales, permiten generar

páginas en base a los pedidos de los usuarios del sitio, es decir, buscan en una base de

17
 datos la información solicitada, y crean una página en forma instantánea (Geocities.ws,

2013, parr.6).

Los programas con los que se pueden trabajar bases de datos y son los más utilizados son:

 MySQL (open source)

 Oracle.

 Microsoft SQL.

 Software Informix de IBM.

DHTML (HTML) es dinámico y el CSS (hojas de estilo) con este lenguaje crea páginas web

más interactivas que las páginas HTML. Por ejemplo, podemos crear botones cuyo texto o fondo

cambia de color, también textos que agrandan o disminuyen de tamaño, entre otros, estos están

aliados al software JavaScript, también nos permite insertar la fecha y hora a la página web,

textos animados que se desplazan en diferentes direcciones.

Si queremos mencionar un software que se utiliza mucho para hacer animaciones con audio,

texto, imágenes, es Macromedia Flash, http://www.macromedia.com/software/flash. Y en sus

renovadas versiones ya cuenta con las herramientas que permiten crear una presentación web de

una manera más fácil.

El lenguaje de programación Java, nos sirve para crear archivos ejecutables. Estos se instalan

en una computadora donde el usuario navegante realizará sus especificaciones requeridas. Se

puede utilizar para crear animaciones, hacer pequeños aplicativos como calculadoras, juegos.

Los usuarios programadores cada vez lo utilizan menos.

18
2.4 Creación De Páginas Web

Tener un sitio web nos permite estar constantemente en una red, él nos podría brindar el gran

beneficio de hacernos más conocidos si somos parte de una empresa, nuestras ventas podrían

incrementar, si somos educadores nuestros estudiantes podrían acceder para ver nuestros

recursos didácticos. Tener un sitio web es esta en modo online todo el tiempo.

Para crear un sitio web e implantarlo en el internet en necesarios contar con varios agentes así

tenemos a la entidad o empresa que se encarga de registrar dominios, un proveedor de hosting

que nos va a permitir alojar el dominio, un profesional diseñador de página web, el desarrollador

o programador de las aplicaciones y una empresa que hará la promoción de la página web.

Las creaciones de los sitios web no son complejas, al gran mundo del internet se enlazan

grandes cantidades de páginas web y no todas tienen éxitos, debemos imaginarnos la razón,

simplemente porque carecen de versatilidad, originalidad, y diseño de interfaz atractivo.

Para evitar el fracaso al poner un sitio web en la red debemos tener en cuenta lo siguiente:

2.4.1 Aspecto y finalidad del sitio.

Determinar con claridad los objetivos responder a preguntas como ¿Qué es lo que se

quiere publicar?, ¿para qué quiero crear el sitio web, sólo para que conozcan el perfil de la

empresa o para atraer un mercado de usuarios que se interesen por el servicio que se brinda?,¿o

queremos que sea la principal fuente de interrelación de la empresa y/o cliente, usuario?

Para ello tener en claro la misión que tendrá el sitio, establecer los objetivos de corto y largo

plazo. Esto necesariamente nos conlleva a realizar un análisis de la FODA; Fortalezas,

Oportunidades, Debilidades, Amenazas. Fijar y evaluar los éxitos y fracasos de los sitios web de

la empresa en competencia.

19
 Determinar los participantes en este proyecto de acuerdo a sus potenciales y habilidades,

establecer presupuesto económico.

En resumen, el sitio web debe contar con un plan de proyecto en la que se debe tener en

cuenta:

 Estado actual de la empresa

 Misión del Sitio web

 Análisis FODA

 Descripción de servicios y/o productos

 Objetivos a corto plazo

 Objetivos a largo plazo

 Administradores, personal, aspectos financieros

2.4.2 Esbozo del sitio.

Después de que se haya hecho una idea del aspecto y la finalidad de su sitio, se debe dibujar o

utilizar un software de dibujo para elaborar un esquema del sitio web y distribución de las

páginas.

2.4.2.1 Diseño del sitio web.

Lo primero que debemos tener en cuenta en el diseño del sitio web es hacer una lista de

contenidos, o temas a tratar dentro de su propio contenido. Con esto facilitamos el insertado de

las barras de navegación, el establecer los enlaces, dar formato de colores. Posteriormente se

tiene que definir el presupuesto económico y con qué herramientas se cuenta, es aquí donde se

establece con que herramienta se va a trabajar. Si utilizamos Adobe Flash, Dreamweaver o se

decide por la programación en PHP ó ASP; para el cual debemos contratar al personal idóneo.

20
 El siguiente paso ha de ser publicar el sitio web, para lograrlo es necesario contratar una

empresa que se encargue de brindar servicio de alojamiento web (hosting), esto permitirá que

acceder al sitio en modo online todas las 24 horas del día, y en todo el año.

2.4.2.2 Diseño de la página web.

Crear una distribución estructura de la página considerando su contenido, filas columnas. Esto

es importante para evitar que los visitantes se desorienten y se cansen con cargas confusas. Tener

presente siempre estos aspectos en el diseño: en que parte se insertará los vínculos, links que

enlazarán a otras páginas, decidir lo conveniente en los formatos cambiar o continuar con los

colores, tipos de letras o fuentes, imágenes y gráficos anteriormente utilizados. Una ayuda podría

ser que observe los diseños de otras páginas web para ver que podrìa aumentar o modificar.

2.4.3 Registro de un nombre de dominio.

El dominio es el nombre que se asigna a la página web. Un ejemplo sería ww.suempresa.com.

Estos nombres deben ser registrados previamente a fin de evitar y corregir la duplicidad de

nombres de dominio, se puede registrar el nombre dominio sin necesidad de haber publicado la

página web. La entidad InterNIC tienen un registro en su base de datos de los nombres

registrados y acreditados. Es recomendable tener una lista de nombres posibles de su página web

pues tal vez resulte necesario el cambio del nombre de dominio que eligió en el inicio, pues no

debe existir el nombre duplicado de dominio (LinkedIn, 2010).

2.4.4 Buscar alojamiento para su sitio.

El sitio web debe ser alojado en un servidor web, a la que podrá acceder desde cualquier

navegador. A las empresas pequeñas les conviene hacer pagos de alojamiento a proveedor ISP.

Los profesionales proveedores de estos servicios saben supervisar, realizarles mantenimiento y

dar protección a los servidores para que su sitio tenga la posibilidad de acceso en su cien por
21
ciento. Debe prestar atención a las declaraciones de confiabilidad, acuerdos que firme con la

empresa encargada del servicio de alojamiento. Pues su acceso a su sitio web tal vez resulte

temporal total o parcial.

Si le interesa más la creación interna de una web o intranet para su empresa, se recomienda

alojarlo en un equipo de la empresa (LinkedIn, 2010).

2.4.5 Creación y comprobación del sitio.

Se debe recurrir a la contratación de diseñadores de páginas web profesionales para que con

mucha más razón si por su sitio web se harán transacciones financieras, comerciales o pedidos.

No descarte la posibilidad de hacerlo usted mismo, si es que cree conveniente y confía en sus

habilidades creativas puede adquirir conocimientos prácticos en FrontPage tras. Esto le servirá

que usted mismo realice las actualizaciones del sitio web. Siempre pida opiniones de los demás.

Realizar el mantenimiento de calidad, performance y el máximo rendimiento del sitio web en los

distintos navegadores o hasta en una red privada antes de publicarlo en Web, esto labor es

exhaustiva.

2.4.6 Publicación y mantenimiento del sitio.

Posterior a la comprobación del sitio web, puede ya conectarse a internet y escribir su

dominio, esperar a que cargue y sentirse satisfecho. Pero tener presente que ahí no termina todo

siempre debe estar pendiente de las actualizaciones, crear eventos para que sea más real y

atractivo.

Luego publicar el sitio en la web, se debe contratar un servicio de alojamiento web o hosting,

esto permitirá estar online las 24 horas del día y de todo el año.

Siempre dedicarse al mantenimiento y actualizaciones constantes de la página web.

22
2.5 Herramientas Para Generar Páginas Web

2.5.1 Herramientas de diseño web.

Los programas de diseño web más comunes sonl Macromedia Dreamweaver, Microsoft Front

Page, Adobe Go Live.

2.5.2 Software de diseño.

Se debe considerar el uso de los programas Macromedia Flash muy bien utilizados para hacer

animaciones, banners o sitios web completos con esta tecnología; Macromedia Fireworks o

Adobe Illustrator para realizar botones, para el diseño de logos, imágenes, etc, Utilizar Adobe

Photoshop, con el fin de modificar y retocar fotografías y e imágenes.

2.5.3 Software de programación.

Como software de programación tenemos a Macromedia Interdev y el cold Fusion fusionados

recientemente; y toda la suite de programas en visual Basic de Microsoft.

PHP y Perl, son dos lenguajes de programación que se utilizan en la web ambos open source,

libres de acceso. Se hace mención del lenguaje de programación Spider Cache, software que

hace optimizar el tiempo de respuesta de los programas bases de datos que actúan en la web.

23
 Capitulo III Páginas Web Educativas

Figura 7: Representa un contenido didáctico de aprendizaje, editado en un programa de

diseño web.

3.1 Concepto

La web educativa, se define, en que es un espacio o también es un conjunto de páginas en la

Web o triple w, que contienen información, recursos o materiales de índole educativo con el

objetivo de informar y ofrecer aprendizaje a sus visitantes.

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

contenidos y servicios que se imparte a la comunidad educativa en conjunto, implica a los

docentes, alumnos/as, familias, etc. Estos portales en su mayoría se caracterizan por su desinterés

económico. Son fáciles y sencillos de usar y navegar. Este tipo de portal reduce la planificación

del docente, la selección y publicación de contenidos son de mayo facilidad y familiariza y atrae

al estudiante con las herramientas y el manejo de la información a través de estos medios que son

24
un modo de innovación, es un gran cambio e impulsa al proceso de enseñanza y aprendizaje en la

educación.

En esta categoría de web educativo se agrupan páginas web del docente, de instituciones

educativas colegios, universidades o del Ministerio de Educación, Cultura y Deportes,

plataformas virtuales, metodologías Blended para llevar u ofrecer servicios educativos a larga

distancia, su base de datos en las que se afianzan son revistas, libros o documentos sobre la

enseñanza y la educación, en sus páginas web se encontrrán actividades para que sean

desarrollados por los alumnos a fin de complementar su aprendizaje.

Los sitios web educativos se diferencian por su finalidad si es informativa, pedagógica o

didáctica. Cuando es netamente informativa se tiene que consultar datos, por ejemplo, si se

accede a la página web de una universidad se visualizan datos de su historia, localización

geográfica, oferta de cursos y titulaciones.

Lo que no ocurre en el segundo caso, las otras páginas web educativas tienen por finalidad

específica pedagógica que se utilizan facilitar y sumergirse en el proceso de enseñanza-

aprendizaje. Ejemplo, cuando se ingresa al sitio web de un curso definido de la universidad se

encontrará textos de lectura, actividades o prácticas que el estudiante debe desarrollar para su

respectiva calificación.

Objetivos de la web educativa

Los espacios web nos permiten acceder a la información desde casa, ahora con mayor auge en

los sitios web formativos de la gran red.

a) Facilitar el aprendizaje: obtener con facilidad los recursos didácticos como multimedia,

utilidades informáticas, libros, revistas, documento en los espacios de determinados. Facilitar el

acceso e interacción en el proceso de aprendizaje en línea.

25
 b) Ofrecer información y proporcionar recursos educativos, de tipo textual, gráfica, auditiva,

audiovisual y de temática de ciencia, música, actividades ciudadanas. Su búsqueda se hace con

mayor facilidad porque existen páginas índices temáticos completos y programas buscadores.

c) Promover la comunicación. Expandir la forma de comunicación virtual entre las personas

por correo electrónico, chats, videoconferencia, difundir las creaciones personales, conocimiento

retroactivo. Ser un medio publicitario, que promueva la imagen de entidades educativas colegio,

universidades institutos. Motivar el hallazgo de la información.

Tipos de sitios web educativo

Los sitios webs a fin con la educación se clasifican en cuatro tipos: Webs institucionales,

webs de recursos y bases de datos, webs de teleformación, y materiales didácticos en formato

web (Moreira, 2003).

 Webs institucionales.

 Webs de recursos y bases de datos educativos.

 Entornos de teleformación e intranets educativas

 Materiales didácticos web

26
 Tipos de sitios educativos

Web institucional Teleformación

o grupo educativo e Intranet

Educativa

WEB

EDUCATIVAS

Web de Recursos Material

y Base de Datos didáctico Web

educativos
Naturaleza Informativa Naturaleza Formativa

Figura 8: Representa le relación de los tipos de web educativas, indicando su naturaleza.

 Las Webs institucionales:

Son aquellos sitios web de una institución, grupo o empresa relacionada con la educación.

Este tipo de webs es de naturaleza y fin informativo, ofrece fundamentalmente información de

los servicios de una entidad relacionada con la educación como actividades, organigrama,

recursos que ofrece dicha institución, colectivo o empresa (García, 2012).

Lo que nos quiere, que en estos sitios lo más importante es la información acerca de la

entidad, organismo, institución ya que están creadas con el objetivo de ser sitios informativos,

mas no didácticos. Como ejemplo de estos tipos de web podríamos citar a la web del Ministerio

de la Mujer y de Poblaciones vulnerables, https://www.gob.pe/mimp o la web de inicio del

instituto Cibertec https://www.cibertec.edu.pe/, o www.senati.edu.pe de la institución SENATI.

27
 Figura 9: Representa el tipo de web educativa institucional. Captura de la página web del

instituto SENATI.

 Las Web de recursos y base de datos:

Tiene naturaleza informativa, más no pedagógica, sus enlaces contienen materiales didácticos

y cursos a los que se puede acceder con conexión a internet. Brindan materiales e información de

tipo documental a los se accede a través de enlaces, documentos, recursos, software, clasificados

según criterios (Moreira, 2003).

A este tipo de web pertenecen las revistas con fin educativo, revistas que contienen temas

destinados a docentes, registro investigaciones agrupados en una base de datos , publicaciones de

documentos, webs personales del profesor, cualquier portal con información educativa de foros,

software, enlaces (Moreira, 2003).

28
 Ejemplo de este tipo de web educativa http://cent.uji.es/octeto/ o de la base de datos de

investigaciones y tesis doctorales http://www.mcu.es/TESEO/teseo.html, como se muestra en la

imagen www.eduteca.com.

Figura 10: Representa el tipo de web educativa de recursos y base de datos. Captura de la

página web Eduteka.

 Los entornos de tele-formación e intranets educativas:

En general son webs dedicadas a la formación en línea, con conexión a internet, es la web

educativa que tiene un entorno o escenario virtual restringido, el acceso a estos portales es

restringido porque a los usuarios que han suscrito se les entrega el acceso con un nombre de

usuario y una contraseña, para el desarrollo de alguna actividad de enseñanza (Moreira, 2003).

Son web dedicados a la tele-formación o educación a distancia a las que se puede acceder sólo

con conexión a internet. Son propias de universidades que ofertan cursos virtuales, como por

ejemplo el espacio virtual de la UNED https://serviweb.uned.es/ciberuned/index.asp,

29
http://www.ecol.edu.es, Estas webs administran sus contenidos mediante plataforma de tele-

formación como WebCT, Moodle, ILIAS. Aquí se observa en la imagen de la web de centro de

formación profesional e investigación, innovación y desarrollo:

http://plataforma.ides.pe/login/index.php .(Moreira, 2003)

 Materiales didácticos web:

Son materiales didácticos, en formato web, digital desarrollado para la enseñanza. Realizados

mayormente por profesores a modo personalizado para la enseñanza de su materia. Se presentan

como tutoriales, elaborado por docentes o agentes educativos.

Por lo tanto, estos sitios web son materiales curriculares que se nos presenta en formato digital

que utilizan la www como una estrategia de difusión y de acceso al mismo. (Moreira, 2003)

Estos sitios web podrían ser Clic y Jclic: http://clic.xtec.net/index.htm, el del CNICE (Centro

Nacional de Información y Comunicación Educativa): http://www.cnice.mecd.es con cientos de

aplicaciones para las etapas educativa no universitarias. Material didáctico elaborado por una

docente de Comunicación: http://carlacomunicacion5.blogspot.pe/ .

Figura 11: Representa el tipo de web educativa materiales didácticos. Captura de la de la

página web del CNICE.

30
 Figura 12: Representa el tipo de web educativa materiales didácticos. Captura del blog

elaborado por una docente de comunicación.

3.2.Creación De Web Educativas

 Planificación y diseño

 Creación de páginas

 Disposición y configuración de páginas

 Adición del contenido a las páginas

 Vinculación de las páginas

 Publicación del sitio

3.3 Usos Educativos Del Ciberespacio

 e-mail para todos, discos virtuales compartidos

 Pizarra digital en el aula

 Webs institucionales

31
  Webs de los profesores, webs docentes

 Centros de recursos on-line

 Internet individualizado en el aula de informática

 Deberes web

 Tutorías virtuales

 Fórums telemáticos, comunidades virtuales

 Actividad colaborativa en la red

 Webs de los alumnos

 Webquest, plan lessons

3.4 La Web Del Centro

Potencia la comunicación institucional, es informativa, comunicativa acerca de las

actividades, servicios o recursos.

Presentar una imagen corporativa del centro:

 Estructura

 Proyecto educativo del centro

 Calendarios

 Servicios que ofrece

Informar de las actividades de cursos y/o asignaturas, actividades extraescolares anuncios.

Centralizar las páginas web de los docentes y de las asignaturas y otros recursos educativos de

gran interés del estudiante.

Alojamiento de las páginas web personales de los estudiantes.

32
 Canalizar debates y foros que hará posible el intercambio de opiniones de profesores, padres y

alumnos, pudiendo lograr una mayor retroalimentación del aprendizaje. (Duque, 2005)

3.5 La Web De Los Profesores

“Espacio generado por el docente con recursos y actividades, herramientas comunicativas y

colaborativas para apoyar el aprendizaje de los estudiantes, además de posibilitar, compartir

experiencias” (Huerta, 2011,párr.1).

 Informar sobre nosotros mismos

 Mostrar nuestro perfil profesional

 Centralizar todas las páginas web que se tiene de cada asignatura

 Difundir nuestras creaciones: artísticas, científicas, lúdicas

 Contenidos para la web docente:

 Acerca de: Presentación o perfil del docente.

 Institución: Indicar datos de la institución educativa del docente.

 Cursos: Webs de las asignaturas o apuntes que hace el docente.

 Actividades: Tarea y actividades de investigación.

 Producción: Presentación en concreto de las competencias logradas en el curso.

 Enlaces: para acceder a herramientas o servicios como descargas, programas, recursos,

fuentes de información, etc.

 Agenda: Programación de actividades, planificación que empleará en una sesión de clase.

 Comunicación: accede a canales de comunicación como e-mail, foro, chat, blog,

videoconferencia.

33
3.6 La Web De Los Alumnos

Son las que los alumnos pueden realizar con apoyo del docente, por la cual se logrará integrar

los conocimientos y experiencias desarrolladas durante el trabajo en clase.(Huerta, 2011).

 Podrían realizar una presentación personal, describiendo las características de su

personalidad, que deseen anunciar y difundir.

 Crear espacios que hablen de su afición, coleccionismo, videojuegos, pintura, música,

lectura.

 Tareas, trabajos, dejadas en alguna asignatura, que el docente revisará y comprobará

desarrollo progresivo del estudiante, ingresando la web.

3.7 La Web De La Asignatura

Este es el medio que beneficia los procesos de enseñanza – aprendizaje, coopera la

autoformación, la presentación de la planificación, actividades de evaluación, ejercicios, recursos

se da la comunicación más allá de las clases presenciales (Huerta, 2011).

El programa de la asignatura

 La importancia de la asignatura en los estudios que se están realizando

 Los objetivos

 Los contenidos

 Metodología y recursos que se emplearán en el curso.

 Sistema de evaluación

 Bibliografía

Página informativa sobre cada uno de los temas de la asignatura con:

 Apartados más importantes de cada tema.

34
  Esquemas de los cursos

 Tareas que se puedan realizar

 Link o enlaces a otras páginas de mayor interés y utilidad.

 Noticias relevantes y de interés que se relacionan con la asignatura

 Modelo de exámenes desarrollados por otros estudiantes que sirvan de ejemplo para

los estudiantes presentes.

Contenidos para la web de asignatura:

 Programación del curso donde figure los temas, metodologías, evaluaciones.

 Recursos necesarios que favorezcan el aprendizaje de la asignatura podrían ser

lecturas, presentaciones, programas, videos enlaces, etc.

 Actividades de aprendizajes como webquest que sean colaborativas, actividades

interactivas.

 Canales de comunicación como e-mail, foro, chat, blog, videoconferencia que

favorezca la interacción alumno- alumno, docente – alumno.

3.8 ¿Qué necesito para tener un sitio web educativo?

Dominio que identifique el sitio web en internet.

Hosting para que los usuarios puedan acceder al sitio web.

Creación del diseño y maquetación de texto, videos imágenes y sonidos.

Código fuente del diseño traducida a un código que pueda ser interpretado por los

navegadores.

Planificación del sitio web:

La estructura de su navegación

Menú acceso: mediante el cual se puede acceder a las diferentes áreas.

35
 Pie de página

Ruta de acceso

Botón inicio: deriva a la portada del sitio.

Botón mapa del sitio: Visualiza el mapa del sitio

Buscador.

Diagramación:

Diseñarlo con marcos (frames), para agrupar varias páginas que a su vez se despliegan

simultáneamente sobre una que es la principal.

Figura 13. La figura representa el diseño web diseñado con marcos que agrupa varias páginas.

Diseño con tablas: Organizan los componentes de la mejor forma.

Figura 14. Gráfico que representa la distribución de las tablas en un esquema de páginas web.

36
Aspectos técnicos:

Textos:

 Textos cortos, claros que den una idea principal.

 Utilizar los tipos de fuentes estándares.

 Tamaño legible.

 El color del texto debe ser contrastado con el color de fondo a fin de tener un texto

legible.

 Utilizar mayúsculas limitado sólo a los títulos o encabezados.

 Los subrayados sólo deben ser para los enlaces o link.

Fondos:

 Pueden ser de color sólido, matizado o degradado, texturas, fotografías, imágenes, etc.

Es de acuerdo al objetivo del contenido.

 Los colores de fondo que ayuden a dar una mejor presentación.

 Colores de fondo muy bien contrastados a fin de no perder la legibilidad del texto.

Imágenes:

 Que aporten al texto, no empeñarse en darle una gran presentación.

 Pueden ser ilustrativas, explicativas.

 Se recomienda las imágenes en formato jpg, bmp, gif, png.

 La calidad y el peso del archivo está relacionada a una adecuada resolución de las

imágenes, píxeles.

37
 Colores

 Se requiere una selección de colores de la gama y tonalidades adecuados.

 Utilizar colores fríos azules y celestes, verdes y violetas y los colores cálidos rojizos,

anaranjados, amarillos y marrones, los grises son neutralizadoras.

Figura 15. Imagen que da a conocer los colores cálidos y fríos para ser aplicados en el diseño

de una página web.

 Definir una paleta de colores que acostumbra el sitio web.

Figura 16. Imagen que muestra a paleta de colores definidos en un programa web.

Sonido

 Insertarlo a fin de comunicar en relación al contenido.

 No se recomienda porque reduce la atención y hace más lenta la carga de la página

web.

 Insertarlo con la posibilidad de control por parte del usuario.

38
 Figura 17. Imagen que muestra el objeto sonido.

Video:

 Al momento de insertarlo no debe olvidar que debe contener información de acuerdo

al contenido del tema.

 Utilizar tecnología streaming en los videos para que la descarga y reproducción sean

óptimos.

39
 Capítulo IV Desarrollo De La Web Educativa

4.1 Desarrollo Evolutivo De La Web Educativa:

La web educativa se constituye de espacios web que fueron creados con el propósito

específico facilitar el aprendizaje proporcionando recursos didácticos para el proceso enseñanza

y aprendizaje. Tal es así que los medios didácticos empleados en la educación son muy variantes

desde los principios del tiempo en lo que respecta. 3000 AC, se crean pinturas rupestres en

cuevas. Se considera como una de las primeras representaciones artísticas del ser humano. 510

AC, la antigua escuela griega, considera al filósofo Pitágoras como el primer matemático puro

del mundo. 105 DC, se hace uso del papel en China. Durante 500 años fue muy bien guardado.

382 DC, uso general de manuscritos. Ahora las webs se ofrecen como un medio didáctico en el

desarrollo de la enseñanza y el aprendizaje.

El origen de los portales educativos es el mismo que el de los portales de carácter generalista.

La búsqueda incesante de la información específica en Internet y la consecuente necesidad del

usuario para realizar su búsqueda y encontrar el tema concreto, provocó la aparición de los

portales, de contenidos educativos. Desde la implantación de Internet y su uso generalizado por

los años 1995, aparecieron los primeros portales.

En la época medieval la mayoría estaba relacionada con temas religiosos. 1450 DC, aparece la

imprenta de Gutenberg se da inicio a los que muchos conocen como “el paréntesis Gutenberg”.

1970 DC, da inicio la era de la información la televisión será el elemento clave en las

enseñanzas. 1990 llega la era de la computación, los laboratorios de cómputo son y siguen siendo

indispensable en cada escuela. 1995, aparece la era digital, es común acceder a los contenidos de

internet, incluso desde los hogares a través de los llamados módems. 2000, era de interactividad,

se puede encontrar en pizarras digitales interactivas y sus complementos. La era de la

40
información ha acelerado los cambios, más cambios igual a más retos, el crecimiento ha sido

exponencial y en la actualidad encontramos a Google, Youtube, DropBox, bloger, Facebook y

Skype junto con los ordenadores laptop, computadoras, IPOD, se logró vencer esquemas que

limitaban en tiempo y espacio. Las teorías del aprendizaje que están tomando auge es

conductivismo, cognitivismo, constructivismo, a pesar de eso ninguno ha sido tomado en cuenta

en la actual era de la información. El reto es educar siguiendo un escenario de reglas. Los

alumnos encuentren información en cualquier momento y desde cualquier lugar. El docente dejó

de ser la fuente principal de información. Se requiere una teoría del aprendizaje para la esta era

digital George Siemens plantea el Conectivismo. El “Saber cómo y saber que están siendo

complementados con saber dónde” y la “tubería es más importante que su contenido”.

Internet ha revolucionado en muy poco tiempo el modo de comunicarnos y de acceder a la

información. World Wide Web cumplió veinte años, la estructura de la web tal y como la

conocemos nació en el año de 1989 creada por el inglés Tim Berners-Lee mientras trabajaba

en el CERN en Ginebra, Suiza donde se probaron varias técnicas sobre redes para conectarse

a Internet -Diseños M&L C.A (DM&LCA, 2018).

El término hipertexto destacado por Theodore H. Nelson en 1965, cuando crea un sistema con

el nombre Xanadu para el control y manejo de textos que almacena la información digitalmente

con la manipulación de las palabras por letras, quien inició la generación de la idea del hipertexto

fue Vannevar Bush en 1945 el desarrollo del dispositivo Memex (memory extender) (Bush,

1945). Jonassen define el hipertexto que consiste de fragmentos de texto u otra información. El

hipertexto no tiene texto continuo, el hipertexto se fragmenta en unidades de módulos de

información (PEÑALVO, 2014).

41
 Con la aparición en el entorno el world wide web se apertura la posibilidad de crear un

sistema potencial en la web en beneficio de la educación debido al acceso a los recursos

educativos.

Este entorno no está libre de problemas debido a los diferentes niveles de culturas de los

autores, los idiomas e interpretación no son los mismos muchas veces. Estos sitios web

educativos se hace complejo cuando sus visitantes se pierden y desorientan por el gran tamaño

de la página web. Se intenta corregir este efecto, cuando aparecen diversas ayudas a la

navegación, las rutas guiadas entre otros. Los primeros sitios web de aprendizaje aparecen entre

los años de 1996 y 1997, con escasos medios de tecnología. El primer paso era dar inclusión de

la experiencia docente en el uso de internet. Contando con elementos básicos como la

comunicación con los alumnos, la interactividad muy para las aplicaciones educativas. El

afianzamiento del dominio del sitio web radica en la evolución de estos sistemas que permiten

que las páginas web tengan mejor contenido y mayores elementos que las hacen interactivas,

entre estos se podría mencionar los lenguajes de script, la tecnología Java (Sun, 2005) o los

servicios web.

El entorno web es tan grande que influirá mucho en las aplicaciones educativas. No se puede

dejar sin mencionar el desarrollo y proliferación de las plataformas e-learning, gracias al

crecimiento de los recursos docentes para su utilización en la web (PEÑALVO, 2014).

"Como CSS (Course-Support Systems), CDS (Course Delivery Systems), CMS (Content

Management Systems), LMS (Learning Management Systems) o LCMS (Learning Content

Management Systems) (Brusilovsky y Miller, 2001; Foix y Zavando, 2002)”(PEÑALVO, 2014).

En general, una plataforma es el núcleo sobre el cual se construyen el resto de herramientas.

Estas plataformas permiten crear cursos, gestión y seguimiento de agentes que está más
42
involucrado con los estudiantes, la publicación de noticias, la compartición de documentos, las

formas de comunicación entre los miembros de la institución. La plataforma e-learning ofrece

herramientas que hace posible la educación con mayor facilidad y factible (Peñalvo, 2014).

Los CMS son plataformas básicas. No posee herramientas de colaboración tampoco soporte

anydesk a tiempo real. Se conocen con el nombre authorware, abarca en grupos de cursos, y de

alumnos. No gestiona planes de estudio. Se aplican en proyectos, que la organización no cuenta

con un administrador de proceso aprendizaje, y se requiere una capacitación de contenido a un

grupo participante. El factor económico es bajo (Peñalvo, 2014).

Los sistemas educativos colaborativos aparecen junto con el desarrollo de las redes de

ordenadores, de Internet, y la enseñanza a distancia. Desarrollan clases virtuales donde los

estudiantes, siguen la clase, hacen preguntas y pueden obtener la respuesta en tiempo real.

Una parte del constructivismo (Vygotsky, 1978) indica que las interacciones sociales juegan

un papel fundamental en las estructuras cognitivas de un individuo. Varios entornos web

colaborativos se desarrollaron en inicio de los noventa. Uno de los primeros sistemas

colaborativos fue el Integration kid (Chan y Baskin, 1988) que orientaba a los niños a trabajar de

manera colaborativa, los sistemas posteriores obtuvieron ventaja del trabajo en red para permitir

la colaboración en una clase completa (Hoppe, 1995). Los otros sistemas combinan el

aprendizaje cognitivo y la simulación en entornos CSCW (Computer Supported Collaborative

Work) (Katz y Lesgold, 1994; Duncan et al., 1995).

El soporte web para las páginas web educativa está como una vertiente que se sumerge en el

océano de internet. Los implementos de tecnología CIA, que dan soporte para CD, DVD, han

quedado relegados por las nuevas consistencias de la web ya no son necesarios los dispositivos

43
extraíbles para acceder a un aplicativo multimedia, juegos educativos, ya que hoy en día se

puede acceder desde la red (Peñalvo, 2014).

Antes de 1990, internet era conjunto de páginas web que no se podían conectar entre sí, no

existían los enlaces que derivaba a otra página web. Navidad en 1990, La Web ya contaba con

todas las herramientas necesarias porque para ese entonces Berners-Lee las había desarrollado, el

Protocolo de transferencia de hipertexto (HTTP), el Lenguaje de Marcado de Hipertexto

(HTML), el primer navegador web WorldWideWeb, el primer servidor de aplicaciones HTTP

conocido como CERN httpd, el primer servidor web (http://info.cern.ch) y las primeras páginas

web. El buscador podía acceder los grupos de noticias de Usenet así como archivos en un FTP.

Tim Berners-Lee, desarrolló la Web en el Edificio 31 del CERN, también en su hogar, en las

dos casas que vivió durante ese tiempo en Francia y en Suiza (Peñalvo, 2014).

El 6 de agosto de 1991, Tim Berners envió un resumen del proyecto World Wide Web al

newsgroup alt.hypertext. Fecha que se señala como el debut de la web como un servicio

disponible y públicamente en Internet. El 30 de abril de 1993, el CERN presentó la World Wide

Web de forma pública (“Internet y La Web”, 2015).

La World Wide Web (WWW) quiere que todos los sitios se entrelacen entre sí. Ya que se

comenzó a permitir el acceso a compartir datos, noticias y documentación. Muy interesado en

extender la Web a otras áreas, teniendo servidores Gateway para otros datos. Paul Kunz del

Centro de Acelerador Lineal de Stanford (SLAC) visitó el CERN en septiembre de 1991 la web

le resultó cautivador. Trajo software de NeXT a SLAC.

El CERN recibió una temprana contribución de la banda de parodias Los Horribles Cernettes,

su imagen promocional se da desde de la Web. En principio el CERN, World Wide Web fueron

departamentos científicos.
44
 NeXT era el único navegador disponible. Esto se solucionó en abril de 1992 con la aparición

de Erwise, aplicación diseñada y desarrollada en la Universidad Politécnica de Helsinki y en

mayo por ViolaWWW, incluía características avanzadas como gráficos, scripts y animaciones.

ViolaWWW es una aplicación original de HyperCard. Ambas aplicaciones se ejecutaban en

Windows y en Linux.

Los estudiantes de la Universidad de Kansas lograron que buscador basado sólo en texto,

Lynx, pueda acceder a la Web. Lynx estuvo disponible para DOS y para Linux.

En noviembre de 1990 Berners-Lee puso en marcha el sistema de hipertexto que permitía

almacenar piezas de información y conectarlas, y que se ejecutaba en un entorno multiusuario

que permitía acceder a la información a varias personas a la vez.

En marzo de 1991, escribió el primer programa visualizador para un servidor y cliente, que se

convirtió en el origen de la World Wide Web.

En 1997 mas de 200 universidades de lo Estados unidos ha planteado la dimensión de

internet, que se definiría como internet 2, cuyo fin principal sería la investigación educativa.

Las redes y el sistema de información tienen como escenario principal al internet, la web ha

pasado de estática donde el usuario sólo era pasivo y observador a una red dinámica,

participativa y colaborativa aquí el usuario es el protagonista activo, crea y comparte contenidos,

dando su opinión, participando, relacionándose (“Web 2.0”, 2014).

4.2 Evaluación Del Diseño De Una Página Web En El Contexto Educativo:

Para la evaluación de los sitios web de interés educativo se establecen criterios de calidad para

una respectiva valoración. Habiendo establecido estos criterios se hace un esquema o lista para la

evaluación.

45
 A partir de la consideración de las dos funcionalidades básicas de Internet, ser fuente de

información y canal de comunicación, se repasan las principales herramientas que se utilizan

en la red y las habilidades necesarias que deben tener sus usuarios para aprovechar sus

posibilidades educativas (Graells, 2011,párr.1).

Se analizan las principales funciones del sitio web. Por último, se analiza los inconvenientes y

desventajas del sitio web educativo en la gran red de internet.

Hoy en día los sistemas de información se proveen de varios canales de información como

puede ser radio, televisión, internet. Internet es un canal de información a nivel mundial, que

resulta diversa, cómoda, barato y muy accesible.

Los criterios que se establecen para la clasificar y evaluar web educativo, hace posible el

compartir y debatir ideas facilita el trabajo cooperativo de las creaciones personales. Estas dos

funcionalidades básicas, fuente de información y canal de comunicación, son las que abren a

Internet las puertas del mundo educativo (Marqués, 1998).

Esto es porque los aprendizajes se realizan desde una nueva información y la enseñanza

esencialmente es comunicativa. Ante estas reformas es responsabilidad de los agentes

educativos, docentes lograr que se implementen estas herramientas en la educación planteando o

implementado planificaciones, estrategias didácticas en esta nueva era del proceso enseñanza-

aprendizaje. Las herramientas que principalmente se utilizan en Internet son:

 Correo electrónico, se complementa con programas Eudora, Netscape o Microsoft

Mail, no sólo ofrece servicio de correo, también facilita otros servicios como los de

listas de discusión1 y los grupos de noticias2.

46
 Los servicios de transferencia de ficheros, permiten recuperar archivos de todo tipo

ubicados servidores de Internet, mediante programas FTP (File Transfer Protocol) o

con los navegadores Netscape o Internet Explorer.

 Servicios de chat3 y comunicación.

 Espacios web que integran otras herramientas de internet.

 Interfaz atractivo de los sitios web educativos. Invita a tener buena predisposición y

capacidad ser autodidacta y muy aparte tener conocimientos sobre el sistema operativo

windows o mac y los editores de textos, destacamos las siguientes habilidades y

conocimientos:

 Conocer las funcionalidades generales de informática para saber como conectarse a

internet, al modem, línea te lefónnica.

 Búsqueda de información necesaria y encontrarla con agilidad.

 Saber utilizar los programas buscadores de base de datos.

 Ubicar los sitios de búsqueda de grupo de noticias, de la temática que busca.

 Controlar la tentación y no dispersarse navegando en otras fuentes fuera de su interés.

 Realizar una evaluación de la calidad, autenticidad y actualidad de la información que

se obtiene.

 Obtener información idónea que ajuste a la información que se require.

 Aprovechar las posibilidades de comunicación que se presenta en internet. Desde el

punto académicos, laborales hasta las recreativas.

 Evaluar la eficiencia y eficacia en la búsqueda de la información.

47
 Son muchos los investigadores que se han preocupado de sistematizar las cualidades de las

páginas web de interés educativo. Autores como Marques (1999), Cabrero y Duarte (1999),

González Castañón (2000), Cabero y Gisbert (2002); Martínez y otros (2002) o Blanco (2004).

En esta ocasión partimos de la sistematización realizada por Blanco (2004), para resaltar los

siguientes aspectos a tener en cuenta a la hora de evaluar la calidad de una web educativa.

Actualización: Es una muestra del interés de las personas responsables de la web, y se

manifiesta por la constante revisión e incorporación de la documentación que forma parte de la

misma.

Coherente con los objetivos propuestos: debe ser clara con los objetivos que se propone.

Destinatarios claros: Debe quedar claro el grupo al que se dirigen los contenidos, y estar

adecuada a sus necesidades. Se debe dar la posibilidad al alumno de aportar sus opiniones.

Autoría: es muy importante, de la gran cantidad de información que circula por la red,

comprobar la certeza y validez de las informaciones, así como la fiabilidad de la institución que

la realiza.

Diseño gráfico, contenidos y multimedia: la web deseable en un entorno de docencia es

aquella que tiene un diseño agradable y simple, pero con una estructura de contenidos

interesantes y navegación muy clara.

Entorno informático y velocidad: Para no reducir las posibilidades de navegación, en el

caso de uso de equipos informáticos antiguos, es conveniente que la web sólo incorpore

elementos de carga muy lenta y sofisticada (vídeos, gráficos) si están justificados desde el punto

de vista del aprendizaje. Sobre todo, la página principal debe cargar con rapidez.

Estabilidad: la dirección (URL), debe ser fácil y no cambiar, para facilitar el acceso a

estudiantes.
48
 Facilidad de navegación: El creador de una web dedicada a la educación debe asegurarse

de que la navegación de los potenciales visitantes se puede llevar a cabo de manera ágil y sin

perderse a través de las páginas.

Practicidad: Según Alastair Smith (Smith, 1997): Al mencionar practicidad es hablar de

facilidad de uso, un buen diseño, tamaño adecuado del espacio web ayuda a un mejor uso de

estos.

Asegurarse que el ambiente de trabajo se diseñe teniendo como base una teoría de

aprendizaje.

Conductista: estructurado como un paquete de conocimientos, enfatiza la memorización de los

contenidos. Estructura rígida en el desarrollo de las actividades.

Constructivista: Estructura como una guía para orientar el aprendizaje, énfasis en el trabajo

colaborativo, flexibilidad en el desarrollo de las actividades y su socialización. Asumir modelos

que favorezca situaciones de enseñanza aprendizaje.

4.3 Programas Comerciales Para Realizar Página Web

FrontPage: de la empresa Microsoft. En una herramienta que permite crear y administrar sitios

web necesariamente no requiere de conocimientos de programación, a pesar de ello es

suficiente y robusta para la creación de sitios web avanzados. En FrontPage esta está incluido

el explorador de sitios web, donde permite crear, diseñar y administrar un sitio web sin

necesidad de conocer HTML. Es posible trabajar con temas (fondos de páginas) para darle al

sitio web apariencia profesional. Se cuenta con plantillas de diseño del cual pueda servirle

(Wikipedia, 2018).

Dreamweaver: de la empresa Macromedia. Dreamweaver fue uno de los primeros de html y

en la actualidad uno de los que ocupa la posición de liderazgo. Se puede decir que
49
 Dreamweaver es un software que maquetación las páginas web, guardando distancias lógicas

que lo separan de los programas de maquetación normal.

Para facilitar el proceso de crear la página web, Dreamweaver contiene las funciones de

formato en HTML, además de contener javascripts predefinidas y opciones de HTML

dinámico. También tiene herramientas como la creación de plantillas y posibilitar la gestión

de un sitio completo (Wikipedia, 2018).

Adobe GoLive: es una herramienta para crear y administrar sitios web dinámicos que

sustituye a la aplicación anterior de Adobe “PageMill”. Esta nueva herramienta permite diseñar,

gestionar, construir, organización de contenidos dinámicos de manera sencilla y rápida para

dispositivos inalámbricos y para la web.

Entre otras funciones, permite la construcción de cursos, verificador de sintaxis para código

W3C, código compatible para sitios accesibles emuladores de teléfono para previsualizar sitios

compatibles con WAP. Se puede bajar una versión demo en la dirección

http://www.adobe.com/es/products/tryadobe/.

50
APLICACIÓN DIDÁCTICA

51
 Sesión de Clase

GRADO Cuarto.

DURACIÓN 2 horas pedagógicas.

I. TÍTULO DE LA SESIÓN

CREACIÓN DE PÁGINA EDUCATIVA –INSERTANDO ELEMENTOS EN UN BLOG

II. APRENDIZAJES ESPERADOS

COMPETENCIA CAPACIDADES INDICADORES

Comprensión y
Crea contenidos web Organiza los contenidos insertando los
Aplicación de
integrando aplicativos. elementos.
Tecnologías.

III. SECUENCIA DIDÁCTICA

Inicio: (15 minutos)

El docente da la bienvenida a los estudiantes y los organiza en equipos de trabajo utilizando

tarjetas de colores.

Luego en cada equipo los estudiantes presentarán y emitirán su juicio valorativo sobre los

trabajos de la sesión anterior: “Entorno gráfico de un Blog y páginas web educativas” y eligen uno

para ser compartido entre los integrantes de su equipo de trabajo.

El docente plantea las siguientes interrogantes:

¿Qué elementos cambiarían el entorno gráfico de un blog?

52
 ¿Qué herramientas que proporciona la web podríamos insertar en un blog?

El docente comenta con los estudiantes que la investigación puede ser de contenido textual o

gráfico.

Luego los estudiantes identifican elementos que pueden insertarse en un blog.

El docente indica a los estudiantes que el propósito de la sesión es organizar los contenidos de un

blog insertando los elementos aplicando las herramientas de otras páginas web.

Desarrollo: (60 minutos)

El docente recuerda a los estudiantes las zonas de trabajo resaltando la zona de donde se inserta

elementos en un blog. Ver imagen del anexo 1 y anexo 2. En el anexo 2, se inserta la web donde se

diseñó rompe cabezas rompe cabezas de personajes de autores.

Luego les indica que también se pueden insertar comentarios, videos rompecabezas de otra

página web, videos etc.

Comentarios:

Mediante un formulario se permite, a otros usuarios de la web, añadir comentarios a cada entrada,

además de cualquier otra información.Tenemos la opción de moderar los comentarios. Para ello

debemos crear un filtro que encontraremos en la pestaña "Configuración" y que nos permitirá

mostrar y ocultar mensajes, o permitir que sólo puedan responder los usuarios que nosotros

permitamos.

Compartir presentaciones nuestro blog

53
 Organiza Contenidos Utilizando Herramientas:

De acuerdo a la situación presentada los estudiantes deberán abrir el navegador de internet en

gmail.com, abrir sus cuentas personales en sus equipos correspondientes.

El docente comparte con los estudiantes los anexos guía y describe los pasos a seguir en el uso de

las herramientas y opciones de accesos para la edición de contenidos en el blog.

El docente retroalimentará a los estudiantes que presenten alguna incidencia en el desarrollo de la

sesión.

Al finalizar la edición de los contenidos los estudiantes, guardan y actualizan los cambio hechos

en el blog.

Cierre: (15 minutos)

El docente solicita a los estudiantes que en forma voluntaria 2 de ellos compartan su trabajo con

la ayuda del proyector multimedia.

Finalmente el docente entrega una Ficha de Autoevaluación (Ficha de Autoevaluación), para

determinar el avance personal respecto a la organización de contenidos.

54
 IV. ACTIVIDAD DE EXTENSIÓN:

El docente solicita a los estudiantes que investiguen sobre redes sociales y desarrollen los pasos

trabajados en la sesión; además traer una relación de enlaces web relacionados al tema. Deberán

traerlo para la próxima clase en un archivo adjunto de sus correos electrónicos..

V. MATERIALES O RECURSOS A UTILIZAR

Proyector multimedia.

Plumones, tiza y pizarra.

Recursos: Software

Ficha de Autoevaluación (Ficha de Autoevaluación).

Software Navegador Chrome o Internet eplorer

55
Guía de Laboratorio

PASOS PARA LA REALIZACIÓN DE UNA

EDICION WEB

Figura 18. Representa la ventana de edición web, donde se agrega elementos a insertar.

56
 Figura 19. Indica el proceso de insertar elemento enlace en un blog.

Figura 20. Indica que en la opción de configuración se habilita y personaliza el acceso a

comentarios por parte de los visitantes del blog.

57
 Figura 21.Ventana que muestra las herramientas y aplicaciones Google.

. Insertar Presentaciones Power Point en el blog. Seleccionar drive, tras abrir la cuenta

gmail.com

Figura 22. Muestra la opción a elegir para subir el archivo.

Subir archivo de power point al drive

58
 Figura 23. Muestra el archivo power point ya subido al blog.

Al término de la subida de archivo abrir y hacer clic en las opciones que indica la imagen.

Figura 24. Ventana para donde se puede editar la presentación.

Para insertar en el blog antes tenemos que publicarlo en la web:

59
 Figura 25. Muestra la ventana que tiene la opción de publicar el blog.

Para insertar en el blog antes tenemos que publicarlo en la web:

Figura 26. Muestra el botón comando para publicar el blog.

Publicar presentación- Aceptar

60
 Figura 27. Captura de la ventana opciones de publicación.

En la opción Insertar aparece editar tamaño de presentación, avance automático de

diapositivas. Seleccionar el código generado y copiar para luego pegarlo en la nueva entrada de

blogger.

Figura 28. Captura de la ventana opciones de entrada y elementos.

Ir a blogger, entradas y nueva entrada

61
 Figura 29. Captura de la ventana que muestra el código fuente según se vaya insertando

elementos.

Pegar el código, generado y copiado anteriormente, en la pestaña Html

Figura 30. Captura de la ventana de orientación de elementos.

En esta ventana puede cambiar la dirección de posición del pptx.

62
 Figura 31. Captura de la ventana actualización ante el cambio en el código fuente html.

Figura 32. Captura de la ventana donde se puede insertar video.

Desde la pestaña Redactar, insertar video y pegar el link del video publicado en Youtube.

63
 Figura 33. Captura de la ventana que muestra el recurso educaplay insertado en el blog.

Pegar el código o enlace generado al compartir recurso crucigrama elaborado en la página

educaplay, en la pestaña html del blogger a crear.

64
 Figura 34. Captura de la ventana que muestra el blog elaborado y terminado.

Blog terminado y publicado en la web.

65
 SÍNTESIS

De acuerdo a los criterios pedagógicos, los recursos que encontramos en el entorno web,

páginas web deben cumplir con en tener los siguientes rasgos que harán su utilidad de mayor

provecho por los docentes y estudiantes:

Interactividad, con imágenes en movimiento, que permita al estudiante realizar actividades,

tareas que les permita una reacción a sus respuestas. De esta se puede desprender la

retroalimentación.

Constructivista del conocimiento. El estudiante aprende más a través de sus experiencias

propias.

Su interfaz ha de ser atractiva, fácil de usar. Con el objetivo de que sea agradable al estudiante

y pueda desarrollar aplicando la intuición.

Contener hipertextos, multimedia: imágenes de diversos formatos, textos, sonidos,

videos.

Debe ser aplicado según el potencial de conocimiento del usuario, en este caso los

estudiantes, quienes deben contar con el conocimiento previo de un tema determinado que se

mostrará en la página web.

Integrada al currículo nacional, respondiendo a sus necesidades, el material debe cumplir las

exigencias del ornamento y objetivos del DCN.

La educación ante todo es una forma de comunicación y la comunicación es la expresión más

genuina de la cultura humana. Aparecerán nuevos dispositivos, nuevas tecnologías y se aplicarán

nuevas metodologías; pero la educación acompañará la evolución de la especie humana por

siempre.

66
 APRECIACIÓN CRÍTICA Y SUGERENCIAS

La educación trabaja básicamente para dos objetivos, el primero es transmitir los

conocimientos fundamentales sin los cuales no puede operar el pensamiento. El segundo es

enseñar a pensar y que el estudiante sea capaz de sacar sus propias conclusiones de forma

autónoma para tomar decisiones, resolver problemas. La adquisición del conocimiento ya no es

memorística y plasmada sólo en libros y cuadernos. Ahora el conocimiento está en todas partes,

esto es posible con el desarrollo de la tecnología desde el nivel físico al nivel lógico. En el nivel

lógico encontramos la gran variedad de software, programas. El uso de estos programas se ven

asociados a la gran red, internet. Nosotros accedemos a esta gran red mediante una conexión

física que tiene como salida a los navegadores. Los navegadores son los medios en los que se

publica una página web, estos pueden ser de entretenimiento, comerciales y educativos. La

página web educativa tiene por objetivo facilitar el aprendizaje, ofrecer información,

proporcionar recursos educativos y promover la comunicación. Es importante observar que en el

proceso de enseñanza aprendizaje se requiere disponer de herramientas que posibilite la

apropiación de conocimientos y habilidades por parte del estudiante de una manera dinámica,

amena que constantemente motive al estudiante. Así que una buena alternativa es utilizar la

tecnología en las aulas, en la que podemos utilizar páginas web, pero antes de ser diseñadas se

sugiere tener en cuenta lo siguiente:

¿Quiénes son los destinatarios?

¿Cuáles son los contenidos?

¿Qué tipo de competencia tecnológica tienen los usuarios?

¿Cómo son los estudiantes?

67
 ¿Qué actividades hacen?

Por lo general permanecen viendo televisión un aproximado de 18 horas por semana, de 5 a 8

horas diarias en redes sociales y va en aumento

¿qué hacen mayormente en fuentes electrónicas?

Chatean, escuchan música, bloggean, bailan, juegan pasean, socializan.

Sus intereses pueden estar asociados con ser aceptados conocer a alguien, experimentar ser

atractivos, tener lo mismo o más que otros, ser populares etc.

¿Cómo aprenden?

¿Cómo lograr su interés, participación, cómo motivarlos a aprender?

Se recomienda que el proceso de enseñanza se afiance más a la tecnología, diseñar páginas

web, eficaces, dinámicas, múltiples enlaces, fáciles de usar, y sea bidireccional. Para lograr que

el estudiante se mantenga motivado e interesado en aprender cada día más y así lograr una mejor

cultura para el desarrollo de nuestro país.

68
 ANEXOS

Recursos: diseño web

Página web My Font, de la cual se puede descargar diversidad de tipos de letras para dar

como formato al momento de diseñar una página web.

Manual de diseño web

Manual de usuario de FrontPage

Manual de usuario de Dreamweaver

Recursos:

Tutorial de cómo elaborar un blog y sea aplicado por el docente

https://comocrearun.org/blog/

http://red.ilce.edu.mx/sitios/proyectos/voces_abuelos_pri13/manual_blogger.pdf

Recursos para la aplicación didáctica

Videos

http://www.minam.gob.pe/proyecolegios/Curso/curso-

virtual/Modulos/modulo2/1Inicial/m2_inicial/qu_se_debe_tener_en_cuenta_para_desarrollar_las

_sesiones_de_aprendizaje.html

http://webdelmaestrocmf.com/portal/ayuda-docente-plan-clases-plan-sesion-aprendizaje/

69
 BIBLIOGRAFÍA

Barrio, F. G. (Junio de 2006). Los portales educativos como fuente de recursos y materiales.

Icono 14 revista de comunicación y nuevas tecnologías, Recuperado de

www.icono14.net/revista file:///C:/Users/Elena%20FJ/Downloads/Dialnet-

LosPortalesEducativosComoFuentesDeRecursosMaterial-2043904%20.pdf

Bartolomé, A. (2007). El ‘social tagging’ y la inteligencia colectiva. Posibilidades y retos de

la Web 2.0 para la Educación. Ponència al Congrés internacional: Edutec 2007. Universidad

Tecnológica Nacional. Buenos Aires.

Chavez. (17 de Junio de 2012). Sistemas de Computacion en Internet. Recuperado de

https://schavezsolis.wordpress.com/category/chavez/

Duque, P. C. (2005). La comunicación y la gestión de la información en las instituciones

educativas. Madrid: PRAXIS.

García, N. M. (26 de Noviembre de 2012). La Educación. Recuperado de

http://niurby93.blogspot.com/

Geocities.ws. (2013). Fundamentos de diseño de Sitios Web. Recuperado de

http://www.geocities.ws/idheme7/wspne/ii/9.html

Geocities.ws. (2014). Planificacion estrategica y tactica de un sitio web. Recuperado de

http://www.geocities.ws/gabrymn/WSPNE/Trabajo2.html

Geocities.ws. (2014). Planificacion estrategica y tactica de un sitio web. Recuperado de

http://www.geocities.ws/gabrymn/WSPNE/Trabajo2.html

Graells, P. R. (2011). Criterios para la clasificación y evaluación de espacios web de interés

educativo. Recuperado de https://dialnet.unirioja.es/servlet/articulo?codigo=82323

70
 Grijalba Villanueva, Isaías John; Janampa Sulca, Víctor Rafa. (2014). El uso de los

buscadores Web y el aprendizaje en el área de informática en los estudiantes de la Institución

Educativa Mixta Telésforo Catacora del 5to grado nivel secundaria de Santa Clara - Ate 2012.

Recuperado de http://repositorio.une.edu.pe/handle/UNE/790

Grupo SAMIAL. (2002). Evaluación de páginas web de interés educativo. Recuperado de

http://www.quadernsdigitals.net/datos/hemeroteca/r_1/nr_21/a_287/287.htm

Gutierrez, L. (2012). Conectivismo como teoría de aprendizaje: conceptos, ideas, y posibles

limitaciones . Revista Educación y Tecnología, 112-113.

Huerta, A. V. (26 de Enero de 2011). Planificacion sitio Web educativo. Recuperado de

https://es.slideshare.net/velaldo/planificacion-sitio-web-educativo

Inc.SlidePlayer.es. (2019). Presentación del tema: "Portales de Internet. Definición. Servicios

que proporciona."— Transcripción de la presentación:. Recuperado de

https://slideplayer.es/slide/137855/

Keydomo, S.L. (2009). Creación de Sitios: Diseño y desarrollo de páginas web. Recuperado

de http://www.keydomo.com/creacion_de_sitios_web.html

LinkedIn Corporation. (31 de Agosto de 2010). Que necesita para crear un sitio web.

Recuperado de https://es.slideshare.net/gvmendezm/que-necesita-para-crear-un-sitio-web

Moreira, M. A. (2003). De los webs educativos al material didáctico web. Comunicación y

pedagogía, 1-2. Recuperado de Artículo publicado en la revista comunicación y pedagogía.

Peñalvo, F. J. (2014). Software educativo: evolución y tendencias. En F. J. PEÑALVO.

Salamanca,, España: Ediciones Universidad de Salamanca.

PrimaBasi. (18 de Junio de 2006). Los contenidos digitales. Recuperado de

http://direprima.blogspot.com
71
 Quintero, A. (23 de 07 de 2010). Informática. Recuperado de alexquintero94.blogspot.com

Universitat Autonoma de Barcelona. (2018). Educar. España: Servei de publicaciones.

Unknown. (15 de Agosto de 2012). Aportes tecnologicos. Recuperado de

http://aportestecnologico.blogspot.com/

Unknown. (15 de Noviembre de 2015). Internet y La Web. Recuperado de

http://lainternetylaweb.blogspot.com

“Web 2.0”. (2014). WEB 2.0. Recuperado de

https://sites.google.com/site/web20clasefin/home

Diseños M&L C.A. (17 de Julio de 2018). Diseños M&L C.A. Recuperado de

http://disenosmylca.blogspot.com

Wikipedia. (20 de Diciembre de 2018) (s.f.). Recuperado de

https://es.wikipedia.org/wiki/Microsoft_FrontPage

Wikipedia. (20 de Diciembre de 2018). Dreamweaver. Recuperado de

https://es.wikipedia.org/wiki/Adobe_Dreamweaver

Wikipedia. (14 de Diciembre de 2018). Historia de la World Wide Web.

Wikipedia. (20 de Diciembre de 2018). Microsoft FrontPage. Recuperado de

https://es.wikipedia.org/wiki/Microsoft_FrontPage

Wikipedia La Enciclpedia Libre. (23 de Mayo de 2018). Página Web. Recuperado de

https://es.wikipedia.org/wiki/P%C3%A1gina_web

WordPress. (8 de Febrero de 2011). Portal Educativo. Recuperado de

https://11043carlosinohui.wordpress.com

Zeledon, M. (11 de Julio de 2011). Web. Recuperado de http://myriamzeledon-

disenoweb.blogspot.com/
72
 Ramón Mariño Campos, (2005). Diseño de Páginas Web Editorial Ideas propias. Primera

edición 2005

Pablo Vazquez, (2006). Creación de sitios web Editorial 1a ed. - Banfield - Lomas de

Zamora: Gradi S.A.,.

73