Está en la página 1de 5

Unidad 1: Introducción a los conceptos básicos de sitios Web

Tema 1: Conceptos y términos relacionados con los sitios y servidores Web

Introducción

En el mundo actual es casi es imposible trabajar sin computadoras y mucho menos imaginar el no tener una conexión a Internet. La Internet llegó y se apoderó de todos, sin importar edad o condición social. En los estratos donde las familias no pueden comprar una computadora, es común 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 través de la Internet?

¿Qué es Internet?

La palabra Internet es la abreviación de International Network es decir una "Red Internacional" y su definición 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 conexión. Por medio de la Internet se pueden conectar millones de computadoras en todo el mundo a través de medios de transmisión como: líneas telefónicas, cables, satélites y otros medios de telecomunicación. Esta red ha cambiado al mundo ya que a hecho posible que se pueda compartir información de muy diferente tipo como imágenes, texto, sonidos, animaciones y videos en cuestión de segundos, todo esto a través del World Wide Web.

Unidad 1: Introducción a los conceptos básicos de sitios Web Tema 1: Conceptos y términos relacionados

¿Qué es el World Wide Web o WWW?

El WWW es un sistema de información global, público 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 instantánea mediante los enlaces de hipertexto contenidos en las páginas web.

El World Wide Web o WWW "es una red de computadoras basadas en Internet que permiten que las personas puedan accesar información 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 páginas 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 páginas que se encuentran alojados en servidores Web y que muestran información 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 página Web. Los documentos o páginas 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 través de Internet.

Arquitectura cliente-servidor

En toda petición de una página 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 compañía.

Para establecer la conexión necesaria entre ambas máquinas se utiliza una arquitectura de interconexión de redes, generalmente la arquitectura TCP/IP, en la que los datos en la transmisión van pasando sucesivamente por diferentes dispositivos de red (generalmente routers) desde el host emisor al host destino. Este sistema de comunicación, 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 petición es el cliente, mientras que el host que contesta dicha petición es el servidor.

Los servidores, son los encargados de almacenar los archivos HTML, junto con las imágenes, archivos CSS,

Los servidores, son los encargados de almacenar los archivos HTML, junto con las imágenes, archivos CSS, archivos javascript, necesarios para la visualización correcta de la página 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 estándar que fueron previamente acordados, llamados protocolos de

comunicación. Por ejemplo, los clientes y servidores Web usan el protocolo denominado HTTP por sus siglas en inglés 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 dirección, que se denominó URL Uniform Resource Locator (Lcalizador Uniforme de Recursos), que indica tanto la localización exacta del recurso como el protocolo necesario para su transferencia. La forma genérica de la URL de una página web es:

http://www.servidor.dominio/carpeta/pagina.html

ejemplo:

http://www.htmlweb.net/redes/redes.html

Es muy sencillo realizar una conexión a un servidor para poder abrir las páginas Web que se encuentran almacenadas ahí, basta con abrir el navegador (Netscape o Explorer), escribir la dirección de red del servidor o su URL en el navegador, oprimir la tecla de <intro> y en cuestión de segundos se tendrá en la pantalla el contenido de dicha dirección.

Los servidores, son los encargados de almacenar los archivos HTML, junto con las imágenes, archivos CSS,

¿Proceso de transferencia de páginas Web?

1. El usuario especifica en el cliente web (navegador) la dirección (URL) de la página que
  • 1. El usuario especifica en el cliente web (navegador) la dirección (URL) de la página que desea consultar

  • 2. El cliente establece la conexión con el servidor web a través del protocolo HTTP

  • 3. El cliente solicita la página o el objeto deseado

  • 4. El servidor busca la página solicitada en su sistema de archivos. Si la encuentra, la envía al cliente; en caso contrario, devuelve un código de error.

  • 5. El cliente interpreta los códigos HTML y muestra la página al usuario.

  • 6. Se cierra la conexión.

¿Cómo se desarrollan las páginas Web?

Las páginas Web se desarrollan usando el lenguaje de programación llamado HTML (Hypertext Markup Language) o Lenguaje de Marcación 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 (código ASCII), el cual es universal, lo que hace que dicho código pueda ser entendido por las diferentes plataformas computacionales.

¿Cómo afectan los navegadores en el diseño de las páginas 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 intención inicial fue la de expresar la estructura del documento, no las características 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 código, ocasionando que los resultados puedan variar de navegador a navegador. Por esta razón, es muy común ver anuncios en sitios Web que le indican al usuario el navegador y la versión que más le conviene usar para obtener los máximos resultados deseados.

Debido a esta situación, es muy importante que las páginas 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 página, pero el contenido es el mismo.

Según Tim Berners-Lee, mejor conocido como el arquitecto de la WWW, cuando se diseña un sitio Web se deben tomar en cuenta los siguientes criterios acerca de los navegadores que utilizarán los usuarios:

Diseñar el sitio tomando en cuenta el mínimo común denominador. Es decir,

no utilizar la última versión de HTML, sino la anterior. Esto es con la idea de evitar problemas con la versión que manejan las diferentes computadoras.

Diseñar con la tecnología más reciente. Es importante que los usuarios utilicen

el navegador más reciente para aprovechar al máximo las ventajas que este ofrece, pero también se debe considerar que esto puede ocasionar pérdidas de usuarios.

Diseñar para un navegador específico. 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 versión en la que se recomienda abrir el sitio.

Diseñar para la mayoría de los navegadores. Esto es lo más recomendable

para poder captar el mayor número de usuarios, pero esto implica dedicar más tiempo para probar que el sitio funcione en las diferentes plataformas.

¿Cuál es la mejor herramienta para crear páginas y sitios Web?

El código HTML para desarrollar un sitio Web puede ser generado de diferentes formas. Por ejemplo a través 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. También existen paquetes que te permiten editar y generar código HTML como lo son el FrontPage de Microsoft y el DreamWeaver de Macromedia y una última opción es utilizar versiones de procesadores de texto que convierten documentos de texto a código HTML, el único problema que existe con estos últimos, es que el código HTML que generan no es el HTML estándar lo que produce problemas en el momento de la publicación, por lo que no es una opción muy recomendable.

Cualquiera que sea la herramienta que se elija, no se debe olvidar que cada navegador interpreta de manera diferente las etiquetas del código 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 código sencillo que no fue diseñado para desplegar texto y espaciamientos complicados. Es muy común que en el diseño de páginas se utilicen diferentes herramientas, por ejemplo se puede usar software de edición de HTML para generar la estructura básica del sitio o elementos complejos del sitio.

A pesar de que existen diversas herramientas disponibles en el mercado para crear páginas, es importante tener conocimientos básicos del código HTML para poder crear páginas que no tengan problemas al momento de publicarlas en los diferentes servidores. En este curso nos enfocaremos al diseño de páginas utilizando una herramienta de edición de código HTML.