Internet

Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos
TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de
alcance mundial.

Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el envío de correo electrónico
(SMTP), la transmisión de archivos (FTP y P2P), las conversaciones en línea (IRC), la mensajería instantánea y presencia,
la transmisión de contenido y comunicación multimedia -telefonía (VoIP), televisión (IPTV)-, los boletines electrónicos
(NNTP), el acceso remoto a otros dispositivos (SSH y Telnet) o los juegos en línea.

Desde el punto de vista técnico, se trata de una “red de redes”, es decir, un conjunto de redes informáticas de ámbito
mundial.

Desde el punto de vista de quienes podemos usarla, Internet engloba un conjunto amplísimo de servicios, entre los que
destacan la World Wide Web y el correo electrónico. Internet, como red de redes, no es de nadie y, en teoría, nadie se
ocupa de ella. El sistema de mantenimiento es muy simple: cada organización, empresa, etc., cuida del funcionamiento
de su propia red.

Internet proviene de “interconneted networks” (“redes interconectadas”): básicamente se trata de millones de

computadoras conectadas entre sí en una red mundial.

Su forma de operación es descentralizada, esto significa que la información no necesita pasar necesariamente por un
nodo de la red, sino que puede tomar caminos alternativos según convenga. Este formato da lugar a una de las
paradójicas virtudes de Internet: su estado de permanente anarquía, esto es, la imposibilidad de una regulación central
y única del sostenido flujo de información que transita entre los distintos puntos terminales que la conforman.

WWW

WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema de documentos de hipertexto
que se encuentran enlazados entre sí y a los que se accede por medio de Internet. A través de un software conocido
como navegador, los usuarios pueden visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros
contenidos multimedia) y navegar a través de ellos mediante los hipervínculos.

De esta manera, podríamos decir, utilizando una comparación con el sector de las comunicaciones telefónicas, que www
es el “prefijo” que tiene todo portal que se encuentre en la mencionada Red al que queremos acceder.

El funcionamiento de la WWW se da por iniciado cuando un usuario ingresa una dirección (URL) en su navegador o
cuando sigue un enlace de hipertexto incluido en una página. El navegador entonces impulsa una serie de
comunicaciones para obtener los datos de la página solicitada y, de esta forma, visualizarla.

El primer paso consiste en transformar el nombre del servidor de la URL en una dirección IP, utilizando la base de datos
conocida como DNS. La dirección IP permite contactar al servidor web y hacer la transferencia de los paquetes de datos.

Luego se envía una solicitud HTTP al servidor a fin de lograr acceder al recurso. Primero se pide el texto HTML y después
se produce el análisis por parte del navegador, que realiza otras peticiones reservadas a los gráficos y al resto de los
archivos que formen parte de la página.

1
En informática, la World Wide Web (WWW) o Red informática mundial es un sistema de distribución de información
basado en hipertexto o hipermedios enlazados y accesibles a través de Internet. Con un navegador web, un usuario
visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos
multimedia, y navega a través de ellas usando hiperenlaces.

Web o la web, la red o www de World Wide Web, es básicamente un medio de comunicación de texto, gráficos y otros
objetos multimedia a través de Internet, es decir, la web es un sistema de hipertexto que utiliza Internet como su
mecanismo de transporte o desde otro punto de vista, una forma gráfica de explorar Internet.

La WWW, abreviatura de World Wide Web, es la red global mundial de intercambio de documentos a través de
hipertexto comúnmente conocida como Internet.

Para la informática, la World Wide Web es un sistema de información y documentos vinculada a través de hipertexto e
hipermedios a los que se puede acceder por medio de Internet, más específicamente, con un navegador web.

El “www” es actualmente un estándar mundial que la mayoría de los sitios web incluyen como parte de su dirección y
que es preciso para ingresar y navegar en la Web. Si bien Internet no consiste simplemente en el intercambio de
información y contenido a través de sitios web, se trata quizás de uno de los usos más difundidos de esta tecnología.

World Wide Web. Este término define al estándar que permite la visualización de todo tipo de contenidos en Internet,
sean tanto textos como archivos multimedia (Imágenes, Gráficos, Textos, Sonidos, etc.) siendo entonces un sistema
basado en los protocolos anteriormente mencionados y no la Internet en sí.

Navegador Web

Un navegador o navegador web (del inglés, web browser) es una aplicación que opera a través de Internet,
interpretando la información de archivos y sitios web para que éstos puedan ser leídos (ya se encuentre esta red
mediante enlaces o hipervínculos)

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con
recursos multimedia incrustados. Los documentos pueden estar ubicados en la computadora en donde está el usuario,
pero también pueden estar en cualquier otro dispositivo que esté conectado en la computadora del usuario o a través
de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).

Tales documentos, comúnmente denominados páginas web, poseen hipervínculos que enlazan una porción de texto o
una imagen a otro documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama
navegación, de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo
utiliza, a la cual también se le llama cibernauta). Por otro lado, hojeador es una traducción literal del original en inglés,
browser, aunque su uso es minoritario.

