El origen de las

paginas web

Origen de las web

Historia de la World Wide Web
a Web se remonta a la propuesta de Vannevar Bush en los aos 40

sobre un sistema similar: a grandes rasgos, un entramado de

informacin distribuida con una interfaz operativa que permita el
acceso tanto a la misma como a otros artculos relevantes
determinados por claves. Este proyecto nunca fue materializado,
quedando relegado al plano terico bajo el nombre de Memex. Es
en los aos 50 cuando Ted Nelson realiza la primera referencia a un
sistema de hipertexto, donde la informacin es enlazada de forma
libre. Pero no es hasta 1980, con un soporte operativo tecnolgico
para la distribucin de informacin en redes informticas, cuando
Tim Berners-Lee propone ENQUIRE al CERN (refirindose a Enquire
Within Upon Everything, en castellano Preguntando de Todo Sobre
Todo), donde se materializa la realizacin prctica de este concepto
de incipientes nociones de la Web.

significa la
palabra
Web?
World Wide Web (la "telaraa" o "maraa

mundial") es tal vez el punto ms visible de

Internet y hoy en da el ms usado junto con
el correo electrnico, aunque tambin es de
los ms recientes. Originalmente denominado
Proyecto WWW y desarrollado en el CERN
suizo a principio de los 90, parti de la idea de
definir un "sistema de hipermedios
distribuidos."

Pginas Web
Una ventana muestra al usuario la

informacin que desea, en forma de texto y

grficos, con los enlaces marcados en
diferente color y subrayados. Haciendo un clic
con el ratn se puede "saltar" a otra pgina,
que tal vez est instalada en un servidor al
otro lado del mundo. El usuario tambin
puede "navegar" haciendo pulsando sobre las
imgenes o botones que formen parte del
diseo de la pgina.

Estndares Web
Destacamos los siguientes estndares:
el Identificador de Recurso Uniforme (URI),

que es un sistema universal para referenciar

recursos en la Web, como pginas web,
el Protocolo de Transferencia de Hipertexto
(HTTP), que especifica cmo se comunican el
navegador y el servidor entre ellos,

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, el cual desarrolla y mantiene esos y
otros estndares que permiten a los ordenadores de
la Web almacenar y comunicar efectivamente
diferentes formas de informacin.

Este NeXTcube usado

por Berners-Lee en el
CERN se convirti en el
primer servidor web.

Las pginas de la WWW estn situadas en servidores de

todo el mundo (sitios Web), y se accede a ellas mediante

un programa denominado "navegador" (browser). Este
programa emplea un protocolo llamado HTTP, que funciona
sobre TCP/IP, y que se encarga de gestionar el aspecto de
las pginas y los enlaces.

La WWW
Puede definirse bsicamente como tres cosas:

hipertexto, que es un sistema de enlaces que

permite saltar de unos lugares a otros;
multimedia, que hace referencia al tipo de
contenidos que puede manejar (texto,
grficos, vdeo, sonido y otros) e Internet, las
base sobre las que se transmite la
informacin.

Cada pgina Web tiene una direccin nica en

Internet, en forma de URL. Un URL indica el

tipo de documento (pgina Web o documento
en formato HTML), y el de las pginas
hipertexto de la WWW comienza siempre por
http.

El 30 de abril de 1993, el CERN anunci que la

web sera gratuita para todos, sin ningn tipo

de honorarios.

Primer generacin:

Poco trabajo de diseo.

Pocas imgenes.
Todo se trabaja manualmente.
Diseo lineal.
Limitada tecnologa de los navegadores.
Poca capacidad de transferencia de
informacin grafica.

Segunda generacin:
Utilizacin de iconos.
Imgenes de fondo.
Aparece el diseo y uso de botones con

relieve.
Uso de banners.
Estructuracin de texto de forma jerrquica.
Propiedades del cdigo HTML estndar
definido.
Aparicin de monitores y tarjetas graficas con
mayores resoluciones y definicin de color.

No se tuvo en cuenta la accesibilidad ni la

usabilidad.
Diferencia en la aparicin de estndares de
los 2 principales navegadores: Internet
Explorer y Netscape.

Tercer generacion:
El diseo web sigue teniendo muchas

restricciones para el uso del lenguaje de los 2

navegadores web.
mas dinamismo con la aparicin de
Macromedia flash.
paginas de publicidad ventana de productos
y servicios.

Cuarta generacin:
El diseo web ya esta totalmente enfocado a

la multimedia integrando en las paginas web

los elementos multimedia de ultima
generacin.
Gran variedad de diseo debido a todas las
posibilidades que ofrece las ultimas
tecnologas para los programadores.
Las ultimas versiones de los navegadores
soportan muchas mas prestaciones y
elementos en las paginas web.

Quinta generacin:
La integracin de televisin en la web.

Auge de las paginas de televisin lp o

televisin online.

Evolucin de las paginas

web
Para el diseo de pginas web debemos tener en

cuenta tres etapas:

La primera es el diseo visual de la informacin

que se desea editar. En esta etapa se trabaja

distribuyendo el texto, los grficos, los vnculos a
otros documentos y otros objetos multimedia que
se consideren pertinentes. Es importante que
antes de trabajar sobre el computador se realice
un bosquejo o prediseo sobre el papel. Esto
facilitar tener un orden claro sobre el diseo.

Evolucin de las paginas

web
La segunda es la estructura y relacin jerrquica de

las pginas del sitio web, una vez que se tiene este
boceto se pasa a 'escribir' la pgina web. Para esto,
y fundamentalmente para manejar los vnculos
entre documentos, se cre el lenguaje de
marcacin de hipertexto o HTML.
La importancia de la estructura y arborescencia
web radica en que los visitantes no siempre entran
por la pgina principal o incial y en ese caso el sitio
debe darle la respuesta a lo que busca rpido,
adems permitirle navegar por el sitio.

Evolucin de las paginas

web
La tercera, etapa consiste en el

posicionamiento en buscadores o SEO. sta

consiste en optimizar la estructura del
contenido para mejorar la posicin en que
aparece la pgina en determinada bsqueda.

Evolucin de las paginas

web
El HTML consta de una serie de elementos que estructuran

el texto y son presentados en forma de hipertexto por

agente de usuario o navegadores. Esto se puede hacer con
un simple editor de textos (debe guardarse como texto
plano, sin ningn tipo de formato y con extensin .html
o .htm). Aprender HTML es relativamente fcil, as que es
sencillo crear pginas web de este modo. Esta era la nica
manera de generarlas hasta que aparecieron, a mediados
de 1996, algunos editores visuales de HTML, como MS
FrontPage y Adobe Dreamweaver. Con estas herramientas
no es necesario aprender HTML (aunque s aconsejable),
con lo cual el desarrollador se concentra en lo ms
importante, el diseo del documento.

Evolucin de las paginas

web
<h1> a <h6>: encabezados o ttulos del documento con diferente relevancia.
<table>: define una tabla.
<tr>: fila de una tabla.
<td>: celda de una tabla (debe estar dentro de una fila).
<a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro

de pasada por medio del atributo href. Por ejemplo: <a

href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia).
<div>: divisin de la pgina. Se recomienda, junto con css, en vez de <table> cuando
se desea alinear contenido.
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la
imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />. Es conveniente, por
accesibilidad, poner un atributo alt="texto alternativo".
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta
<strong>).
<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).
<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
<u>: texto subrayado.

