PDF de programación - Diseño de páginas web. Más allá de los tags...

Versión 1.1

Por Fco. José Hurtado Mayén
www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

Carta al lector

Elaboré este manual para la realización del curso de
HTML que ya he impartido dos veces con la Junior Empresa de la
Facultad de Informática de la Universidad de Murcia, INFOMUN
(http://www.um.es/infomun).

Como podréis comprobar, el manual ha sido realizado
incluyendo muchas fuentes diferentes y ha sufrido muchas
modificaciones, algunas de las cuales han podido no realizarse
correctamente, por lo que agradeceré que me hagáis llegar
cualquier comentario o sugerencia desde mi página web personal
www.francisco.hurtado.com

Bueno, espero que disfrutéis y encontréis todo lo que
buscais en este manual, y que en caso de dudas, no tengais
problema en enviarme un mensaje para que pueda solventar
vuestras dudas y así mejorar las próximas ediciones del manual.

¿Porqué este manual es gratis?

Este manual ha requerido muchas horas de trabajo por mi parte, y es además,

parte de un material educativo que empleo para el curso de Diseño de páginas web.

Por eso este manual no debería ser gratis, porque ha requerido muchas horas
de trabajo por mi parte... Por otra parte, he pensado que todos tenemos derecho a
tener un manual medio decente de páginas web y tampoco está tan bien el mío... ¿no
crees?

Bueno, si crees que mi trabajo se merece algún incentivo, ya sea en metálico
(lo que sea) o en especie (bocadillos, tortillas de patatas, discos compactos, libros,
etc), puedes enviarmelo a mi Facultad a la dirección:

Fco. José Hurtado Mayén
Delegación de Alumnos
Facultad de Informática
Universidad de Murcia

30100 – Espinardo

Murcia (España)

En fin... espero contar con tu colaboración y ayuda.

Disfruta este manual,

Fco. José Hurtado Mayén
www.francisco.hurtado.com

Página 2 de 213

www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

Diseño de páginas web

A. Direccionamiento en Internet.
B. Documentos HTML.
C. Gráficos.
D. Javascript.
E. Java.
F. ActiveX.
G. Streaming.
H. Tecnología Push.
I. HTML Dinámico.

Página 3 de 213

www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

A. Direccionamiento en Internet

1. Números IP y DNS.
2. Programas de aplicación y sus protocolos.
3. La Multipurpose Internet Mail Extension

(MIME).

4. Los Uniform Resource Location (URL).

Página 4 de 213

www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

A. Direccionamiento en Internet

La problemática del direccionamiento fue el aspecto principal que se
tuvo en cuenta al crear
los protocolos fundamentales TCP/IP.
Efectivamente, Internet se caracteriza más por la utilización de estos
protocolos de transmisión que por toda la cantidad de hardware (cables,
enrutadores, etc) utilizado para la conexión de ordenadores. En la
mayoría de las redes locales, junto al protocolo TCP/IP se utilizan
también otros protocolos de red, por ejemplo, el IPX de Novell Netware.
Por lo tanto no es acertado considerar el hardware de red como
componente directa de Internet. Por eso es imposible desarrollar en
Internet un concepto de direccionamiento basado directamente en el
hardware, tal como sucede, por ejemplo, con el teléfono normal donde,
por regla general, cada número de teléfono tiene asignado un solo
extremo de línea.

1. Números IP y DNS.

El Internet Protocol (IP) define la forma de los paquetes de datos que
se transmiten por la red. Cada uno de estos paquetes debe llevar la
dirección del remitente y la del destinatario en forma de número IP.
Cada número IP corresponde unívocamente a una de las unidades
activas conectadas a Internet. Estas unidades pueden ser tanto
ordenadores con aplicaciones de cliente o de servidor, como enrutadores
utilizados para la conexión de los diferentes segmentos de la red.

Un número IP se compone de una serie de cuatro números de un
byte de tamaño cada uno y que pueden tomar cualquier valor entre 0 y
255. Por lo general los cuatro números que forman un número IP van
separados entre sí por un punto. Los números IP son un reflejo directo
de la división de la Internet en diferentes redes locales (LAN). Estas
redes locales se conocen en Internet como “subredes” y pueden
identificarse en cada caso por los dos o tres primeros números de la
dirección IP. Esta división de la dirección IP en dirección del ordenador
y dirección de la subred es una condición importante para que el
enrutador (el ordenador responsable de enviar los paquetes de datos por
el buen camino desde cada nodo de la red) pueda desarrollar su trabajo
de manera efectiva.

Desde el punto de vista técnico, estas series de números que
forman el IP resultan muy apropiadas para el tráfico de datos. Pero para
la comodidad del usuario representan más bien un impedimento. Por
eso, paralelamente al sistema de números IP, se ha creado un sistema
de nombres que permite identificar con palabras a cada ordenador. Este
sistema es el Domain Name System, abreviado DNS. Un nombre de
ordenador dentro del DNS consta de varias partes separadas entre sí

Página 5 de 213

www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

por puntos. Estas partes del nombre de dominio están organizadas
jerárquicamente de modo que las partes del nombre que se encuentran
más a la derecha responden a indicaciones cada vez más generales. La
última parte del nombre hace referencia a la nación o, en el caso de los
ordenadores de EE.UU., a una de las seis áreas que se especifican en la
siguiente tabla:

Nombr e del ár ea
Com

Edu

Gov

Mil

Org

Net

administrados

por

empresas

organismos

escuelas y

administrados

por

administrados por

Si gni fi cado
“Commercial”
Ordenadores
comerciales.
“Educational”
Ordenadores
universidades.
“Government”
Ordenadores
gubernamentales.
“Military”
Ordenadores
militares.
“Organization”
Ordenadores administrados por organizaciones
privadas sin fines lucrativos.
“Network”
Ordenadores administrados por organizaciones que
se encargan de la administración o la organización
de redes de ordenadores.

administrados

por

organismos

Un nombre típico de dominio podría ser el siguiente:

cyber.mecheng.mich.edu

El ordenador con este nombre de dominio sería un ordenador

bautizado por su usuario con el nombre de “Cyber”, que se encuentra
dentro de la red local del área especializada “ingeniería mecánica” y
que, a su vez, forma parte de la red de la Universidad de Michigan,
incluida finalmente en el área “Educación”. Un ejemplo de nombre de
dominio de un ordenador español sería:

home.servicom.es

En este caso, se trata del ordenador en que se encuentran las

“homepages” principales de Servicom.

Lo importante es que los nombres de ordenador del DNS puedan

ser traducidos a los correspondientes números IP. Para esta función
existen en Internet ordenadores especiales: los servidores. Así, cuando
un usuario escribe un nombre DNS en el correspondiente programa
cliente de Internet, el ordenador debe establecer en primer lugar una

Página 6 de 213

www.francisco.hurtado.com

Diseño de páginas web
© Fco. José Hurtado Mayén 1999 - www.francisco.hurtado.com

conexión con uno de los servidores de nombres y consultar la dirección
IP correspondiente. El usuario no puede establecer la conexión deseada
hasta que no se conoce esta dirección.

2. Programas de aplicación y sus protocolos

Los protocolos TCP/IP son los que hacen posible la transmisión de
datos en forma de paquetes de datos. Para el usuario esta información
resulta de escaso interés, pues está interesado principalmente en cargar
y enviar unidades mayores de información, como archivos, correo
electrónico o páginas completas de la web. La tarea de dividir estos
bloques de información relevantes para el usuario en bloques más
pequeños, compatibles con los paquetes IP, y reagruparlos nuevamente
una vez realizada la transmisión, corre a cargo de programas especiales.
Estos programas especiales se dividen básicamente en dos grandes
grupos: clientes y servidores. Los programas cliente son los que utiliza
el usuario para su comunicación a través de Internet. Puede
diferenciarse dentro de este grupo entre clientes de correo electrónico,
clientes de news (conocidos como “readers”), clientes Gopher y
programas FTP. En el contexto que nos ocupan desempeñan un papel
esencial los browsers WWW, incluidos también en el grupo de
programas clientes. Por otra parte, los programas servidores son los que
mantienen a punto la información y la guardan temporalmente.

En Internet se desarrollan paralelamente una gran cantidad de
servicios. Actualmente es necesario instalar en un sistema informático
varios programas, con sus respectivos protocolos, para disfrutar de la
diversidad de servicios en Internet. Los diferentes protocolos necesarios
para los programas se diferencian en el número de puerto, el cual es a
su vez una parte integrante del URL correspondiente. La siguiente tabla
recoge los protocolos utilizados con mayor frecuencia en Internet:

Protocolo
HTTP

Puerto estándar
80

FTP

Telnet

21

23

Explicación
El “Hypertext Transfer
Protocol” es el
protocolo creado para
la transmisión de
archivos HTML.
El “File Transfer
Protocol” sirve para
copiar archivos entre
ordenadores de la red.
El protocolo Telnet
permite el pleno acceso
(un log-in) a un
ordenador remoto. A
diferencia de FTP, con
este protocolo se

Pági