Un navegador web o explorador web (del inglés, navigator o browser) es una aplicación software libre que permite al
usuario recuperar y visualizar documentos de hipertexto, comúnmente descritos en HTML, desde servidores web de
todo el mundo a través de Internet. Esta red de documentos es denominada World Wide Web (WWW). Los navegadores
actuales permiten mostrar o ejecutar: gráficos, secuencias de vídeo, sonido, animaciones y programas diversos además
del texto y los hipervínculos o enlaces.

2
Un navegador web es un tipo de software que permite la visualización de documentos y sitios en hipertexto,
comúnmente agrupados bajo la denominación de Web o Internet.

Un web browser o navegador es una aplicación que opera a través de Internet, interpretando archivos y sitios web
desarrollados a menudo en código HTML que contienen información y contenido en hipertexto de todas partes del
mundo.

Los navegadores más populares son el Internet Explorer, Mozilla Firefox, Safari y algunos otros. Cada uno de ellos cuenta
con distintas características, pero en general existe un criterio compartido que les permite mostrar tanto texto como
gráficos, video, sonido, animaciones y hasta ejecutar programas. En todos los casos, la experiencia de navegación tiene
lugar a través del hipertexto o los hipervínculos, que permiten ir de un lugar a otro, de una página o de un sitio web a
otro mediante simples clicks del mouse.

La principal función del navegador es poner rápida y sencillamente al alcance del usuario toda la información que ha
sido subida o incluida en la World Wide Web o, simplemente, la Web por usuarios y desarrolladores de todo el mundo.
Así, en todo momento y lugar, mediante una conexión web más simple o más compleja, cualquier persona puede
ingresar a sitios web de instituciones, empresas, organizaciones, universidades, bibliotecas e individuos.

El navegador tiene el expreso propósito de mejorar esta experiencia, a través de la incorporación de funcionalidades que
agilicen la navegación, o bien, que ofrezcan la información en la mejor calidad disponible.

HTTP

Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada
transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering
Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el
RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la
arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el
esquema petición-respuesta entre un cliente y un servidor. Al cliente que efectúa la petición (un navegador web o un
spider) se lo conoce como "user agent" (agente del usuario). A la información transmitida se la llama recurso y se la
identifica mediante un localizador uniforme de recursos (URL). Los recursos pueden ser archivos, el resultado de la
ejecución de un programa, una consulta a una base de datos, la traducción automática de un documento, etc.

HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. El desarrollo
de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que
un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de "sesión",
y también permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.

Significado de HTTP

HTTP son las siglas en inglés de HiperText Transfer Protocol (en español protocolo de transferencia de hipertexto). Es un
protocolo de red (un protocolo se puede definir como un conjunto de reglas a seguir) para publicar páginas de web o
HTML. HTTP es la base sobre la cual está fundamentado Internet, o la WWW. Si quieres saber más sobre WWW e
Internet, has clic aquí.

Cómo funciona el protocolo HTTP

3
El protocolo HTTP funciona a través de solicitudes y respuestas entre un cliente (por ejemplo un navegador de Internet)
y un servidor (por ejemplo la computadora donde residen páginas web). A una secuencia de estas solicitudes se le
conoce como sesión de HTTP.

La información que el navegador de Internet está presentando en un momento dado, se identifica en la llamada “barra
de navegación”, que comienza con http y se le conoce como URI (más conocido como URL).

Comunicación entre el navegador y el servidor

La comunicación entre el navegador y el servidor se lleva a cabo en dos etapas:

 El navegador realiza una solicitud HTTP

 El servidor procesa la solicitud y después envía una respuesta HTTP
En realidad, la comunicación se realiza en más etapas si se considera el procesamiento de la solicitud en el servidor.
Dado que sólo nos ocupamos del protocolo HTTP, no se explicará la parte del procesamiento en el servidor en esta
sección del artículo. Si este tema les interesa, puede consultar el articulo sobre el tratamiento de CGI.

Solicitud HTTP
Una solicitud HTTP es un conjunto de líneas que el navegador envía al servidor. Incluye:

 Una línea de solicitud: es una línea que especifica el tipo de documento solicitado, el método que se aplicará y
la versión del protocolo utilizada. La línea está formada por tres elementos que deben estar separados por un
espacio:
 el método
 la dirección URL
 la versión del protocolo utilizada por el cliente (por lo general, HTTP/1.0)
 Los campos del encabezado de solicitud: es un conjunto de líneas opcionales que permiten aportar
información adicional sobre la solicitud y/o el cliente (navegador, sistema operativo, etc.). Cada una de estas líneas
está formada por un nombre que describe el tipo de encabezado, seguido de dos puntos (:) y el valor del encabezado.
 El cuerpo de la solicitud: es un conjunto de líneas opcionales que deben estar separadas de las líneas
precedentes por una línea en blanco y, por ejemplo, permiten que se envíen datos por un comando POST durante la
transmisión de datos al servidor utilizando un formulario.

4
Protocolo FTP

Introducción al protocolo FTP

El protocolo FTP (Protocolo de transferencia de archivos) es, como su nombre lo indica, un protocolopara transferir
archivos.
La implementación del FTP se remonta a 1971 cuando se desarrolló un sistema de transferencia de archivos (descrito
en RFC141) entre equipos del Instituto Tecnológico de Massachusetts (MIT, Massachusetts Institute of Technology).
Desde entonces, diversos documentos de RFC (petición de comentarios) han mejorado el protocolo básico, pero las
innovaciones más importantes se llevaron a cabo en julio de 1973.
Actualmente, el protocolo FTP está definido por RFC 959 (Protocolo de transferencia de archivos (FTP) -
Especificaciones).

