El documento resume la historia y características principales de la Web. Comenzó en 1989 cuando Tim Berners-Lee propuso un sistema basado en nodos y enlaces para compartir información en el CERN. En los años 90 creció su popularidad y surgieron navegadores como Mosaic y Netscape. La Web 2.0 trajo contenidos generados por usuarios y aplicaciones en línea. Las páginas pueden incluir frames, gráficos, interactividad y sonido para mejorar la experiencia del usuario.

1. La WEB
Historia
1. 1945: Vannebar Bush "As We may think" en el Atlantic Monthly
2. 1960: Don Engelbart (NLS - navegación, mail, etc. inventa el mouse), Ted Nelson acuña el término hipertexto.
3. 1980: Enquire de Tim Berners-Lee en el CERN; permite nodos con enlaces
4. 1989: Information managment: a proposal de Tim Berners-Lee
5. Se realiza un diagnóstico de la vasta cantidad de información disponible en el CERN y se propone una
solución, basada en nodos y enlaces entre los nodos. La explicación de esta propuesta es la que sigue:
o "Al proporcionar un sistema para la manipulación de este tipo de información, la esperanza sería la de
permitir que un grupo de información para desarrollar lo que podría crecer y evolucionar con la
organización y los proyectos que se describen. Para que esto sea posible, el método de
almacenamiento no debe colocar sus propias limitaciones en la información. Por ello, una "red" de
notas con enlaces (como referencias) entre ellos es mucho más útil que un sistema jerárquico fijo.
Cuando se describe un sistema complejo, muchas personas recurren a los diagramas de círculos y
flechas, donde éstas pueden significar cualquier cosa."
o El problema de los árboles: "HELP COMPILER SOURCE_FORMAT PRAGMAS DEFAULTS" tiene una
referencia a: "HELP COMPILER COMMAND OPTIONS DEFAULTS PRAGMAS", significa devolverse y
reintentar por otra rama. El problema con las keywords: dos personas escojen distintas keywords.
6. 1990: La propuesta recircula ... y se materializa: En septiembre obtiene la aprobación, para noviembre ya
había algo que mostrar.
7. 1991: Difusión en círculos académicos y en las news: En una conferencia, Hypertext '91 se presenta el
browser. Se postea en las news las fuentes y algunos archivos.
8. 1992: Varios clones del browser, port a otras plataformas, etc
9. 1993: 1% de internet: El 1% del tráfico por los routers de la NSF es al puerto 80. Mosaic sale para varias
plataformas.
10. 1994: Aumenta el tráfico: El tráfico aumenta. CERN recibe la aprobación para un acelerador de particulas más
poderoso y recorta el presupuesto para poder desarrollarlo. Web es uno de los proyectos que es traspasado
al INRIA. El browser Mosaic es el más utilizado entonces. Jim Clark, fundador de Sillicon Graphics, colabora
con Marc Andeersen para fundar Netscape. Andeersen había trabajado en Illinois en extender Mosaic.
Ver http://www.blooberry.com/indexdot/history/netscape.htm
11. 1995: Comienza el boom: Explorer de Windows nace.
12. 1996: Los grandes medios electrónicos entran en Internet: CNN, Disney, Time-Warner
13. 1997: Comienza una avalancha de .COM
14. 1998: Netscape inicia el proyecto Mozilla
15. 2000: Derrumbe de las acciones de las .COM

2. Características
Diseño Básico
Un Sitio Web debe tener una homepage (página de inicio) de presentación a partir de la cual se pueda recorrer la
información existente. El número de páginas depende del tipo de empresa y del material que se quiera presentar en
la red. Además existen elementos que prestan mucha utilidad como lo son: un contador de visitantes o counter que
se encuentra en la página inicial, gráfica que indique al navegante como ir a todos los puntos de la página y por
supuesto fotos, dibujos, que muestren los productos, proyectos, etc...
Uso de Frames
Existen diferentes diseños en cuanto al formato de la página web que va desde el más sencillo a más complejos como
aquellos donde se usan frames, marcos o divisiones.
El uso de frames o divisiones de la pantalla es reciente ya que versiones antiguas de visualizadores de páginas web no
soportan este estilo (por ejemplo, sólo desde las versiones 2.0 de Netscape e Internet Explorer 3.0 ). Se trata de
dividir la pantalla en dos o más sectores, distribuidos de la forma más conveniente, de manera de que cada división
se comporte independiente de las otras, pero con una relación entre si. Así se puede, por ejemplo, mantener un
menú de selección siempre disponible en una parte de la pantalla mientras que los cambios se realizan en la otra
parte.
Gráfica Personalizada
La gráfica es muy importante tanto de un punto de vista estético como de orientación al usuario. El uso de imágenes
que indiquen como enviar correo electrónico, flechas que muestren como volver hacia la página anterior, botones
con leyendas de los temas que están incluidos en la página, son una forma útil de dar atractivo al sitio web.
Si agregamos que esta gráfica puede incluir logos, productos, etc. que identifiquen a la empresa, hace que su página
web tenga un mayor efecto comunicacional.
Página Web Interactiva
Se refiere a que el usuario, mediante herramientas de comunicación contenidas en la página, pueda contactarse con
su empresa. Estas herramientas son:
1. Correo electrónico: con esta se ofrece la posibilidad de comunicación directa entre la empresa y el usuario,
dejando un espacio abierto donde enviar sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo
de información.
2. Formularios: mediante los formularios se puede guiar al usuario con el tipo de información que busca y a la
vez generar bases de datos de potenciales clientes. Esta información puede ir directamente al correo
electrónico de, por ejemplo, un ejecutivo de ventas.
3. Servicio en línea: esto significa dar la posibilidad al usuario de obtener información, comprar, realizar
reservas, etc. directamente desde su página web y en forma automática. El sistema funciona mediante bases
de datos y programas que hacen interactuar ésta con lo solicitado.
Animaciones
Las animaciones hacen que su página sea más atractiva. Se pueden realizar en diferentes formatos como Gif
animados y Java. En nuestros proyectos siempre consideramos al menos una animación. Además agregamos otras
tecnologías que no sólo aportan movimiento al sitio web, sino además utilidad práctica. Logos, elementos que se
quieran destacar o de orientación pueden animarse.
Sonido
Sonido en Internet es un área, al igual que el video, de reciente desarrollo. Para poder escuchar sonidos es
imprescindible que el equipo cuente con una tarjeta de sonido.
En General, se clasifican en tres tipos:
a) Sonido (ambientes, eventos,..)
b) Música (genera una atmósfera propicia para el mensaje)
c) Voz (discursos, locuciones,..)