La web en la actualidad
Generalmente una pgina Web hoy est compuesta por uno o varios documentos html
relacionados entre s mediante hipervnculos (enlaces). Adems estos documentos
pueden contener otros elementos como pueden ser imgenes, sonidos, animaciones
multimedia, aplicaciones
La pgina web tambin puede traer contenido que es interpretado de forma diferente
dependiendo del navegador y generalmente no es mostrado al usuario final. stos
elementos incluyen, pero no exclusivamente:

SCRIPTS, GENERALMENTE JAVA SCRIPT.

META TAGS.
HOJAS DE ESTILO (CSS - CASCADING STYLE SHEETS).
PLANTILLAS DE DISEO WEB

La web en la actualidad
Lenguaje de programacin: -- Lenguaje con el que est desarrollada una pgina Web.
Editor: -- Programa utilizado para crear pginas Web sin la necesidad de tener que
aprender el lenguaje.
Ejemplos: M. Front Page 2000 y Macro-media Dreamweaver.
Servidor -- Mquina conectada a Internet que entre otros servicios- ofrece albergue para
pginas Web haciendo que estn accesibles desde cualquier punto de Internet.
Cliente FTP -- Programa que permite conectarse al servidor para publicar pginas Web.
Hosting -- Hospedaje Web.
Dominio -- Direccin Web asociada a una pgina Web.

La web en la actualidad
Otros complementos de una web site
Banner:
Elemento grfico con forma rectangular, normalmente animado, cuyo contenido es
publicidad.
Imagen:
Archivo grfico que se puede insertar en una pgina Web y mostrar en un explorador de
Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros.
Propiedades:
Caractersticas de un elemento del Web actual, como el ttulo y la direccin URL de un
Web o el nombre y el valor inicial de un campo de formulario. Tambin puede
especificar propiedades para elementos de pgina como tablas, grficos y elementos
activos.

La web en la actualidad
Otros complementos de una web site
Elementos de una pgina web
Una pgina web tiene contenido que puede ser visto o escuchado por el usuario final.
stos elementos incluyen, pero no exclusivamente:
Texto. El texto editable se muestra en pantalla con alguna de las fuentes que el usuario
tiene instaladas (a veces se utiliza una tecnologa de fuentes incrustadas, con lo que
vemos en el monitor una fuente que realmente no poseemos, pero es poco frecuente.)
El texto editable puede marcarse con el ratn o el teclado y copiarse a otra aplicacin,
como el bloc de notas (muchos de los elementos textuales de las pginas, en especial
los ttulos, botones de navegacin, etc. son realmente grficos, y su texto no es
editable.)

La web en la actualidad

Las Aplicaciones de Internet, consisten en el aprovechamiento de la experiencia del

usuario en herramientas y funciones de escritorio tan naturales como copiar, cortar y
pegar, redimensionar columnas, y ordenar etc., con el alcance y la flexibilidad de
presentacin y despliegue que ofrecen las aplicaciones o pginas Web junto con lo
mejor de la multimedia (voz, vdeo, etc.).

Finalidad de una pagina

web

Las tecnologas de la informacin y la comunicacin no

son ninguna panacea ni frmula mgica, pero pueden

mejorar la vida de todos los habitantes del planeta. Se
disponen de herramientas para llegar a los Objetivos
de Desarrollo del Milenio, de instrumentos que harn
avanzar la causa de la libertad y la democracia, y de
los medios necesarios para propagar los conocimientos
y facilitar la comprensin mutua

Actualmente una pagina web tiene un costo promedio de

20usd lo cual equivale a 240usd anual.

En Mxico existe una cuota actual 70usd por concepto de

registro de nuevo dominio que cubre los 2 primeros aos de
operacin