La función del protocolo FTP

El protocolo FTP define la manera en que los datos deben ser transferidos a través de una red TCP/IP.
El objetivo del protocolo FTP es:

 permitir que equipos remotos puedan compartir archivos

 permitir la independencia entre los sistemas de archivo del equipo del cliente y del equipo del servidor
 permitir una transferencia de datos eficaz

El modelo FTP
El protocolo FTP está incluido dentro del modelo cliente-servidor, es decir, un equipo envía órdenes (el cliente) y el otro
espera solicitudes para llevar a cabo acciones (el servidor).

Durante una conexión FTP, se encuentran abiertos dos canales de transmisión:

 Un canal de comandos (canal de control)

 Un canal de datos

5
Por lo tanto, el cliente y el servidor cuentan con dos procesos que permiten la administración de estos dos tipos de
información:

 DTP (Proceso de transferencia de datos) es el proceso encargado de establecer la conexión y de administrar el

canal de datos. El DTP del lado del servidor se denomina SERVIDOR DE DTP y el DTP del lado del cliente se
denomina USUARIO DE DTP.
 PI (Intérprete de protocolo) interpreta el protocolo y permite que el DTP pueda ser controlado mediante los
comandos recibidos a través del canal de control. Esto es diferente en el cliente y el servidor:
 El SERVIDOR PI es responsable de escuchar los comandos que provienen de un USUARIO PI a
través del canal de control en un puerto de datos, de establecer la conexión para el canal de control, de recibir
los comandos FTP del USUARIO PI a través de éste, de responderles y de ejecutar el SERVIDOR DE DTP.
 El USUARIO PI es responsable de establecer la conexión con el servidor FTP, de enviar los
comandos FTP, de recibir respuestas del SERVIDOR PI y de controlar al USUARIO DE DTP, si fuera necesario.
Cuando un cliente FTP se conecta con un servidor FTP, el USUARIO PI inicia la conexión con el servidor de acuerdo con
el protocolo Telnet. El cliente envía comandos FTP al servidor, el servidor los interpreta, ejecuta su DTP y después envía
una respuesta estándar. Una vez que se establece la conexión, el servidor PI proporciona el puerto por el cual se
enviarán los datos al Cliente DTP. El cliente DTP escucha el puerto especificado para los datos provenientes del
servidor. 
Es importante tener en cuenta que, debido a que los puertos de control y de datos son canales separados, es posible
enviar comandos desde un equipo y recibir datos en otro. Entonces, por ejemplo, es posible transferir datos entre dos
servidores FTP mediante el paso indirecto por un cliente para enviar instrucciones de control y la transferencia de
información entre dos procesos del servidor conectados en el puerto correcto.

6
En esta configuración, el protocolo indica que los canales de control deben permanecer abiertos durante la transferencia
de datos. De este modo, un servidor puede detener una transmisión si el canal de control es interrumpido durante la
transmisión.

FTP (siglas en inglés de File Transfer Protocol, 'Protocolo de Transferencia de Archivos') en informática, es un protocolo
de red para la transferencia de archivos entre sistemas conectados a una red TCP (Transmission Control Protocol),
basado en la arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un servidor para descargar
archivos desde él o para enviarle archivos, independientemente del sistema operativo utilizado en cada equipo.

El servicio FTP es ofrecido por la capa de aplicación del modelo de capas de red TCP/IP al usuario, utilizando
normalmente el puerto de red 20 y el 21. Un problema básico de FTP es que está pensado para ofrecer la máxima
velocidad en la conexión, pero no la máxima seguridad, ya que todo el intercambio de información, desde el login y
password del usuario en el servidor hasta la transferencia de cualquier archivo, se realiza en texto plano sin ningún tipo
de cifrado, con lo que un posible atacante puede capturar este tráfico, acceder al servidor y/o apropiarse de los archivos
transferidos.

Para solucionar este problema son de gran utilidad aplicaciones como scp y sftp, incluidas en el paquete SSH, que
permiten transferir archivos pero cifrando todo el tráfico.

Protocolo FTP

FTP (File Transfer Protocol) significa "Protocolo de trasferencia de archivos", y también se encuentra dentro de la capa
de aplicación. Este protocolo se utiliza para poder trasferir archivos entre el cliente y el servidor.

Normalmente se necesita un cliente FTP (cliente) y un servidor FTP (servidor) para poder realizar dicha transferencia de
archivos.

7
Tenemos que saber que FTP necesita de dos conexiones entre el cliente y el servidor; una para trasferir los archivos y
otra para comandos y respuestas. Estas dos conexiones las realiza el cliente, siendo una sola y permanente para los
comandos y la segunda conexión se abre y se cierra cada vez que se envíe un archivo.

Tenemos que decir, aunque pueda sonar a una obviedad, que la trasferencia de archivos se puede realizar en ambos
sentidos, cambiando los roles de cliente y servidor, dependiendo de quién sirva el archivo y de quién lo solicite.

