UNIVERSIDAD NACIONAL AUTNOMA DE MXICO

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

CURSOS EN LNEA

DESARROLLO DE CURSOS EN LNEA

World Wide Web

Desarrollo de Cursos en Lnea

World Wide Web

La World Wide Web, tambin conocida como la Web, la Red o WWW (por World Wide Web),
nace a principios de los aos 90s en Suiza , tiene como funcin distribuir u ordenar la
informacin que est en Internet.

Caractersticas y aplicaciones de la Web

Hace uso de hipervnculos que llevan al usuario de un sitio web a otra pgina web o sitio
web.
En la red se utiliza el protocolo HTTP (Hypertext Transfer Protocol o Protocolo de
Transferencia de Hipertexto), el cual se cre para que los hipervnculos pudieran cumplir
su funcin, ste funciona con cuatro pasos bsicos:
la conexin
la solicitud
la respuesta
y la desconexin
La web se ha convertido en un medio de comunicacin, gracias a su popularidad para
publicar informacin por Internet, adems de un medio de comercio electrnico en donde
los consumidores eligen sus productos o servicios on-line1 y los adquieren comprando con
tarjetas bancarias.

web. Se usa en espaol:

Como sustantivo femenino, escrito con mayscula inicial, para designar a la
World Wide Web, Busca los videos en la Web. Se recomienda utilizar la palabra
Red, con mayscula inicial por tratarse de una antonomasia: Busca los videos
en la Red.
Como adjetivo significa de la Red o de Internet. Se usa normalmente en la
expresin pgina web o sitio web (web site). Pueden emplearse en su lugar, y
son ms recomendables, las denominaciones pgina electrnica y ciberpgina.
Su plural, como sustantivo, es webs. Se puede usar pginas web, pero se
recomiendo el uso de pginas webs: Consult muchas pginas webs.
Fuente: Real Academia Espaola. Diccionario Panhispnico de Dudas
http://lema.rae.es/dpd/?key=web

On-line: Significa en lnea y hace referencia a que el usuario debe estar conectada a Internet.

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

Direccin web (URL)

Una URL (Uniform Resource Locutor - Localizador Uniforme de Recurso), es una
secuencia de caracteres, de acuerdo a un formato estndar, que se usa para nombrar recursos,
como documentos e imgenes en Internet, por su localizacin.
Las URL fueron una innovacin fundamental en la historia de Internet. Fueron usadas por
primera vez por Tim Berners-Lee en 1991, para permitir a los autores de documentos establecer
hiperenlaces en la World Wide Web (WWW o Web). Adems es la cadena de caracteres con la
cual se asigna una direccin nica a cada uno de los recursos de informacin disponibles en
Internet. Existe una URL nica para cada pgina de cada uno de los documentos de la World
Wide Web.
Las direcciones web generalmente comienzan con http://www, se componen por el nombre de
la organizacin o una palabra relacionada con ste, seguida por el nombre de dominio que
indica el tipo de fuente, algunos de estos son:
.com Para entidades comerciales.
.gob Para agencias gubernamentales.
.edu Para instituciones educativas.
.org Para organizaciones sin fines de lucro.
.net Para empresas dedicadas a redes.
.info Para medios de comunicacin o informacin general.
Inmediatamente despus se tiene lo que se llama el dominio de segundo nivel, donde
intervienen aquellos que identifican a cada pas. mx para Mxico, es para Espaa, etc.
Cada uno de los elementos anteriores estn separados por un punto colocado entre cada uno de
ellos.

Figura 1. Direccin Web de la pgina del INEGI

Quiere conocer ms sobre dominios de Internet?, le recomendamos visitar el

siguiente sitio Web: http://www.dominios-internet.com/

Pginas y sitios web

La Web es un universo inagotable de informacin y es el elemento ms importante de Internet.
La forma de hacer enlaces a diferentes de un sitio a otro es la caracterstica de mayor
potencialidad en la red, con tan slo hacer clic en un botn o una frase de color.

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

As mismo la web tiene elementos que hacen imprescindible su buen funcionamiento como los
son las pginas web y los sitios web.

Pgina web
Tambin es conocida como pgina de Internet, y es considerada la unidad bsica del World
Wide Web. Bsicamente se trata de un documento que contiene informacin sobre un
tema, el cual se encuentra en un servidor o computadora como archivo compartido dentro de
la red. As cualquier persona puede tener acceso a este documento para consultarlo, siempre y
cuando tenga los permisos necesarios, desde cualquier parte del mundo.
Algunas de las caractersticas de una pgina web son el uso de texto, manejo de colores,
imgenes, dinmico, capaz de ejecutar acciones como abrir otras pginas al hacer clic sobre un
link o enlace, iniciar un mensaje de correo electrnico o abrir un sitio web con el uso de
hipervnculos.
El uso de pginas web ha crecido mucho en los ltimos aos, debido a esto cada institucin, ya
sea pblica o privada, cuentan actualmente con pginas web, y tambin existen pginas de uso
personal.

