Unidad 1: Introduccin a los conceptos bsicos de sitios Web

Tema 1: Conceptos y trminos relacionados con los sitios y servidores Web

Introduccin
En el mundo actual es casi es imposible trabajar sin computadoras y mucho menos
imaginar el no tener una conexin a Internet. La Internet lleg y se apoder de todos, sin
importar edad o condicin social. En los estratos donde las familias no pueden comprar
una computadora, es comn ver negocios que rentan su servicio y los cuales siempre
tienen clientes. Pero, que es Internet? y que es lo que todo mundo ve a travs de la
Internet?
Qu es Internet?
La palabra Internet es la abreviacin de International Network es decir una "Red
Internacional" y su definicin es: "un conjunto de redes locales, regionales, nacionales e
internacionales conectadas para intercambiar datos y distribuir trabajos de
procesamiento". Dichas redes se pueden conectar porque usan el mismo lenguaje de
conexin. Por medio de la Internet se pueden conectar millones de computadoras en
todo el mundo a travs de medios de transmisin como: lneas telefnicas, cables,
satlites y otros medios de telecomunicacin. Esta red ha cambiado al mundo ya que a
hecho posible que se pueda compartir informacin de muy diferente tipo como imgenes,
texto, sonidos, animaciones y videos en cuestin de segundos, todo esto a travs del
World Wide Web.

Qu es el World Wide Web o WWW?

El WWW es un sistema de informacin global, pblico e independiente, mediante el cual

un usuario cualquiera puede acceder a documentos HTML almacenados en diferentes
servidores ubicados en cualquier parte del mundo, pudiendo saltar de un servidor a otro
de forma instantnea mediante los enlaces de hipertexto contenidos en las pginas web.
El World Wide Web o WWW "es una red de computadoras basadas en Internet que
permiten que las personas puedan accesar informacin que se encuentra guardada en
otra computadora". Los principales componentes del WWW son los clientes y servidores
Web. Los clientes Web son computadoras que cuentan con software de computadora
conocidos como "navegadores", Netscape Communicator e Internet Explorer de
Microsoft, que permiten realizar peticiones de pginas a un servidor Web. El servidor Web
es una computadora remota en la cual se ejecuta el software de servidor Web y en la
cual se encuentran almacenados miles de sitios Web.
De esta forma, es posible que las personas que se conectan a dichos servidores Web
puedan ver los sitios Web que ah se encuentran. Los sitios Web son grupos de
documentos o pginas que se encuentran alojados en servidores Web y que muestran
informacin sobre cualquier cosa que te puedas imaginar. Puedes encontrar sitios que
muestran desde un sencillo proyecto a nivel personal hasta super proyectos que
muestran, almacenanan y administran las transacciones de grandes organizaciones y
universidades.
A un documento sencillo que se encuentra dentro de un sitio Web se le conoce con el
nombre de pgina Web. Los documentos o pginas de los sitios Web se encuentran
almacenados en computadoras con una gran capacidad de almacenamiento y que
alcanzan altas velocidades (servidores Web). Un servidor puede guardar miles de
documentos de muchos sitios Web diferentes. Cuando tu te conectas a un sitio Web en
particular, tu computadora se conecta a un servidor y recibe los documentos del sitio Web
a travs de Internet.
Arquitectura cliente-servidor
En toda peticin de una pgina web intervienen diferentes entidades: por un lado, el
programa navegador en el host que realiza la solicitud y por otro lado un programa
servidor alojado en un host remoto (denominado servidor web). Ambos
programas/equipos se comunican entre s por medio del acceso a Internet que facilita un
PSI (Proveedor de Servicios de Internet) y de las extensiones de red que proporciona una
determinada compaa.
Para establecer la conexin necesaria entre ambas mquinas se utiliza una arquitectura
de interconexin de redes, generalmente la arquitectura TCP/IP, en la que los datos en la
transmisin van pasando sucesivamente por diferentes dispositivos de red (generalmente
routers) desde el host emisor al host destino. Este sistema de comunicacin, en el que un
host realiza peticiones que son atendidas y contestadas por otro remoto, se denomina
arquitectura cliente-servidor. El host que realiza la peticin es el cliente, mientras que
el host que contesta dicha peticin es el servidor.

Los servidores, son los encargados de almacenar los archivos HTML, junto con las
imgenes, archivos CSS, archivos javascript, necesarios para la visualizacin correcta de
la pgina web. Un mismo servidor web puede estar atendiendo a la vez a diferentes
navegadores cliente.
Para poder realizar de forma adecuada las operaciones entre el cliente y el servidor, se
utilizan lenguajes estndar que fueron previamente acordados, llamados protocolos de
comunicacin. Por ejemplo, los clientes y servidores Web usan el protocolo denominado
HTTP por sus siglas en ingls de Hypertext Transfer Protocol (Protocolo de transferencia
de hipertexto) para enviar y recibir documentos de texto plano en formato ASCII.
Para poder identificar un documento o recurso de Internet de forma nica fue necesario
asignar a cada uno de ellos una especie de direccin, que se denomin URL Uniform
Resource Locator (Lcalizador Uniforme de Recursos), que indica tanto la localizacin
exacta del recurso como el protocolo necesario para su transferencia. La forma genrica
de la URL de una pgina web es:
http://www.servidor.dominio/carpeta/pagina.html
ejemplo:
http://www.htmlweb.net/redes/redes.html
Es muy sencillo realizar una conexin a un servidor para poder abrir las pginas Web que
se encuentran almacenadas ah, basta con abrir el navegador (Netscape o Explorer),
escribir la direccin de red del servidor o su URL en el navegador, oprimir la tecla de
<intro> y en cuestin de segundos se tendr en la pantalla el contenido de dicha
direccin.