Podemos mencionar un cliente FTP muy conocido y de software libre. Se trata del Filezilla, del cual tenemos bastante
información en Desarrolloweb.com.

Con esto hemos conocido bien lo qué son y cómo operan estos dos protocolos. En el próximo artículo veremos el de
correo electrónico, es decir, el SMTP/POP.

W3C

W3C son las siglas de World Wide Web Consortium, un consorcio fundado en 1994 para dirigir a la Web hacia su pleno
potencial mediante el desarrollo de protocolos comunes que promuevan su evolución y aseguren su interoperabilidad.

El consorcio está compuesto por un grupo de programadores, desarrolladores web, ejecutivos de la industria y usuarios
que ayudan a definir las especificaciones para el desarrollo de la tecnología web.

World Wide Web Consortium (Consorcio de la Web o Telaraña Mundial). Organismo que regula los estándares en la
WWW. Está dirigida por Tim Berners-Lee (creador de la WWW).

El World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la
World Wide Web.

Está dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de
Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Hyper Text Markup
Language,Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web.

CSS

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la
presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir,
describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es
pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

¿Para que sirve?

CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los
contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las
hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as
la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y
formato de sus documentos.

8
¿Cómo funciona?

El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y
que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre
corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.

Selector

El Selector especifica que elementos HTML van a estar afectados por esa declaración, de manera que hace de enlace
entre la estructura del documento y la regla estilística en la hoja de estilo.

Declaración

La Declaración que va entre corchetes es la información de estilo que indica cómo se va a ver el selector. En caso de que
haya más de una declaración se usa punto y coma para separarlas.

Propiedad o Atributo y Valor

Dentro de la declaración, la Propiedad o Atributo define la interpretación del elemento asignándosele un cierto Valor,
que puede ser color, alineación, tipo de fuente, tamaño..., es decir, especifican qué aspecto del selector se va a cambiar.

Tres tipos de estilos

La información CSS se puede proporcionar por varias fuentes, ya sea adjunto como un documento por separado o
incorporado en el documento HTML, y dentro de estas posibilidades destacan tres formas de dar estilo a un documento
web:

Hoja de Estilo Externa. La Hoja de Estilo Externa se almacena en un archivo diferente al del archivo con el código HTML al
cal estar vinculado a través del elemento link, que debe ir situado en la sección head. Es la manera de programar ms
eficiente, ya que separa completamente las reglas de formato para la página HTML de la estructura básica de la página.

Hoja de Estilo Interna. La Hoja de Estilo Interna est incorporada a un documento HTML, a través del elemento style
dentro de la sección head, consiguiendo de esta manera separar la información del estilo del código HTML.

Estilo en Línea. El Estilo en Línea sirve para insertar el lenguaje de estilo directamente dentro de la sección body con el
elemento style. Sin embargo, este tipo de estilo no se recomienda pues se debe intentar siempre separar el contenido
de la presentación.

Versiones CSS

Existen varias versiones: CSS1 y CSS2, la CSS3 está todavía en desarrollo por el CSS WG (Cascading Style Sheets Working
Group).

Los navegadores actuales implementan bastante bien CSS1 desde 1999 (tres años después de su lanzamiento) aunque
dependiendo de la marca y versión del navegador hay algunas pequeñas diferencias de implementación. El primer
navegador en dar soporte completo al CSS1 ha sido Internet Explorer 5.0 for the Macintosh en 2000, anteriormente el
que mejor soportaba CSS1 haba sido Opera, después otros navegadores también lo han ido implementando.
9
Sin embargo, CSS2 (lanzado en 1998) sólo está parcialmente implementado en los navegadores más recientes, variando
en estos los niveles de implementación.

Ventajas de CSS

La principal ventaja de CSS sobre el lenguaje HTML o similar, es que el estilo se puede guardar completamente por
separado del contenido siendo posible, por ejemplo, almacenar todos los estilos de presentación para una web de
10.000 páginas en un sólo archivo de CSS.

CSS permite un mejor control en la presentación de un sitio web que los elementos de HTML, agilizando su
actualización.

Aumento de la accesibilidad de los usuarios gracias a que pueden especificar su propia hoja de estilo, permitiéndoles
modificar el formato de un sitio web según sus necesidades, de manera que por ejemplo, personas con deficiencias
visuales puedan configurar su propia hoja de estilo para aumentar el tamaño del texto.

El ahorro global en el ancho de banda es notable, ya que la hoja de estilo se almacena en cache después de la primera
solicitud y se puede volver a usar para cada página del sitio, no se tiene que descargar con cada página web. Por otro
lado, quitando todo lenguaje de marcado en la presentación en favor del uso de CSS reduce su tamaño y ancho de
banda hasta más del 50%, esto beneficia al dueño del sitio web con menos ancho de banda y costes de almacenamiento,
as como a los visitantes para los cuales las páginas se van a cargar más rápido.

Una página puede tener diferentes hojas de estilo para mostrarse en diferentes dispositivos, como pueden ser
impresoras, lectores de voz, o móviles.

Hojas de estilo en cascada

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último
caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo
"<style>".

[editar]Sintaxis

CSS tiene una sintaxis  muy sencilla, que usa unas cuantas palabras claves tomadas del inglés para especificar los
nombres de sus selectores, propiedades y atributos. Una hoja de estilos CSS consta de 3 reglas. Cada regla consiste en
uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el
selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo
con el formato propiedad:valor;.1

