Páginas Web, enlaces y protocolos

Páginas Web,
enlaces y
protocolos
Como medio, los sitios web son similares a las películas, a la televisión o a las revistas, en que
también crean y manipulan imágenes digitales y texto, pero un sitio web es también un medio de
comunicación. La diferencia principal entre un sitio web y los medios tradicionales, es que un sitio
web está en una red de computadoras (Internet) y está codificado de manera que permite que los
usuarios interactúen con él. Una vez en un sitio web, podes realizar compras, búsquedas, enviar
mensajes, y otras actividades interactivas.

En estos párrafos veremos a internet pero desde adentro; aprenderemos como logra la PC buscar,
encontrar y mostrar la información en la enorme telaraña mundial.

La gran pregunta ¿Qué es un Sitio Web?

Es un lugar en Internet que contiene documentos, llamados páginas
web, organizados de una forma especial. Cada documento puede
contener texto, gráficos, videos y otros materiales multimedia. Esta
información puede estar alojada en cualquier parte del mundo, pero
a su vez también está en tu computadora, ¿raro no?

Cada sitio web tiene un página llamada inicio (en inglés Home
Page), que es el primer documento que se carga y el usuario ve,
cuando entra en el sitio web poniendo el nombre del dominio de
ese sitio web en un navegador. El sitio normalmente tiene otros
documentos adicionales que están enlazados entre sí. Cada sitio
web puede ser administrado por un individuo, una compañía o una
organización.

Diferencia entre sitio web y página web

A veces se utiliza erróneamente el término página web para
referirse a sitio web. Una página web es parte de un sitio web y
es un único archivo con un nombre de archivo asignado,
mientras que un sitio web es un conjunto de archivos llamados
páginas web.

Si lo comparáramos con un libro, un sitio web sería el libro

entero y una página web de ese sitio web sería un capítulo de
ese libro. El título del libro sería el nombre del sitio web, que se

Página 1 de 8
Páginas Web, enlaces y protocolos

llama dominio. Un capítulo, al igual que una página web, tiene un nombre que lo define. Decimos
que sería un capítulo y no una página del libro porque a menudo es necesario desplazarse hacia
bajo en la pantalla para ver todo el contenido de una página web, al igual que en un libro te
desplazas a través de varias páginas para ver todo el contenido de un capítulo. El índice de los
capítulos del libro sería el equivalente al mapa del sitio web (sitemap en inglés).

Como dijimos los sitios Web y sus archivos no están necesariamente en tu computadora, ni siquiera
en una computadora en la argentina, podrían estar en cualquier parte del mundo. Ahora bien,
¿Cómo llega esa información a mi PC?, el secreto: Los navegadores Web.

Los navegadores Web

Para que el sitio web y sus páginas funcionen correctamente, tiene que haber un programa que
permita enviar y recibir la información a otra computadora que está, posiblemente en el otro
extremo del mundo. Este programa es un traductor de “lenguaje”: Del informático, al lenguaje que
estamos acostumbrados a ver en la pantalla: textos y gráficos.

El programa es el llamado navegador o explorador web, que realizará los pedidos a los sitios web,
traerá la información por una complicada red de conexiones, y la mostrará de forma correcta en tu
pantalla. Todo con un solo clic del mouse.

Algunos exploradores web famosos, por su uso a nivel mundial, son Mozilla Firefox, Google Chrome,
Microsoft Internet Explorer, Opera y Safari. Todos ellos cumplen la misma función: Encontrar,
traducir y ver la información por la autopista de internet.

Los navegadores utilizan para comunicarse internamente un lenguaje propio llamado HTML, es casi
invisible para el usuario de PC porque sería casi incomprensible el contenido de él.

Página 2 de 8
Páginas Web, enlaces y protocolos

El lenguaje secreto: HTML

Para principios de los años 80 internet ya estaba creada, y miles de

computadoras podían, en teoría, conectarse entre ellas, pero todavía HTML
no había un programa y lenguaje que permitirá hacerlo de una forma “Es el lenguaje con el que
sencilla. se programan, o crean,
las páginas y sitios web.”
Por ello Tim Berners-Lee, un investigador del CERN en Ginebra, dirigía
la búsqueda de un sistema de almacenamiento y recuperación de
datos que fuese simple de usar; dicho en otras palabras: Quería poder enviar y recibir información
de una PC a otra sin que sea muy complicado.

Este señor retomó la idea de un proyecto antiguo, llamado "Xanadú", de usar hipervínculos para
“navegar” por la información de los servidores (ver mas adelante el concepto de Hipervínculo). Para
poder navegar por esos vínculos se creó el lenguaje HTML.

