UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL                    Licenciatura en Educación Básica con énfasis en Tecnología e In...
UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL                     Licenciatura en Educación Básica con énfasis en Tecnología e I...
UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL                     Licenciatura en Educación Básica con énfasis en Tecnología e I...
UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL                     Licenciatura en Educación Básica con énfasis en Tecnología e I...
UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL                       Licenciatura en Educación Básica con énfasis en Tecnología e...
Próxima SlideShare
Cargando en…5
×

Módulo I introduccion

225 visualizaciones

Publicado el

Material de uso didáctico para el Dipl formación docente en escenarios virtuales

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
225
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Módulo I introduccion

  1. 1. UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL Licenciatura en Educación Básica con énfasis en Tecnología e Informática Diseño de páginas web con HTML y JavaScriptMÓDULO 1: INTRODUCCIÒN A HTML1. ORIGENES DE HTML BREVE HISTORIA DEL HIPERTEXTOLa historia de los hipertextos electrónicos y el html está ligada en sus orígenes al tema de la"gestión de documentos". Este último es de particular interés para quienes trabajamos en laelaboración de materiales educativos destinados al "intercambio" mediante sistemas dedifusión interactiva como la "web".Desde los años sesenta, la empresa IBM venía trabajando en la idea de estructurar losdocumentos en forma organizada con el fin de facilitar el intercambio y la manipulación dedatos. Hacia 1970, la compañía logró el desarrollo un sistema de normas que le facilitaría laProducción de sus libros, informes, y otros documentos, a partir de un solo conjunto dearchivos fuente y que se podían compartir y editar en diferentes tipos de equipos. Losencargados de diseñar dicho sistema fueron los ingenieros Goldfarb, Mosher y Lorie,quienes crearon el primer estándar para este fin 1 . El sistema obtenido se denominó:"GML" Tomando las iniciales de sus autores. En 1986, el grupo de ingenieros mejoró elestándar para convertirlo en la norma ISO 8879, bajo el nombre de "SGML". IBMconservó acrónimo GML para referirlo ante la ISO como "General Modeling Languaje",indicando, con esto, que GML permite diseñar diferentes subconjuntos de normas para elintercambio de documentos entre plataformas, Un documento creado bajo GML, se puede veren diferentes equipos con diferentes configuraciones y sistemas operativos.Los formatos de texto para uso multiplataforma, tales como rtf (de Microsoft),y pdf (deAdobe), son "hijos" de GML. A partir de GML usted podría definir, de una forma lógica yestructurada, su propio conjunto de normas para compartir documentos entreplataformas. Este subconjunto derivado de GML se llamaría un "DTD" (Document TypeDefinition: Definición de tipo de documento)2 . Los formatos que hemos mencionado (rtf y pdf)son, de alguna manera, DTDs de GML.ISO difundió SGML traduciendo el acrónimo como: "Standard Generalized MarkupLanguage" o Lenguaje de Marcado Generalizado y Normalizado, Comunicando una ideamás concreta sobre lo que permite hacer este conjunto de normas:La palabra "Markup" o "Mark-up" hace referencia al uso de "marcas" o "etiquetas"insertadas dentro del documento para interpretar su estructura, formato y contenido 3.1 Albergue de náufragos. "Lenguajes de marcas ". [Documento en línea] Disponible desdeinternet en: <http://209.204.223.237/albergue/dweb/leng_marcas.html> [Con acceso el 02 deAgosto de 2008].2 XML: Antecedentes y Terminología . Ósmosis Latina. [Portal en línea]. Disponible desdeinternet en:<http://www.osmosislatina.com/xml/basico.htm>. [Con acceso el 01 de Agosto de 2008].
  2. 2. UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL Licenciatura en Educación Básica con énfasis en Tecnología e Informática Diseño de páginas web con HTML y JavaScript"Standard Generalized", nos indica que este sistema fue creado desde su inicio como unsistema general para crear subsistemas (los que hemos llamado DTDs) En otras palabras SGMLes un "metalenguaje" para crear otros lenguajes.El sistema SGML se difundió rápidamente debido a que el Departamento de Defensa de losEE.UU. lo adoptó como formato de especificación técnica oficial, lo que obligó a todos suscontratistas a utilizarlo en todos los documentos destinados a la administración públicaamericana. Pero…, aunque Podemos decir que SGML es un lenguaje de marca robusto,exhaustivo y potente, es a la vez complejo, engorroso, caro de implementar y demantener, razones de peso para que no se adoptara como el lenguaje que se estababuscando como fuente de los hipertextos en los comienzos del internet.En 1989, Tim Berners-Lee y Anders Berglund, dos investigadores del Laboratorio Europeo deFísica de Partículas (CERN), crearon un lenguaje basado en etiquetas para marcardocumentos técnicos con el fin de compartirlos en internet. Así surgió una aplicaciónsimplificada del SGML llamado HTML (Hipertext Markup Language: Lenguaje de Marcaspara Hipertextos), que era el primer formato de información estándar en la Web. Desde esepunto de vista, HTML no es otra cosa que un DTD de SGML.Dice la historia que Tim Berners-Lee se enfrentó a un problema similar al de IBM: Debíaacceder a distintos documentos de numerosos colegas que le habían precedido. Al darsecuenta que el trabajo de sus predecesores quedaba desaprovechado, dado que cada cuálhabía utilizado un sistema de almacenamiento diferente, se puso a trabajar en un sistema quefuera independiente de la plataforma, y sencillo de usar. Aplicando sus conocimientos previosde SGML concibió un lenguaje de marca menos complejo que aquél, al que le añadió unmétodo para vincular documentos entre sí y seguir estos vínculos haciendo clic sobreelementos de texto específicos. Tim Berners-Lee lo describió como “un sistema de informaciónvinculada” dispuesta en una “red múltiplemente conectada cuyas interconexionesevolucionaban con el tiempo”.HTML es, en consecuencia, un lenguaje de marcas independiente de la plataforma y de lamáquina, que utiliza etiquetas (tags) para describir los documentos, además de vínculos dehipertexto para conectar y desplazarse de un documento a otro.El primero en utilizar la palabra "hipertexto" fue el norteamericano Ted Nelson, quienconcibió, años atrás de la constitución del consorcio WWW ( World Wide Web), un sistemainformático que pudiera ligar diferentes fragmentos de texto (1965). El sueño de Nelson eramás filantrópico que aquello en lo que se ha convertido la Red Mundial de Internet y el mismohipertexto: Conectar todas las ramas del conocimiento humano, la producción científica eintelectual para dar la cabida a un verdadero concepto del conocimiento global en lahumanidad4. Nelson trató de lograr su sueño a través de una organización que él mismo fundóy que actualmente sobrevive ( ver proyecto "Xanadu").3 Pozo, J. Agosto 01 de 2008. "HTML con Clase- XML y XHTML". [Portal en línea]. Disponibledesde internet en: <http://html.conclase.net/articulos/xml>. [Con acceso el 01 de Agosto de2008].4 Clotet, Joseph . Las fechas clave de Internet que hicieron historia". [Página personal de News].Disponibledesde internet en:
  3. 3. UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL Licenciatura en Educación Básica con énfasis en Tecnología e Informática Diseño de páginas web con HTML y JavaScriptEl visionario del hipertexto, predecesor de Nelson, fue el ingeniero Vannevar Bush, quien, sinutilizar el término, lo conceptualizó: Bush escribió para la revista The Atlantic Monthly unartículo publicado en julio de 1945, con el título "As We May Think". Este título nos permiteinferir la relación que hace Bush entre el acceso a la información y la concepción cognitiva delser humano. Lo sorprendente de la prospectiva de Bush en su artículo es que se refiere a unapropuesta tecnológica basada en su analogía con los procesos del pensamiento humano.En efecto, "Bush partió del principio según el cual la mente humana funciona porasociación, sujetando un hecho a una idea. La mente salta instantáneamente al datosiguiente, que le es insinuado por asociación de ideas, siguiendo alguna intrincada trama decaminos sugerida por el cerebro"5. Es así como propone el dispositivo"memex"(Memory Extender), máquina destinada a construir conexiones entre fragmentos dela cultura humana, proyecto que nunca se realizó, entre otras cosas porque, aunque la ideaera visionaria, existía un desfase entre la tecnología disponible y su principiofundamental.Se entiende así el hipertexto, como "la presentación de información como una Red denodos enlazados a través de los cuales los lectores pueden navegar libremente en forma nolineal. Permite la coexistencia de varios autores, desliga las funciones de autor y lector,permite la ampliación de la información en forma casi ilimitada y crea múltiples rutas delectura" 6.El primer sistema hipertexto en comercializarse fue Guide de OWL, desarrollado para Unixen la Universidad de Kent y luego llevado a la plataforma Apple Macintosh, en 1986. Unaño más tarde, la misma empresa, Apple, lanza un programa que popularizó el hipertexto:HyperCard.Cuando apareció la WWW, estaba precisamente basada en el hypertext transfer protocol, o"protocolo para transferencia de hipertexto", significado de la sigla "http" que encabezacualquier dirección digitada en un navegador. El prefijo comenzó luego a extenderse: undiccionario basado en el hipertexto será un "hiperdiccionario", las conexiones entre suspartes serán "hiperenlaces" o "hipervínculos". Al incorporar no solamente texto sino<http://www.josepclotet.cat/cms/index.php?option=com_content&view=article&id=48&Itemid=60>. [Con acceso el5 Calle G., A.. Mayo de 2000. "El hipertexto: Reivindicación de la lectura y la escritura en elmedio electrónico, a un nivel más virtual que físico". Revista de Ciencias Humanas - UTP.Pereira -Colombia - 2000. No 21. [Revistaelectrónica en línea]. Disponible desde internet en:<http://www.utp.edu.co/~chumanas/revistas/revistas/rev21/calle.htm>>[Con acceso el 02 deNoviembre de 2001].6 Eduteka. Hipertexto: qué es y cómo utilizarlo para escribir en medios electrónicos. PortalFundación GabrielPiedrahita Uribe, especializado en temas de educación. [Publicación electrónica en línea].Disponible desde internet en:<http://www.eduteka.org/Hipertexto1.php>[Con acceso el 01 de Agosto de 2008].
  4. 4. UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL Licenciatura en Educación Básica con énfasis en Tecnología e Informática Diseño de páginas web con HTML y JavaScriptimágenes y otro tipo de información digitalizada ( sonido, video, etc.) y con la aparición de losnavegadores gráficos también nació otra "hiper": la "hipermedia" 7 .El mundo en los últimos 20 años se ha revolucionado a pasos gigantescos con "nuevasversiones" del html, la aparición de lenguajes extendidos como XML y la tecnología quesoporta el intercambio de información a través de internet. El hipertexto para algunos haatomizado más las diferentes culturas y los discursos del conocimiento humano8 , paraotros es el paradigma de la comunicación del siglo XXI y por el contrario, instrumento de laglobalización.Algo cierto en la evolución del hipertexto es que su tecnología siempre ha estado un paso atrásen relación con los intereses y la creatividad del ser humano ante las posibilidadescomunicativas del internet. En otras palabras el html se ha quedado "corto", confrecuencia ante a las diferentes "posibilidades" interactivas que suelen aparecer en elcírculo tecnología-comunicación. Por esta razón los gestores y autores de páginas web hantenido que recurrir a diferentes herramientas de cualificación y complementación del html, almismo tiempo que se generan nuevas propuestas del código vertebral, para conferirle a laspáginas web la interactividad y funcionalidad necesaria ante los diversos modeloscomunicativos que pueden establecerse en Internet: Es aquí cuando aparecen loslenguajes tipo "script" como "Javascript" y los objetos incrustados o vinculados a unapágina html, que funcionan con recursos adicionales agregados al navegador: estamoshablando de aplicaciones que funcionan dentro de un "browser" como los applets de java oaplicaciones que funcionan con los populares "Plugins": Flash, Shockwave, VRML, etc.Adicionalmente se han incorporado a los procesos y métodos de construcción "dinámica"de información hipertextual, los lenguajes de servidor como php, jsv y asp entre otros, asícomo los lenguajes extendidos (otros lenguajes derivados de SGML) tales como el XML.En el caso de la educación virtual, la premisa fundamental, derivada también de losestudios de la enseñanza asistida por computador, es que el aumento en la interactividad quepueda tener el estudiante con los hipertextos, es una variable que determina, entre otrosefectos, su motivación y su aprendizaje en el proceso9.7 Millán, J.A..1998."Vocabulario de ordenadores e Internet" España. [Diccionario en línea]Disponible desdeinternet en: <http://jamillan.com/v_hiper.htm> [Con acceso el 02 de Noviembre de 2001].8 Gómez M., José L. Hacia un nuevo paradigma: El hipertexto como faceta sociocultural de latecnología.[Artículo- Ensayo en línea]. Disponible desde internet en:<http://www.ensayistas.org/critica/teoria/hipertexto/gomez/hipertexto4.htm>[Con acceso el01 de Agosto de 2008].9 Pérez, Tomas, Gutierrez J., López R. ,González A. y J. Vadillo. Hipermedia, adaptación,constructivismo einstructivismo. Universidad del País Vasco UPV-EHU [Documento en línea] Disponible desdeinternet en:<http://aepia.dsic.upv.es/revista/numeros/12/Perez.pdf> [Con acceso el 02 de Agosto de2008].
  5. 5. UNIVERSIDAD MANUELA BELTRAN UMB VIRTUAL Licenciatura en Educación Básica con énfasis en Tecnología e Informática Diseño de páginas web con HTML y JavaScript"De todas formas, y más allá de la retórica que rodea a la interactividad en la educación, existeun fundamento sólido de análisis científico que apoya la naturaleza positiva delaprendizaje interactivo. Para decirlo de manera sencilla, las personas (cualquiera que sea suedad) aprenden mejor cuando se encuentran implicadas activamente en unproceso,independientemente de que este proceso tome la forma de un sofisticadopaquetemultimedia o un sencillo debate en el aula sobre acontecimientos cotidianos"10.10 Portillo, C; Castro, R. 2000."Hipernavegación y aprendizaje significativo". Cyberanalítica. Venezuela.[Revistaelectrónica en línea].Disponible desde internet en:<http://www.analitica.com/cyberanalitica/matriz/6143628.asp>[Con acceso el 02 de Agosto de 2008].

×