You are on page 1of 14

UNIDAD EDUCATIVA MANUELA SAENZ

Área de Informática

2

UNIDAD 1. CONCEPTOS BÁSICOS DE WWW.
1.1. INTERNET
Internet es una gran red de redes, también llamada Supercarretera de la
información. Es el resultado de la interconexión de miles de computadoras de
todo el mundo. Todas ellas comparten los protocolos de comunicación, es decir
que todos hablan el mismo lenguaje para ponerse en contacto unas con otras.
Los servicios básicos ofrecidos ahora por Internet son correo electrónico, noticias
en red, acceso a computadoras remotas y sistemas de adquisición de datos, y
la capacidad para transferir información entre computadoras remotas.

1.1.1. HISTORIA DE INTERNET
Empezó en los Estados Unidos de América en 1969, como un proyecto
puramente militar. La Agencia de Proyectos de Investigación Avanzados de
Defensa (DARPA) desarrolló una red de computadoras llamada ARPANET, para
no centralizar los datos, lo cual permitía que cada estación de la red podía
comunicarse con cualquier otra por varios caminos diferentes, además
presentaba una solución para cuando ocurrieran fallas técnicas que pudieran
hacer que la red dejase de funcionar.
Los sitios originales que se pusieron en red eran bases militares, universidades y
compañías con contratos del Departamento de Defensa. Conforme creció el
tamaño de esta red experimental, lo mismo sucedió con las precauciones por
la seguridad. Las mismas redes usadas por las compañías y las universidades
para contratos militares se estaban volviendo cada vez más accesibles al
público
Como resultado, en 1984, ARPANET se dividió en dos redes separadas pero
interconectadas. El lado militar fue llamado MILNET. El lado educativo todavía
era llamado técnicamente ARPANET, pero cada vez se hizo más conocida
como Internet.
En mayo de 1995, entre 35 y 45 millones de personas usaban Internet y este
número fue creciendo mes a mes en un 10 a 15%. Las estimaciones actuales
colocan al número de personas en Internet en enero de 1997 en 62 millones de
usuarios individuales.
Podemos decir que el resultado final es que lo que comenzó como un proyecto
de investigación gubernamental y educativa ahora se ha convertido en uno de
los medios de comunicación más importante de la actualidad. Nunca antes
había sido posible tener acceso a tantas personas de culturas y antecedentes
tan variados.
Además podemos decir que la Internet no es gratis, la pagamos básicamente
nosotros, los contribuyentes, centros de investigación, educacionales, institutos
y universidades, las empresas comerciales, nosotros a través del incremento en
sus productos y la publicidad.
3





















1.2. LA WORLD WIDE WEB.
La World Wide Web consiste en ofrecer una interface simple y consistente para
acceder a la inmensidad de los recursos de Internet. Es la forma más moderna
de ofrecer información. Y esta información se ofrece en forma de páginas
electrónicas.
Es un sistema de distribución de información basado en hipertexto o hipermedios
enlazados y accesibles a través de Internet. Con un navegador web, un usuario
visualiza sitios web compuestos de páginas web que pueden contener texto,
imágenes, vídeos u otros contenidos multimedia, y navega a través de esas
páginas usando hiperenlaces
World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar
a otro en pos de lo que no interesa.
Para entender lo que es la Web debemos tener una idea de lo que es el
Hipertexto.
ACTIVIDAD INDIVIDUAL 1.
Realiza un organizador gráfico con las fechas y los hechos más
Importantes de la historia de internet.
4

1.2.1. HIPERTEXTO
Hipertexto son datos que contienen enlaces (links) a otros datos.
En el lenguaje Web, un documento de hipertexto no es solo algo que contiene
datos, sino que además contiene enlaces a otros documentos.
Un ejemplo simple de hipertexto es una enciclopedia que al final de un tema
tiene referencias de algún tema en especial o referencias bibliográficas a otros
textos.
En Hipertexto, el ordenador hace que seguir esas referencias sea facilísimo. Esto
implica que el lector se puede saltar la estructura secuencial del texto y seguir
lo que más le gusta.
En Hipertexto se pueden hacer enlaces en cualquier lugar, no sólo al final.
Cada enlace tiene una marca que lo destaca, puede estar resaltado,
subrayado o puede estar identificado por un número.
El hipertexto no está limitado a datos textuales, podemos encontrar dibujos del
elemento especificado, sonido o vídeo referido al tema. Estos documentos que
tienen gran variedad de datos, como sonido, vídeo, texto, en el mundo del
hipertexto se llama hipermedia.
El hipertexto es una herramienta potente para aprender y explicar. El texto debe
ser diseñado para ser explorado libremente y así se consigue una comunicación
de ideas más eficientes.