HTML: Se trata de un lenguaje que utilizada conjuntos de textos o “etiquetas” para definir donde
aparecerá la información en la pantalla de la computadora. Además esas etiquetas determinan las
propiedades del objeto; por ejemplo para mostrar un texto que diga “HOLA MUNDO”, el código
HTML podría ser este:

Cuando el navegador lo muestra en la pantalla solo veremos esto: HOLA MUNDO.

¿Etiquetas?. En el siguiente ejemplo vemos las partes de una página web. Las dos primeras
imágenes de la izquierda, muestran el código HTML que “arma” la estructura básica de la página;
estas dos partes son invisibles a nuestros ojos, ya que solo “disfrutamos” de la última que es
propiamente la información recuperada y armada en el formato que conocemos: página web.

Así se ve el código HTML que “viaja” por la Así “vemos” la página Web una vez
Así “arma” el navegador ese código HTML
web. “traducida” por el navegador web.

Página 3 de 8
Páginas Web, enlaces y protocolos

Etiquetas en detalle

En el ejemplo de la izquierda vemos en detalle el

código HTML de una página. Mediante textos o
“etiquetas” como Font, Color, Margin,
Background, se le indica al navegador las
propiedades de un texto y donde está ubicado
en la pantalla.

El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas
imágenes. No se pensó que llegara a ser utilizado para lo que es hoy, pero fue tan flexible a lo largo
de los años que se sigue usando en TODOS los navegadores web. Por ejemplo hoy la versión mas
avanzada de HMTL es la 5.

Programar en HTML no es complicado, solo hace falta estudio del lenguaje y muchísima práctica.
Para ayudar al programador, varias empresas como Adobe y Microsoft, crearon programas
especiales para armar sitios y páginas web, sin la necesidad de escribir una sola línea en HTML, el
mismo programa genera el código necesario. Algunos de estos programas son DreamWeaver, Muse
y Publisher; todos incluyen las herramientas para armar y publicar sitios web.

Ya sabemos que los navegadores usan un lenguaje propio para entenderse, ahora veremos cómo
hacen para ENVIAR y RECIBIR esa información. Hablaremos de Protocolos de trasferencia.

Hablemos el mismo idioma: HTTP

La “barra de navegación” es el lugar del navegador web donde escribimos la “dirección web” a la
cual queremos acceder, por ejemplo: www.mercadolibre.com.ar; con solo presionar ENTER el
navegador buscará ese sitio web para mostrarlo en tu pantalla. Si observamos bien, a la izquierda de
la dirección veremos un término nuevo que se agrega automáticamente: HTTP.

El término HTTP es la abreviación de Protocolo de Transferencia

Protocolo
de Hipertexto (del Inglés Hypertext Transfer Protocol). Parece
complicado, pero en realidad no lo es si examinamos este asunto Conjunto de reglas a
por partes, primero el Protocolo. seguir.

Dos comerciantes necesitan hacer un negocio, unos es CHINO y el otro ARGENTINO. Si bien cada
uno habla la lengua de su país, sería ilógico pensar que podrían comunicarse de esa manera ya que
sería imposible que se entendieran. Por ello antes de hacer el negocio, deciden en qué idioma, en
común, hablarán; ese idioma posiblemente sea el INGLES. Estos dos comerciantes establecieron un
PROTOCOLO DE COMUNICACIÓN para poder enviar y recibir información.

Página 4 de 8
Páginas Web, enlaces y protocolos

En internet también es necesario usar un protocolo para

que las computadoras “hablen” o se comuniquen entre sí.
Podemos decir que HTTP es el “lenguaje” o protocolo de
comunicación que usaran las computadoras para
comunicarse por internet.

Volviendo al ejemplo anterior, los comerciantes conversan

haciendo preguntas y recibiendo respuestas. En internet
las computadoras también operan a través de solicitudes y
respuestas, entre un "cliente" y un "servidor". El cliente
para los usuarios es el navegador web, usado para navegar por la red, y el servidor es aquel lugar
donde se almacenan las páginas de Internet.

Por eso cuando escribimos www.facebook.com,

inmediatamente el navegador agrega primero el protocolo
de comunicación: http:// y luego completa la dirección,
quedando así: http://www.facebook.com. Con eso le indica
al navegador que usaran el protocolo de comunicación
llamado HTTP.

Algunos servidores utilizan un protocolo mas avanzado llamado HTTPS, que solo agrega esa legra
“S”, que significa SEGURO. Este protocolo se lo utiliza en algunos sitios web que puedan manejar
información “sensible” o privada. Son ejemplos de ello: Bancos, Tarjetas de crédito, Sitios de
subastas, etc.