En el CSS, los selectors marcarán qué elementos se verán afectados por cada bloque de estilo que les siga, pudiendo afectar a
uno o varios elementos a la vez, en función de su tipo, nombre (name), ID, clase (class), posición dentro del Document Object

Model, etcétera.2

Abajo puede verse un ejemplo de una parte de una hoja de estilos CSS:

10
selector [, selector2, ...] [:pseudo-class][::pseudo-element] {
propiedad: valor;
[propiedad2: valor2;
...]
}
/* comentarios */
[editar]Uso

Por ejemplo, el elemento de HTML <h1> indica que un bloque de texto es un encabezamiento y que es más importante que un
bloque etiquetado como <h2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para
darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <h1> debía disponer de la información si se

deseaba un diseño consistente para una página y, además, una persona que leía esa página con un navegador perdía
totalmente el control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <h1> no debería proporcionar información sobre cómo será visualizado, solamente marca la
estructura del documento. La información de estilo, separada en una hoja de estilo, especifica cómo se ha de mostrar <h1>:
color, fuente, alineación del texto, tamaño y otras características no visuales, como definir el volumen de un sintetizador de voz,
por ejemplo.

Por otro lado, antes de que estuviera disponible CSS, la única forma de componer espacialmente una página era el uso de
tablas<table>. Aunque esta era una técnica cómoda y versátil, ello conllevaba el uso de un elemento con una semántica

particular, y en el que la distribución de los datos no se ajustaban al flujo de la información que se obtenía en la vista desde los
navegadores habituales, lo que redundaba en una merma en la accesibilidad a la página por parte de otros navegadores
(orientados a personas con alguna deficiencia sensorial, o a ciertos dispositivos electrónicos).

Mediante el uso de CSS, se ha permitido eliminar el uso de tablas para el diseño, usándolas solamente para la muestra de
datos tabulados, si bien es cierto que obtener la versatilidad que ofrecía el diseño con tablas, es algo más complicado si no se
usan.

[editar]Formas de usar CSS

Para dar formato a un documento HTML, puede emplearse CSS de tres formas distintas:

1. Mediante CSS introducido por el autor del HTML

1. Un estilo en línea (online) es un método para insertar el lenguaje de estilo de página directamente dentro de
una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripción del
formateo dentro del documento de la página Web, a nivel de código, se convierte en una manera larga,
tediosa y poco elegante de resolver el problema de la programación de la página. Este modo de trabajo se
podría usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro o
estructurado que debería ser, pero funciona.
Dado que los clientes de correo electrónico no soportan las hojas de estilos externas, y que no existen
estándares que los fabricantes de clientes de correo respeten para utilizar CSS en este contexto, la solución
más recomendable para maquetar correos electrónicos, es utilizar CSS dentro de los propios elementos
(online).
11
 2. Una hoja de estilo interna, que es una hoja de estilo que está incrustada dentro de un documento HTML,
dentro del elemento <head>, marcada por la etiqueta <style>. De esta manera se obtiene el beneficio de
separar la información del estilo del código HTML propiamente dicho. Se puede optar por copiar la hoja de
estilo incrustada de una página a otra (esta posibilidad es difícil de ejecutar si se desea para guardar las
copias sincronizadas). En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere
proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando
algo a la página Web.

3. Una hoja de estilo externa, es una hoja de estilo que está almacenada en un archivo diferente al archivo
donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque
separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.

2. Estilos CSS introducidos por el usuario que ve el documento, mediante un archivo CSS especificado mediante las
configuraciones del navegador, y que sobreescribe los estilos definidos por el autor en una, o varias páginas web.
3. Los estilos marcados "por defecto" por los user agent, para diferentes elementos de un documento HTML, como por
ejemplo, los enlaces.
[editar]Niveles e historia

CSS se ha creado en varios niveles y perfiles. Cada nivel de CSS se construye sobre el anterior, generalmente añadiendo
funciones al previo.
Los perfiles son, generalmente, parte de uno o varios niveles de CSS definidos para un dispositivo o interfaz particular.
Actualmente, pueden usarse perfiles para dispositivos móviles, impresoras o televisiones.

[editar]CSS1

La primera especificación oficial de CSS, recomendada por la W3C fue CSS1, publicada en diciembre 1996, 3 y abandonada en
abril de 2008.3

Algunas de las funcionalidades que ofrece son:

 Propiedades de las Fuente, como tipo, tamaño, énfasis...

 Color de texto, fondos, bordes u otros elementos.

 Atributos del texto, como espaciado entre palabras, letras, líneas, etcétera.

 Alineación de textos, imágenes, tablas u otros.

 Propiedades de caja, como margen, borde, relleno o espaciado.

 Propiedades de identificación y presentación de listas.

[editar]CSS2

La especificación CSS2 fue desarrollada por la W3C y publicada como recomendación en mayo de 1998, y abandonada en
abril de 2008.4
Como ampliación de CSS1, se ofrecieron, entre otras:

12
 las funcionalidades propias de las capas (<div>) como de posicionamiento relativo/absoluto/fijo, niveles (z-index),