1.2.2. FUNCIONAMIENTO DE LA WEB.
Una vez que el usuario está conectado a Internet, tiene que instalar un
programa capaz de acceder a páginas Web y de llevarte de unas a otras
siguiendo los enlaces. El programa que se usa para leer los documentos de
hipertexto se llama “navegador”, el "browser", "visualizador" o "cliente" y cuando
seguimos un enlace decimos que estamos navegando por el Web.
Navegar es como llaman los usuarios de la red a moverse de página en página
por todo el mundo sin salir de su casa.
Mediante los Navegadores modernos podemos, acceder a hojas de cálculo,
base de datos, vídeo, sonido y todas las posibilidades más avanzadas. Pero el
diseño de páginas debe mantener un equilibrio entre utilizar todas las
capacidades y la posibilidad de ser leídas por cualquier tipo de Navegador.

Lógicamente el funcionamiento de la Web es el siguiente:
El primer paso consiste en traducir la parte nombre del servidor de la URL en una
dirección IP usando la base de datos distribuida de Internet conocida como
DNS. Esta dirección IP es necesaria para contactar con el servidor web y poder
enviarle paquetes de datos.
5

El siguiente paso es enviar una petición HTTP al servidor Web solicitando el
recurso. En el caso de una página web típica, primero se solicita el texto HTML y
luego es inmediatamente analizado por el navegador, el cual, después, hace
peticiones adicionales para los gráficos y otros ficheros que formen parte de la
página. Las estadísticas de popularidad de un sitio web normalmente están
basadas en el número de páginas vistas o las peticiones de servidor asociadas,
o peticiones de fichero, que tienen lugar.
Al recibir los ficheros solicitados desde el servidor web, el navegador renderiza
la página tal y como se describe en el código HTML, el CSS y otros lenguajes
web. Al final se incorporan las imágenes y otros recursos para producir la página
que ve el usuario en su pantalla.
























1.3. ESTÁNDARES WEB.
En la web se destacan los siguientes estándares:
 el Identificador de Recurso Uniforme (URI), que es un sistema universal
para referenciar recursos en la Web, como páginas web,
 el Protocolo de Transferencia de Hipertexto (HTTP), que especifica cómo
se comunican el navegador y el servidor entre ellos,
ACTIVIDAD GRUPAL 1.
Agrúpate con dos compañeros y analiza lo que te explico tu
profesor acerca del funcionamiento lógico de la web, luego
resume en pocos pasos cronológicamente el funcionamiento
del mismo.
LECCION 1.
Debes saber:
 ¿Qué es www?
 ¿Qué es hipertexto?
 ¿Cómo funciona la web?

6

 el Lenguaje de Marcado de Hipertexto (HTML), usado para definir la
estructura y contenido de documentos de hipertexto,
 el Lenguaje de Marcado Extensible (XML), usado para describir la
estructura de los documentos de texto.
Berners Lee dirige desde 2007 el World Wide Web Consortium (W3C), el cual
desarrolla y mantiene esos y otros estándares que permiten a los ordenadores
de la Web almacenar y comunicar efectivamente diferentes formas de
información.






1.4. TECNOLOGÍAS WEB.
Las tecnologías web implican un conjunto de herramientas que nos facilitarán
lograr mejores resultados a la hora del desarrollo de un sitio web.

1.4.1. NAVEGADORES WEB.
Un navegador o navegador web (generalización de Netscape Navigator) es un
software que permite el acceso a Internet, interpretando la información de
archivos y sitios web para que éstos puedan ser leídos.

La funcionalidad básica de un navegador web es permitir la visualización de
documentos de texto, posiblemente con recursos multimedia incrustados.
Además, permite visitar páginas web y hacer actividades en ella, es decir,
podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras
funcionalidades más.

Los documentos que se muestran en un browser pueden estar ubicados en la
computadora en donde está el usuario, pero también pueden estar en
cualquier otro dispositivo que esté conectado en la computadora del usuario o
a través de Internet, y que tenga los recursos necesarios para la transmisión de
los documentos (un software servidor web).

Tales documentos, comúnmente denominados páginas web, poseen
hipervínculos que enlazan una porción de texto o una imagen a otro
documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier
computadora conectada a Internet, se llama navegación, de donde se origina
TAREA INDIVIDUAL 1.