3. Aplicaciones
aplicación web para crear pósteres digitales en los que incluiremos información esquemática sobre un
tema con un diseño muy atractivo y primando lo visual. El valor añadido que aportan es que permiten
insertar contenidos multimedia fácilmente.
Tu Edublog en Blogger: en esta ficha didácTICa se ilustra se la creación de un Edublog, blog cuyo principal
objetivo es apoyar el proceso de enseñanza aprendizaje en un contexto educativo.
Documentos de texto en Google Docs: nos permite crear distintos tipos de documentos, trabajar en ellos
con otros usuarios en tiempo real y almacenar archivos
Formularios en Google Docs: podemos crear formularios sin necesidad de instalar programa alguno en
nuestro equipo. Pueden ser creados desde las hojas de cálculo de Google Docs, pero Google ha optado por
crear también una aplicación independiente para ello.
Hoja de cálculo en Google Docs: Una hoja de cálculo es una aplicación que nos permite manipular datos
numéricos y alfanuméricos pudiendo realizar cálculos con ellos. Tendremos la posibilidad de crear
multitud de gráficos diferentes y trabajar incluso con mapas.
Presentaciones en Google Docs: Todas las herramientas que necesitas para elaborar fantásticas
presentaciones, junto con las funciones de edición para trabajar en colaboración y compartir el contenido,
solo se ofrecen en la Web.
WordPress es un sistema de gestión de contenido enfocado a la creación de blogs (sitios web
periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y código modificable.
Presenta la posibilidad de crear blogs sin necesidad de instalación en un servidor propio.
Cuadro comparativo de las características generales de la Web 1.0 y la Web 2.0
WEB 1.0 WEB 2.0
Información centralizada Información descentralizada
Sitios con contenidos de alta y baja calidad
Amplia diversidad en contenidos administrados por usuarios
administrados por un webmaster
Información poco actualizada Información en permanente cambio
Softwares y aplicaciones que no requieren de su instalación en la PC para
Softwares tradicionales
utilizarlos
Contenidos y sitios más bien estáticos Contenidos y sitios flexibles, en permanente transformación
Diseño y producción a cargo de quienes conocen Diseño y producción sin necesidad de grandes conocimientos de
sobre informática informática. Accesibles y prácticos.
Sitios con fines diversos; en la mayoría de los casos, la construcción de
Sitios con fines generalmente comerciales
comunidades que comparten intereses, prácticas, información, etc.
Software con licencias pagas Softwares gratuitos para el usuario
Función: producir, diseñar, construir y compartir información en
Función: difundir información
diferentes soportes

4. Ejemplos
Referencias
Historia de la Web
Tejedores de la Web
http://tejedoresdelweb.com/w/Historia_de_la_Web
Características de la Web
ZonaWeb 1999-2000.©, Montevideo, Uruguay
http://users.movinet.com.uy/~asec/zonaweb/caracteristicas.htm
Aplicaciones en la Web
CEDEC (Centro Nacional de Desarrollo Curricular en Sistemas no Propietarios)
http://cedec.ite.educacion.es/index.php/es/aplicaciones-en-la-web
De la web 1.0 a la web 2.0
inmigrantesvirtuales
http://inmigrantesvirtuales.blogia.com/2009/061101-de-la-web-1.0-a-la-web-2.0.php
Cuadro comparativo (web 1.0 y web 2.0)
CIC, Comunicación Integral Corporativa
http://perucic.blogspot.com/2010/04/cuadro-comparativo-web-10-y-web-20.html