etcétera.

 el concepto de "media types",

 soporte para las hojas de estilo auditivas

 texto bidireccional, sombras, etcétera.

[editar]CSS 2.1

La primera revisión de CSS2, usualmente conocida como "CSS 2.1", corrige algunos errores encontrados en CSS2, elimina
funcionalidades poco soportadas o inoperables en los navegadores y añade alguna nueva especificación.

De acuerdo al sistema de estandarización técnica de las especificaciones, CSS2.1 tuvo el estatus de "candidato" (candidate
recommendation) durante varios años,5 pero la propuesta fue rechazada en junio de 2005; en junio de 2007 fue propuesta una
nueva versión candidata, y ésta actualizada en 2009, pero en diciembre de 2010 fue nuevamente rechazada.

En abril de 2011, CSS 2.1 volvió a ser propuesta como candidata, 6 y después de ser revisada por el W3C Advisory Committee,
fue finalmente publicada como recomendación oficial el 7 de junio de 2011. 7

[editar]CSS3

A diferencia de CSS2, que fue una gran especificación que definía varias funcionalidades, CSS3 está dividida en varios
documentos separados, llamados "módulos".
Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para
mantener la compatibilidad.

Los trabajos en el CSS3, comenzaron a la vez que se publicó la recomendación oficial de CSS2, y los primeros borradores de
CSS3 fueron liberados en junio de 1999. 8

Debido a la modularización del CSS3, diferentes módulos pueden encontrarse en diferentes estadios de su desarrollo, 9 de
forma que a fechas de noviembre de 2011, hay alrededor de cincuenta módulos publicados, 8 tres de ellos se convirtieron en
recomendaciones oficiales de la W3C en 2011: "Selectores", "Espacios de nombres" y "Color".

Algunos módulos, como "Fondos y colores", "Consultas de medios" o "Diseños multicolumna" están en fase de "candidatos", y

considerados como razonablemente estables, a finales de 2011, y sus implementaciones en los diferentes navegadores son
señaladas con los prefijos del motor del mismo. 10

[editar]Limitaciones y ventajas de usar CSS

[editar]Limitaciones

Algunas limitaciones que se encuentran en el uso del CSS hasta la versión CSS2.1, vigente, pueden ser:

 Los selectores no pueden usarse en orden ascendente según la jerarquía del DOM (hacia padres u otros ancestros)
como se hace mediante XPath
La razón que se ha usado para justificar esta carencia por parte de la W3C, es para proteger el rendimiento del navegador,

13
 que de otra manera, podría verse comprometido. XSLT soporta en la actualidad un mayor número de sistemas operativos.
Así mismo, también es mejor para trabajar con la mayoría de buscadores de Internet. 11 [cita  requerida]

 Dificultad para el alineamiento vertical; así como el centrado horizontal se hace de manera evidente en CSS2.1, el
centrado vertical requiere de diferentes reglas en combinaciones no evidentes, o no estándares.
 Ausencia de expresiones de cálculo numérico para especificar valores (por ejemplo margin-left: 10% – 3em +
4px;).
Un borrador de la W3C para CSS3, propone calc() para solventar esta limitación.12

 Las pseudo-clases dinámicas (como :hover) no se pueden controlar o deshabilitar desde el navegador, lo que las

hace susceptibles de abuso por parte de los diseñadores en banners, o ventana emergentes.
[editar]Ventajas

Algunas ventajas de utilizar CSS (u otro lenguaje de estilo) son:

 Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la
actualización del mismo.

 Separación del contenido de la presentación, lo que facilita al creador, diseñador, usuario o dispositivo electrónico que
muestre la página, la modificación de la visualización del documento sin alterar el contenido del mismo, sólo modificando
algunos parámetros del CSS.

 Optimización del ancho de banda de la conexión, pues pueden definirse los mismos estilos para muchos elementos
con un sólo selector; o porque un mismo archivo CSS puede servir para una multitud de documentos.

 Mejora en la accesibilidad del documento, pues con el uso del CSS se evitan antiguas prácticas necesarias para el
control del diseño (como las tablas), y que iban en perjuicio de ciertos usos de los documentos, por parte de navegadores
orientados a personas con algunas limitaciones sensoriales.

Lenguajes del lado del servidor y del usuario.

El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML
fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden.

Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de
un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es
enviado e interpretado por nuestro navegador (el cliente).

Sin embargo, si la página que pedimos no es un archivo HTML, el navegador es incapaz de interpretarla y lo único que es
capaz de hacer es salvarla en forma de archivo. Es por ello que, si queremos emplear lenguajes accesorios para realizar
un sitio web, es absolutamente necesario que sea el propio servidor quien los ejecute e interprete para luego enviarlos
al cliente (navegador) en forma de archivo HTML totalmente legible por él.

De modo que, cuando pinchamos sobre un enlace a una pagina que contiene un script en un lenguaje comprensible
unicamente por el servidor, lo que ocurre en realidad es que dicho script es ejecutado por el servidor y el resultado de
esa ejecucion da lugar a la generacion de un archivo HTML que es enviado al cliente.