Investiga en internet los términos: URI, HTTP, HTML y XML.
Presenta a tu profesor y expón ante tu clase lo que investigaste.
7

el nombre navegador (aplicado tanto para el programa como para la persona
que lo utiliza, a la cual también se le llama cibernauta).

1.4.1.1. HISTORIA.

El primer navegador, desarrollado en el CERN a finales de 1990 y principios de
1991 por Tim Berners-Lee, era bastante sofisticado y gráfico, pero sólo
funcionaba en estaciones NeXT.

El navegador Mosaic, que funcionaba inicialmente en entornos UNIX sobre X11,
fue el primero que se extendió.

Sin embargo, poco más tarde entró en el mercado Netscape Navigator que
rápidamente superó en capacidades y velocidad a Mosaic. Este navegador
tuvo la ventaja de funcionar en casi todos los UNIX, así como en entornos
Windows. Estimación del uso en el período 1996-2006.

Internet Explorer (anteriormente Spyglass Mosaic) fue la apuesta tardía de
Microsoft para entrar en el mercado y consiguió desbancar al Netscape
Navigator . Netscape Communications Corporation liberó el código fuente de
su navegador, naciendo así el proyecto Mozilla.

Finalmente Mozilla Firefox fue reescrito desde cero tras decidirse a desarrollar y
usar como base un nuevo conjunto de widgets multiplataforma basado en XML.

El 7 de enero de 2003, Apple lanza al mercado el navegador web Safari. Este
Navegador se hace con casi la totalidad del mercado de las
microcomputadoras Mac, debido a su velocidad y gran cantidad de
actualizaciones.

A finales de 2004 aparece en el mercado Firefox, una rama de desarrollo de
Mozilla que pretende hacerse con parte del mercado de Internet Explorer. Se
trata de un navegador más ligero que su hermano mayor.

El 2 de septiembre de 2008 Google Chrome vio la luz. Es el navegador web
desarrollado por Google de código abierto. Google Chrome es el navegador
más utilizado en Internet. Está disponible gratuitamente bajo condiciones de
servicio específicas.

1.4.1.2. EJEMPLOS DE NAVEGADORES WEB.

 Mozilla Firefox
 Google Chrome
 Amaya
 Epiphany
 Galeon
 Internet Explorer.
 Konqueror sobre linux
 Lynx sobre linux
 Netscape Navigator
 Opera
 Safari
 Seamonkey
 Shiira
 Flock
8

 Arora
 K-Meleon
 Orca Browser
 Avant Browser








1.4.2. SERVIDORES WEB.
Un servidor web o servidor HTTP es un programa informático que procesa una
aplicación del lado del servidor realizando conexiones bidireccionales y/o
unidireccionales y síncronas o asíncronas con el cliente generando una
respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código
recibido por el cliente suele ser compilado y ejecutado por un navegador web.
Para la transmisión de todos estos datos suele utilizarse algún protocolo.
Generalmente se utiliza el protocolo HTTP para estas comunicaciones,
perteneciente a la capa de aplicación del modelo OSI. El término también se
emplea para referirse al ordenador que ejecuta el programa.

1.4.2.1. FUNCIONAMIENTO.
El Servidor web se ejecuta en un ordenador manteniéndose a la espera de
peticiones por parte de un cliente (un navegador web) y que responde a estas
peticiones adecuadamente, mediante una página web que se exhibirá en el
navegador o mostrando el respectivo mensaje si se detectó algún error. A modo
de ejemplo, al teclear www.wikipedia.org en nuestro navegador, éste realiza
una petición HTTP al servidor de dicha dirección. El servidor responde al cliente
enviando el código HTML de la página; el cliente, una vez recibido el código, lo
interpreta y lo exhibe en pantalla. Como vemos con este ejemplo, el cliente es
el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los
colores y la disposición de los textos y objetos de la página; el servidor tan sólo
se limita a transferir el código de la página sin llevar a cabo ninguna
interpretación de la misma.
Además de la transferencia de código HTML, los Servidores web pueden
entregar aplicaciones web. Éstas son porciones de código que se ejecutan
cuando se realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre:
 Aplicaciones en el lado del cliente: el cliente web es el encargado de
ejecutarlas en la máquina del usuario. Son las aplicaciones tipo Java
"applets" o Javascript: el servidor proporciona el código de las
aplicaciones al cliente y éste, mediante el navegador, las ejecuta. Es
necesario, por tanto, que el cliente disponga de un navegador con
capacidad para ejecutar aplicaciones (también llamadas scripts).
TAREA INDIVIDUAL 2.