Proceso de transferencia de pginas Web?

1. El usuario especifica en el cliente web (navegador) la direccin (URL) de la pgina

que desea consultar

2. El cliente establece la conexin con el servidor web a travs del protocolo HTTP
3. El cliente solicita la pgina o el objeto deseado
4. El servidor busca la pgina solicitada en su sistema de archivos. Si la encuentra,
5.
6.

la enva al cliente; en caso contrario, devuelve un cdigo de error.

El cliente interpreta los cdigos HTML y muestra la pgina al usuario.
Se cierra la conexin.

Cmo se desarrollan las pginas Web?

Las pginas Web se desarrollan usando el lenguaje de programacin llamado HTML
(Hypertext Markup Language) o Lenguaje de Marcacin de Hipertexto, el cual consiste en
un conjunto de instrucciones llamadas "etiquetas" que le indican al navegador como
mostrar un documento en hipertexto. Los archivos en HTML son almacenados en formato
de texto (cdigo ASCII), el cual es universal, lo que hace que dicho cdigo pueda ser
entendido por las diferentes plataformas computacionales.
Cmo afectan los navegadores en el diseo de las pginas Web?
El HTML es compatible con varias plataformas, lo que permite que distintas
computadoras puedan visualizar un documento de Web, ya sea que se est trabajando
con Windows, Macintosh o UNIX. Sin embargo no es una herramienta WYSIWYG (What
You See Is What You Get), "lo que ves es lo que obtienes", ya que su intencin inicial fue
la de expresar la estructura del documento, no las caractersticas del formato.
Cuando se va a desarrollar un proyecto Web es importante considerar el navegador en el
que se va a desplegar el sitio Web, ya que cada navegador interpreta de manera
diferente las etiquetas del cdigo, ocasionando que los resultados puedan variar de
navegador a navegador. Por esta razn, es muy comn ver anuncios en sitios Web que le
indican al usuario el navegador y la versin que ms le conviene usar para obtener los
mximos resultados deseados.
Debido a esta situacin, es muy importante que las pginas sean probadas en diferentes
navegadores y en distintas computadoras antes de ser publicadas para asegurar que se
muestre lo que se desea. A pesar de todo, esto no afecta el trabajo de desarrollo del
mismo, aunque puede variar un poco la forma en que los diferentes navegadores
muestren la pgina, pero el contenido es el mismo.

Segn Tim Berners-Lee, mejor conocido como el arquitecto de la WWW, cuando se disea
un sitio Web se deben tomar en cuenta los siguientes criterios acerca de los navegadores
que utilizarn los usuarios:

Disear el sitio tomando en cuenta el mnimo comn denominador. Es decir,

no utilizar la ltima versin de HTML, sino la anterior. Esto es con la idea de evitar
problemas con la versin que manejan las diferentes computadoras.
Disear con la tecnologa ms reciente. Es importante que los usuarios utilicen
el navegador ms reciente para aprovechar al mximo las ventajas que este
ofrece, pero tambin se debe considerar que esto puede ocasionar prdidas de
usuarios.
Disear para un navegador especfico. Es recomendable que el sitio se realice
para ser usado en varios navegadores, solamente en casos en que no sea posible,
el autor despliega un mensaje en el que indica el navegador y la versin en la que
se recomienda abrir el sitio.
Disear para la mayora de los navegadores. Esto es lo ms recomendable
para poder captar el mayor nmero de usuarios, pero esto implica dedicar ms
tiempo para probar que el sitio funcione en las diferentes plataformas.

Cul es la mejor herramienta para crear pginas y sitios Web?

El cdigo HTML para desarrollar un sitio Web puede ser generado de diferentes formas.
Por ejemplo a travs del NotePad cuando se trabaja en Windows y su equivalente en
Macintosh. El TeachText es una forma muy sencilla de aprender HTML ya que permite
introducir cada etiqueta de forma manual. Tambin existen paquetes que te permiten
editar y generar cdigo HTML como lo son el FrontPage de Microsoft y el DreamWeaver
de Macromedia y una ltima opcin es utilizar versiones de procesadores de texto que
convierten documentos de texto a cdigo HTML, el nico problema que existe con estos
ltimos, es que el cdigo HTML que generan no es el HTML estndar lo que produce
problemas en el momento de la publicacin, por lo que no es una opcin muy
recomendable.
Cualquiera que sea la herramienta que se elija, no se debe olvidar que cada navegador
interpreta de manera diferente las etiquetas del cdigo HTML y que los resultados pueden
variar cuando el sitio se muestra en la ventana del navegador, tampoco se debe perder
de vista que el HTML es un cdigo sencillo que no fue diseado para desplegar texto y
espaciamientos complicados. Es muy comn que en el diseo de pginas se utilicen
diferentes herramientas, por ejemplo se puede usar software de edicin de HTML para
generar la estructura bsica del sitio o elementos complejos del sitio.
A pesar de que existen diversas herramientas disponibles en el mercado para crear
pginas, es importante tener conocimientos bsicos del cdigo HTML para poder crear
pginas que no tengan problemas al momento de publicarlas en los diferentes servidores.
En este curso nos enfocaremos al diseo de pginas utilizando una herramienta de
edicin de cdigo HTML.