14
Así pues, podemos hablar de lenguajes de lado servidor que son aquellos lenguajes que son reconocidos, ejecutados e
interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él. Por otro lado, los
lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y el JavaScript los cuales
son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente "digeridos" por el navegador y
no necesitan un pretratamiento.

Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, por ejemplo, un lenguaje de lado
cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser albergada en cualquier sitio
sin necesidad de pagar más ya que, por regla general, los servidores que aceptan páginas con scripts de lado servidor
son en su mayoría de pago o sus prestaciones son muy limitadas. Inversamente, un lenguaje de lado servidor es
independiente del cliente por lo que es mucho menos rígido respecto al cambio de un navegador a otro o respecto a las
versiones del mismo. Por otra parte, los scripts son almacenados en el servidor quien los ejecuta y traduce a HTML por lo
que permanecen ocultos para el cliente. Este hecho puede resultar a todas luces una forma legítima de proteger el
trabajo intelectual realizado.

Lenguajes del lado servidor y del lado cliente

A veces, cuando los expertos hablan del diseño de páginas web dinámicas, utilizan una jerga de siglas que describen la
gran variedad de lenguajes de programación utilizados para producir efectos dinámicos en una página web. Todos esos
lenguajes de programación pueden ordenarse en dos grupos, que responden a dos estrategias complementarias: los
programas que producen esas animaciones en la página web, ¿deben ejecutarse en el ordenador del cliente web? ¿o
deben ejecutarse en el servidor?

El navegador web es una aplicación que sólo comprende las etiquetas html. Con esas etiquetas, el programa navegador
da formato a la página y la presenta en la pantalla del usuario. Es un servicio esencial, pero sólo proporciona páginas
estáticas.

Hace ya mucho tiempo que los diseñadores de páginas web vieron la necesidad de incorporar a las páginas web
elementos dinámicos y comportamientos programados. No sólo para incluir animaciones gráficas, sino también para
interactuar con el usuario de la página para, por ejemplo, pedirle datos, seleccionar opciones o confirmar operaciones.

Como el lenguaje html es incapaz de proporcionar el control de los elementos dinámicos de una web, se recurre a incluir
pequeños programas o scripts en el código de la página. Estos scripts o módulos de programa, están escritos en un
lenguaje de programación idóneo. El código del script está incrustado o, como suele decirse en la jerga del oficio,
embebido en el código html, de modo que cuando el navegador recibe una página web, interpreta y da formato al
contenido de la página y entrega el código de los scripts al programa intérprete correspondiente, que deberá haber sido
instalado en el navegador como un plug-in.

Otra posibilidad, para dar efectos dinámicos a una página web, consiste en que las instrucciones correspondientes estén
escritas en un lenguaje de script, que es interpretado en el servidor para convertirlo en etiquetas html de forma oculta u
opaca para el navegador. De ese modo, el cliente recibe desde el servidor el código html ya terminado y no necesita
tener instalado ningún plug-in. En este caso, el intérprete del código del script debe residir en el servidor.

Así pues, podemos encontrar lenguajes de programación de scripts que residen en el lado del cliente y lenguajes que
residen en el lado del servidor. Cada uno de ellos tiene sus ventajas e inconvenientes:

15
Un lenguaje del lado cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser
albergada en cualquier sitio. Pero nuestra página no se verá bien si el ordenador cliente no tiene instalados los plug-in
adecuados. El código, tanto del hipertexto como de los scripts, es accesible a cualquiera y ello puede afectar a la
seguridad.

Un lenguaje del lado servidor es independiente del navegador utilizado, que no necesitará plug-in especiales para
visualizar correctamente cualquier página. Además, el código de los script puede ocultarse al terminal cliente, que sólo
verá el código html terminado. Por contra, la prueba y depuración de un script deberá hacerse desde el servidor.

Lenguajes del lado servidor o cliente

El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML
fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden.

Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una
petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente
conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente).  

Así pues, podemos hablar de lenguajes de lado servidor que son aquellos lenguajes que son reconocidos,
ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él.
Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y
el JavaScript los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser
directamente "digeridos" por el navegador y no necesitan un pretratamiento.

16
Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, por ejemplo, un lenguaje de
lado cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser albergada en
cualquier sitio sin necesidad de pagar más ya que, por regla general, los servidores que aceptan páginas con
scripts de lado servidor son en su mayoría de pago o sus prestaciones son muy limitadas. Inversamente, un
lenguaje de lado servidor es independiente del cliente por lo que es mucho menos rígido respecto al cambio de
un navegador a otro o respecto a las versiones del mismo.

Lenguajes del lado cliente

HTML

El lenguaje llamado HTML indica al navegador donde colocar cada texto, cada imagen o cada
video y la forma que tendrán estos al ser colocados en la página.

Elel lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una
cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es
un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica
que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar
que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se
utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está
en negrita</B>.

Esta página es un claro ejemplo de uso del HTML.

17
JAVASCRIPT

Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados

de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de
programación del lado del cliente, porque es el navegador el que soporta la carga de
procesamiento. Su uso se basa fundamentalmente en la creación de efectos especiales en las
páginas y la definición de interactividades con el usuario.

Las sentencias escritas en javascript se encapsulan entre las etiquetas <script> y </script>. por
ejemplo, si en el código de una página Web incluimos la sentencia

<script> 
window.alert("Bienvenido a mi sitio web. Gracias...")  
</script>