Escoge alguno de los navegadores que están de ejemplo y que te llame
la atención e investiga sobre el mismo.
Presenta a tu profesor y expón ante tu clase lo que investigaste.
9

Comúnmente, los navegadores permiten ejecutar aplicaciones escritas
en lenguaje javascript y java, aunque pueden añadirse más lenguajes
mediante el uso de plugins.

 Aplicaciones en el lado del servidor: el servidor web ejecuta la aplicación;
ésta, una vez ejecutada, genera cierto código HTML; el servidor toma
este código recién creado y lo envía al cliente por medio del protocolo
HTTP.
El hecho de que HTTP y HTML estén íntimamente ligados no debe dar lugar a
confundir ambos términos. HTML es un lenguaje de marcas y HTTP es un
"protocolo".















1.4.2.2. EJEMPLOS DE SERVIDORES WEB.
 Servidor HTTP Apache (libre, servidor más usado del mundo)
 Servidor HTTP Cherokee
 IIS
 FTP





ACTIVIDAD GRUPAL 2.
Agrúpate con dos compañeros y analiza lo que te explico tu
profesor acerca del funcionamiento de un servidor web, luego
realiza un gráfico explicativo del mismo.
LECCION 2.
Debes saber:
 ¿Qué es un navegador? ¿Cómo han evolucionado?
 ¿Qué es servidor? ¿Cómo funciona?

10