Figura 2. Pginas Web

Sitio web
Est formado por un conjunto de pginas web y archivos electrnicos, su pgina principal
denominada home page tiene por lo regular un mensaje de bienvenida, el nombre de dominio y
la direccin de internet correspondiente.
La finalidad de los sitios web va desde la comunicacin, mercadotecnia, entretenimiento, etc.,
dependiendo del dueo de la informacin y de los mensajes que quiere dar a conocer.

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

Cada sitio web tiene una direccin particular (URL) para que los usuarios puedan acceder a la
informacin. Cada URL depende del gnero del sitio destacando los sitios de negocios, servicio,
comercio electrnico en lnea, imagen corporativa, entretenimiento y sitios informativos.
Los nombres de estos sitios web obedecen a un sistema mundial de nomenclatura y estn
regidos por el ICANN (Internet Corporation for Assigned Names and Numbers).

Figura 3. Imagen de un sitio Web

Diferencia entre una pgina web y un sitio web

En ocasiones nombramos errneamente pgina web cuando hablamos de un sitio web, una
pgina web es una parte de un sitio web, por lo tanto, el sitio web es un conjunto de
pginas web.
Si lo tratramos de explicar con un libro, el libro en su totalidad sera un sitio web y un captulo
del libro sera una pgina web (ya que nos desplazamos por la pantalla para ver la totalidad del
contenido de la pgina Web), el ndice de los captulos equivaldra al mapa del sitio web.

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

Figura 4. Representacin de distintos pginas Web de un sitio Web2

Vnculos
Un hipervnculo, o simplemente vnculo (tambin llamado enlace o hiperenlace), es una
referencia en un documento de hipertexto a otro documento o recurso. En combinacin con un
protocolo de acceso y una red de datos, es utilizado para acceder al recurso referenciado. El
cual puede ser guardado, visto o mostrado como parte del documento referenciador.
Un vnculo es una zona de texto o grfico que al ser seleccionado permite el acceso a otra
pgina web o a otro lugar dentro de la pgina actual. Tambin es comn llamarlos hipervnculos
debido al propio lenguaje HTML.

Figura 5. La funcin de un vnculo es llevar al usuario a otro documento o recurso3

Cuando un texto o imagen es seleccionado como un vnculo sufrir dos modificaciones:

1. Se visualizar de manera distinta en el navegador, el texto aparecer subrayado y de un

color distinto al del resto del texto, y las imgenes estarn rodeadas por un borde del mismo

2
3

Imagen tomada de: http://www.artesyweb.com/cali/diseno-web/

Imagen tomada de: pixagono.wordpress.com

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

color que el determinado para el texto. Este ltimo borde puede ser eliminado con los
atributos de la imagen.
2. Al pasar el apuntador del mouse encima del vnculo la imagen del apuntador cambiar a
una pequea mano que apunta con el dedo ndice. Al hacer clic sobre la liga, el navegador
mostrar la pgina a donde hace referencia el vnculo, o a una seccin diferente de la pgina
actual. Por ejemplo, al inicio, al final o a la mitad de la pgina, o incluso a otro sitio Web.

Figura 6. Representacin de la funcin de los vnculos o enlaces4

HTML
El HTML (HyperText Markup Language o Lenguaje de Marcas de Hipertexto), es un lenguaje de
programacin enfocado a la construccin de pginas web. A travs de texto y etiquetas
(<etiqueta>), se puede describir la estructura de una pgina.
El lenguaje HTML est conformado de elementos, atributos, tipos de dato y declaracin de tipo
de documento.
La mayora de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se
muestra:

<table><tr><td>Contenido de una celda</td></tr></table>

Las etiquetas bsicas o mnimas son:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
ttulo</title>
La<title>Ejemplo
primera lneadenos
dice que es un documento de tipo pblico, la segunda inicia la pgina
</head>
propiamente, despus viene el encabezado que tiene el ttulo del documento, una vez editado
<body>
se<p>ejemplo</p>
termina el encabezado y viene lo que es el cuerpo o contenido de la pgina, la cual contiene
</body>
4 </html>
Imagen tomada de: www.learnthenet.com
Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin

World Wide Web

Desarrollo de Cursos en Lnea

Figura 7. Ejemplo del contenido HTML de una pgina web.

Para editar una pgina web se puede usar cualquier editor de texto, el ms comn es el Bloc de
notas. Para crear una pgina basta con colocar el cdigo bsico anteriormente mostrado, y
agregar las etiquetas necesarias para generar el tipo de contenido que requiera. Por ltimo se
debe guardar con la extensin html o htm.
En este curso no se vern dichas etiquetas ya que no es el objetivo del mismo, se recomienda al
lector revisar tutoriales de creacin de pginas web con HTML.

Si desea conocer ms sobre HTML le recomendamos visitan el siguiente sitio en donde

se encuentra un tutorial de HTML: http://es.html.net/tutorials/html/

Direccin General de Cmputo y de Tecnologas de Informacin y Comunicacin