al abrir la página con el navegador se nos mostrará una ventana de bienvenida

APPLETS DE JAVA

Es otra manera de incluir código a ejecutar en los clientes que visualizan una página web. Se
trata de pequeños programas hechos en Java, que se transfieren con las páginas web y que el
navegador ejecuta en el espacio de la página.

Los applets de Java están programados en Java y precompilados, es por ello que la manera de
trabajar de éstos varía un poco con respecto a los lenguajes de script como Javascript. Los
applets son más difíciles de programar que los scripts en Javascript y requerirán unos
conocimientos básicos o medios del lenguaje Java.

La principal ventaja de utilizar applets consiste en que son mucho menos dependientes del
navegador que los scripts en Javascript, incluso independientes del sistema operativo del
ordenador donde se ejecutan. Además, Java es más potente que Javascript, por lo que el número
de aplicaciones de los applets podrá ser mayor.

Como desventajas en relación con Javascript cabe señalar que los applets son más lentos de
procesar y que tienen espacio muy delimitado en la página donde se ejecutan, es decir, no se
mezclan con todos los componentes de la página ni tienen acceso a ellos. Es por ello que con los
applets de Java no podremos hacer directamente cosas como abrir ventanas secundarias,

controlar Frames, formularios, capas, etc. 

VISUAL BASIC SCRIPT

18
 Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con Internet
Explorer. Es por ello que su utilización está desaconsejada a favor de Javascript.  

Está basado en Visual Basic, un popular lenguaje para crear aplicaciones Windows. Tanto su
sintaxis como la manera de trabajar están muy inspirados en él. Sin embargo, no todo lo que se
puede hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues este último es una
versión reducida del primero. 

El modo de funcionamiento de Visual Basic Script para construir efectos especiales en páginas
web es muy similar al utilizado en Javascript y los recursos a los que se puede acceder también
son los mismos: el navegador.

FLASH

Flash es una tecnología, y un programa, para crear efectos especiales en páginas web. Con Flash
también conseguimos hacer páginas dinámicas del lado del cliente. Flash en realidad no es un
lenguaje; Sin embargo, si tuvieramos que catalogarlo en algún sitio quedaría dentro del ámbito
de las páginas dinámicas de cliente.

Para visualizar las "películas" Flash, nuestro navegador debe tener instalado un programita
(plug-in) que le permita visualizarlas.

CSS

CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a
las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas
cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra,
fondos, colores... Incluso podemos definir nuestros propios estilos en un archivo externo a
nuestras páginas; así, si en algún momento queremos cambiar alguno de ellos, automáticamente
se nos actualizarán todas las páginas vinculadas de nuestro sitio.  

CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada.

Lenguajes del lado servidor

CGI

Es el sistema más antiguo que existe para la programación de las páginas dinámicas de
servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que
19
 destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para
el servidor que los ejecuta. 

Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C+
+ o Visual Basic pueden ser también empleados para construirlos.

PERL

Perl es un lenguaje de programación interpretado, al igual que muchos otros lenguajes de

Internet como Javascript o ASP. Esto quiere decir que el código de los scripts en Perl no se
compila sino que cada vez que se quiere ejecutar se lee el código y se pone en marcha
interpretando lo que hay escrito. Además es extensible a partir de otros lenguajes, ya que
desde Perl podremos hacer llamadas a subprogramas escritos en otros lenguajes. También
desde otros lenguajes podremos ejecutar código Perl.

ASP

ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de
páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje
Visual Basic Script o Jscript (Javascript de Microsoft).

PHP

PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del

servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y
mucha documentación.

JSP

JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas
de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en
Java.

Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de
múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Por tanto, las
JSP podremos escribirlas con nuestro editor HTML/XML habitual. 

Lenguajes del lado cliente-servidor

20
DHTML

DHTML no es precisamente un lenguaje de programación. Más bien se trata de una nueva

capacidad de la que disponen los navegadores modernos, por la cual se puede tener un
mayor control sobre la página que antes. 

Cualquier página que responde a las actividades del usuario y realiza efectos y
funcionalidades se puede englobar dentro del DHTML, pero en este caso nos referimos
más a efectos en el navegador por los cuales se pueden mostrar y ocultar elementos de la
página, se puede modificar su posición, dimensiones, color, etc.  

DHTML nos da más control sobre la página, gracias a que los navegadores modernos
incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas
se pueden ocultar, mostrar, desplazar, etc. 

Para realizar las acciones sobre la página, como modificar la apariencia de una capa,
seguimos necesitando un lenguaje de programación del lado del cliente como Javascript o
VBScript.

En la actualidad, DHTML también puede englobar la programación en el servidor.

Dentro del concepto de DHTML se engloban también las Hojas de Estilo en Cascada o CSS
(Cascade Style Sheets), que veremos a continuación.

XML

XML es una tecnología en realidad muy sencilla que tiene a su alrededor otras tecnologías
que la complementan y la hacen mucho más grande y con unas posibilidades mucho
mayores.

XML, con todas las tecnologías relacionadas, representa una manera distinta de hacer las
cosas, más avanzada, cuya principal novedad consiste en permitir compartir los datos con
los que se trabaja a todos los niveles, por todas las aplicaciones y soportes.

21