Al usar el protocolo HTTPS le indica a nuestro navegador que emplee encriptación adicional para
proteger la información que está siendo transferida, lo que es especialmente indicado para las
transacciones en línea

Saber lo que es http y toda la información que sigue a este atributo cuando
visitamos páginas web no solo es un dato curioso, sino que además nos ayuda a
proteger nuestra privacidad.

Cuando realicemos compras en línea o transacciones en donde se involucre nuestra información

personal, siempre debemos mirar nuestra barra de direcciones y buscar el HTTPS junto con el
nombre correcto del sitio o institución que visitamos. Es un crimen bastante común el intentar imitar

Página 5 de 8
Páginas Web, enlaces y protocolos

páginas de bancos y similares para que las personas ingresen su información personal, pero con
algo de conocimiento básico esto es fácil de evitar.

HTTP no es único lenguaje o protocolo que existe en Internet, pero si el mas usado. Hay otros que
son menos conocidos, pero no dejan de ser importantes ya que son servicios muy importantes.
Algunos de ellos son:

 FTP (File Transfer Protocol), Protocolo de Transferencia de

Archivos, para transferencia de archivos o ficheros.
 POP (Post Office Protocol), Protocolo de Oficina Postal, para
correo electrónico.
 SMTP (Simple Mail Transfer Protocol), Protocolo de
Transferencia Simple de Correo, para correo electrónico.
 Telnet (Teletype Network), para acceder a equipos remotos.

Encontrando la información
Aprendimos que el primer paso que hace el navegador web para ubicar un sitio web, es establecer
el protocolo de comunicación, luego “busca” la información que está indicada a la derecha de la
barra del navegador. Si observamos nuevamente la “barra de navegación” verás de que hablamos:

A todo este conjunto se le conoce como URL.

URL
Las siglas URL corresponden a las palabras inglesas Uniform
Resource Locator, que en español viene a significar algo así La URL es el modo que tiene la
Web de identificar cualquier tipo
como "Localizador Uniforme de Recursos", ¡Más palabras raras!. de archivo o recurso en
cualquier parte del mundo.
El funcionamiento es similar al sistema que utiliza la PC para
localizar archivos, o recursos, dentro del mismo equipo, por
ejemplo:

Página 6 de 8
Páginas Web, enlaces y protocolos

Para localizar el archivo Atlas mundial.doc, primero hay que indicarle a la PC que el archivo se
encuentra dentro del disco C:, y que además está dentro de varias carpetas: Mis Documentos y Mis
Trabajos. A toda esa dirección se la llama RUTA.

En internet el sistema es similar, pero en vez de “discos locales” usamos primero el protocolo de
comunicación, para luego ubicar el dominio, y luego localizar dentro de las carpetas del sitio, el
recurso o archivo que se va a mostrar en el navegador de internet.

Usualmente una URL consta de tres partes: protocolo, dominio y ruta, como lo muestra la siguiente
imagen:

 Ya sabemos que el Protocolo le dice a la computadora qué “lenguaje” deben utilizar para
comunicarse.

 El Dominio es el nombre único que pertenece a la computadora con la que se está

conectado, empieza con el nombre del servidor, luego siguen las extensiones separadas por
un punto (para este caso udea es el nombre del dominio de la universidad, edu es la
extensión usada por las instituciones educativas y co es el identificador de Colombia).

 La Ruta es la lista de carpetas en la computadora remota, que se debe seguir hasta localizar
el archivo.

¿Dónde veo la URL? Podemos ubicarla en la parte superior de nuestro navegador de internet:

Página 7 de 8
Páginas Web, enlaces y protocolos

¿Qué es un Hiperenlace?
Para entender mejor este concepto, usaremos el ejemplo de la lectura de un libro: Al leer, lo
hacemos en forma lineal: Renglón por renglón y página por página en forma secuencial. Pero a
veces encontramos en los textos, pequeños números con el formato superíndice.

Esos números se llaman referencias y nos invitan a ir al apéndice del libro, para ubicar el numerito y
ampliar el significado de esa palabra, en este caso sobre la palabra “tabaquillos”, ejemplo:

Ampliado el concepto de esa palabra, volvemos a la misma hoja y continuamos leyendo nuestro
texto. Este tipo de lectura se llama Lectura no lineal, porque “saltamos” entre página y página del
libro, ampliando el concepto de palabras.

El hiperenlace, también llamado enlace, vínculo, o hipervínculo, funciona de forma similar: “es un
elemento de un documento electrónico, pagina web, que hace referencia a otro recurso”,
como por ejemplo otro documento de otro documento.

Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al
recurso referenciado en diferentes formas.

En internet las referencias funcionan igual que en un libro: permiten “saltar” de un lugar a otro ampliando el conocimiento.

Página 8 de 8