1.5. DOMINIO
Un dominio de Internet es una red de identificación asociada a un grupo de
dispositivos o equipos conectados a la red Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de
nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo
en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace
posible que cualquier servicio (de red) pueda moverse de un lugar geográfico
a otro en la red Internet, aun cuando el cambio implique que tendrá una
dirección IP diferente.
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían
que acceder a cada servicio web utilizando la dirección IP del nodo (por
ejemplo, sería necesario utilizar http://192.0.32.10 en vez de
http://example.com). Además, reduciría el número de webs posibles, ya que
actualmente es habitual que una misma dirección IP sea compartida por varios
dominios.
Al poseer un dominio propio la empresa o institución ofrece una imagen más
profesional y competente. Los clientes agradecerán que se les proporcione un
acceso sencillo y consistente a su información.
El siguiente ejemplo ilustra lo que que es un nombre de dominio y un dominio de
nivel superior.
URL: http://www.ejemplo.net/index.html
Nombre de dominio de nivel superior: net
Nombre de dominio: ejemplo.net

Algunos de los nombres de dominio de nivel superior más comunes son: .com,
.edu, .gov, etc.













ACTIVIDAD INDIVIDUAL 2.
Ingresa a internet e investiga varios nombres de dominios de nivel
superior y apunta para que sirven o que indican cada uno de ellos.
11

1.6. URLS
Localizador Uniforme de Recursos (URL; Uniform Resource Locator )es una
dirección especial usada por los navegadores Web, para tener acceso a
información en Internet.
El URL es la cadena de caracteres con la cual se asigna una dirección única a
cada uno de los recursos de información disponibles en la Internet. Existe un URL
único para cada página de cada uno de los documentos de la World Wide
Web, para todos los elementos de Gopher y todos los grupos de debate USENET,
y así sucesivamente.
El URL de un recurso de información es su dirección en Internet, la cual permite
que el navegador la encuentre y la muestre de forma adecuada. Por ello el URL
combina el nombre del ordenador que proporciona la información, el directorio
donde se encuentra, el nombre del archivo, y el protocolo a usar para recuperar
los datos para que no se pierda alguna información sobre dicho factor que se
emplea para el trabajo.
Si analizamos los conceptos hasta ahora podemos entender que:
URI = URL + URN
El formato general de un URL es:
 esquema://máquina/directorio/archivo
También pueden añadirse otros datos:
 esquema://usuario:contraseña@máquina:puerto/directorio/archivo
Por ejemplo: http://www.wikipedia.org/

1.6.1. ESQUEMA URL.
Un URL se clasifica por su esquema, que generalmente indica el protocolo de
red que se usa para recuperar, a través de la red, la información del recurso
identificado. Un URL comienza con el nombre de su esquema, seguido por dos
puntos, seguido por una parte específica del esquema'.
Algunos ejemplos de esquemas URL:
 http - recursos HTTP
 https - HTTP sobre SSL
 ftp - File Transfer Protocol
 mailto - direcciones de correo electrónico
 ldap - búsquedas LDAP Lightweight Directory Access Protocol
 file - recusos disponibles en el sistema local, o en una red local
 news - grupos de noticias Usenet (newsgroup)
 gopher - el protocolo Gopher (ya en desuso)
 telnet - el protocolo telnet
12

 data - el esquema para insertar pequeños trozos de contenido en los
documentos Data: URL
Algunos de los esquemas URL, como los populares "mailto", "http", "ftp", y "file",
junto a los de sintaxis general URL, se detallaron por primera vez en 1994, en el
Request for Comments RFC 1630, sustituido un año después por los más
específicos RFC 1738 y RFC 1808.
El siguiente ejemplo ilustra la diferencia entre una URL (Uniform Resource
Locator/"Recurso de Localización Uniforme") y un nombre de dominio:

URL: http://www.misitio.com/index.html
Nombre de dominio de nivel superior: com
Nombre de dominio: misitio.com
Nombre de host: www.misitio.com












1.7. WEB 2.0
La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia
aplicaciones que funcionan a través de la web enfocada al usuario final. Se
trata de aplicaciones que generen colaboración y de servicios que reemplacen
las aplicaciones de escritorio.
Es una etapa que ha definido nuevos proyectos en Internet y está
preocupándose por brindar mejores soluciones para el usuario final.
Y es que cuando el web inició, nos encontrábamos en un entorno estático, con
páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con
el usuario.
TAREA INDIVIDUAL 3.

Escribe 5 URL´s de diferentes sitios y a partir de ellas identifica el nombre
de dominio superior, nombre de dominio y nombre de host, como en el
ejemplo anterior.
LECCION 3.
Debes saber:
 ¿Qué es un dominio?
 ¿Qué es una URL?

13


1.7.1. ¿EN QUÉ NOS SIRVE LA WEB 2.0?
El uso del término de Web 2.0 está de moda, dándole mucho peso a una
tendencia que ha estado presente desde hace algún tiempo. En Internet las
especulaciones han sido causantes de grandes burbujas tecnológicas y han
hecho fracasar a muchos proyectos.
Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no
es precisamente una tecnología, sino es la actitud con la que debemos trabajar
para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web
2.0.
Entender la evolución que ha llegado con la Web 2.0 puede verse con ejemplos,
con proyectos. Podemos comparar servicios web que marcan claramente la
evolución hacia el Web 2.0 con una nueva forma de hacer las cosas:

Web 1.0 Web 2.0
Doubleclick –> Google AdSense (Servicios
Publicidad)
Ofoto –> Flickr (Comunidades fotográficas)
Akamai –> BitTorrent (Distribución de contenidos)
mp3.com –> Napster (Descargas de música)
Britannica Online –> Wikipedia (Enciclopedias)
Sitios personales –> Blogs (Páginas personales)
Especulación con dominios –> Optimización en motores de
búsqueda SEO
Páginas vistas –> Costo por click
CMSs –> Wikis (Administradores de contenidos)
Categorías/Directorios –> Tags














ACTIVIDAD INDIVIDUAL 3.
Ingresa a internet y navega e interactua por los sitios con tecnología
Web 1.0 y Web 2.0. Luego apunta las características que pudiste notar
en cada uno de ellos.
14


1.7.2. TECNOLOGÍAS QUE APOYAN A LA WEB 2.0
El Web 2.0 no significa precisamente que existe una receta para que todas las
aplicaciones web entren en este esquema. Sin embargo, existen varias
tecnologías que están utilizándose actualmente y que deberíamos de examinar
con más cuidado en busca de seguir evolucionando junto al web.
Tecnologías que dan vida a un proyecto Web 2.0:
 Transformar software de escritorio hacia la plataforma del web.
 Respeto a los estándares como el XHTML.
 Separación de contenido del diseño con uso de hojas de estilo.
 Sindicación de contenidos.
 Ajax (javascript ascincrónico y xml).
 Uso de Flash, Flex o Lazlo.
 Uso de Ruby on Rails para programar páginas dinámicas.
 Utilización de redes sociales al manejar usuarios y comunidades.
 Dar control total a los usuarios en el manejo de su información.
 Proveer APis o XML para que las aplicaciones puedan ser manipuladas
por otros.
 Facilitar el posicionamiento con URL sencillos.
















ACTIVIDAD GRUPAL 2.
Agrúpate con dos compañeros y analiza cada uno de los temas
que se estudió en esta unidad. Comenta los temas que no
entendiste y pide explicación a tu profesor o compañeros.
Seguidamente realiza un mapa conceptual de esta unidad.