Make your own free website on Tripod.com

tenpentonpe

Home | About Me | Favorite Links | Contact Me | Family Photo Album

julijo
cagtypr8.jpg
jj

jjjjj.jpg

El servicio Web o WWW es una nueva forma de representar la información en Internet basada en páginas. Una página WWW puede incluir tres tipos de información: texto, gráficos e hipertexto. Un hipertexto es texto resaltado que el usuario puede activar para cargar otra página WWW. La diferencia entre un documento hipertexto y un documento normal consiste en que el hipertexto contiene, además de la información, una serie de enlaces o conexiones con otros documentos relacionados, de manera que el lector puede pasar de un tema a otro y volver al documento original en el momento en que le interese.

El gran éxito de Web no se debe solamente al empleo del hipertexto. Es normal encontrar que los documentos WWW están compuestos de texto y gráficos, y los enlaces con otros documentos pueden ser palabras clave subrayadas o resaltadas en el texto, pero también la totalidad de una imagen o incluso partes de ella (como un mapa "sensible", que permite acceder a información sobre una ciudad haciendo un "click" del ratón sobre un determinado detalle del plano). Las últimas versiones de los programas navegadores (y la mayor rapidez de las telecomunicaciones) permiten integrar en un mismo documento texto, gráficos, sonidos o, incluso animaciones de vídeo. Estos documentos compuestos son los que reciben el nombre de hipermedia.

jjjjj.jpg

Qué es HTML?

HTML, HyperText Markup Language, es un lenguaje simple utilizado para crear documentos de hipertexto para WWW. No es un lenguaje de descripción de página como Postcript; HTML no permite definir de forma estricta la apariencia de una página, aunque una utilización algo desviada hace que se utilice en ocaciones como un lenguaje de presentación. Además, la presentación de la página es muy dependiente del browser (o programa navegador) utilizado: el mismo documento no produce el mismo resultado en la pantalla si se visualiza con un browser en modo línea, Mosaic o Netscape, o sea, HTML se limita a describir la estructura y el contenido de un documento, y no el formato de la página y su apariencia.

Una de las claves del éxito de WWW, aparte de lo atractivo de su presentación es sin duda, su organización y coherencia. Todos los documentos WWW comparten un mismo aspecto y una única interfaz, lo que facilita enormemente su manejo por parte de cualquier persona. Esto es posible porque el lenguaje HTML, en que están escritos los documentos, no solo permite establecer hiperenlaces entre diferentes documentos, sino que es un "lenguaje de descripción de página" independiente de la plataforma en que se utilice. Es decir un documento HTML contiene toda la información necesaria sobre su aspecto y su interacción con el usuario, y es luego el browser que utilicemos el responsable de asegurar que el documento tenga un aspecto coherente, independientemente del tipo de estación de trabajo desde donde estemos efectuando la consulta.

Evolución del lenguaje

El lenguaje HTML nace en 1991 de manos de Tim Bernes-Lee del CERN como un sistema hipertexto con el único objetivo de servir como medio de transmisión de información entre físicos de alta energía como parte de la iniciativa WWW. En 1993 Dan Connelly escribe el primer DTD (Document Type Definition) de SGML describiendo el lenguaje. En 1994 el sistema había tenido tal aceptación que la especificación se había quedado ya obsoleta. Por aquel entonces WWW y Mosaic eran casi sinónimos debido a que el browser Mosaic del NCSA (National Center for Supercomputing Applications) era el más extendido debido a las mejoras que incorporaba. Es entonces cuando nace el HTML 2.0 en un draft realizado también por Dan Connelly. El crecimiento exponencial que comienza a sufrir el sistema lleva a organizar la First International WWW Conference en Mayo de 1994. El principal avance de 2.0 de HTML es la incorporación de los llamados forms, formularios que permiten que el usuario cliente envie información al servidor y ésta sea recogida y procesada allí. Precisamente con este fin, NCSA presenta la especificación del CGI, Common Gateway Interface, versión 1.0 que define un interfaz entre programas ejecutables y el sistema WWW. Con la incorporación de los forms, aparecen por primera vez campos donde el usuario puede escribir, menús "pull-down" y los denominados "radio-buttons" integrados en páginas WWW.

Desde entonces, el lenguaje ha seguido creciendo como algo dinámico, como una lengua humana, algo vivo, siendo modificado sobre todo por las personas que lo utilizan. Asi, una evolución en el lenguaje suele surgir de una propuesta que es adoptada por algunos clientes (browsers). Con el uso se ve si es eficiente y es adoptada y si es así, finalmente se incorpora al estándar. De este modo, a finales de 1993 se comienza a hablar de HTML+ propuesto por Dave Raggett, de HEP Labs, en Bristol que evoluciona a un nuevo draft de Marzo de 1994 para la versión HTML 3.0 incorporando nuevas posibilidades como la realización de tablas complejas, control de proceso de formatos e incorporación de expresiones matemáticas.

ca81g3wthhhh.jpg

El testigo pasa del browser Mosaic al Netscape, que incorpora nuevas mejoras. Aunque el equipo de Netscape anuncia desde el principio que su browser trata HTML 3.0, lo cierto es que no se adapta al estándar. Por el momento, el único browser de HTML 3.0 es experimental y recibe el nombre de Arena. El lenguaje de Netscape, el más utilizado en la actualidad, incorpora etiquetas no definidas en HTML 3.0, y tiene algunas diferencias con algunas de las definidas, por ejemplo en la realización de tablas. Por otra parte, hasta la versión 2.0, recién aparecida, no permitía el empleo de expresiones matemáticas (al escribir este artículo el autor aún no ha analizado la versión 2.0). Y como gran idea propone la incorporación de un tipo MIME experimental que permite la actualización dinámica de documentos, del que se hablará en el apartado dedicado a la programación de CGI. Por ello, en "los ambientes" se ha comenzado a denominar este lenguaje de Netscape como NHTML 1.1 para diferenciarlo de la verdadera propuesta de HTML 3.0.

Clientes y servidores WWW

Para poder utilizar el servicio Web se necesitan dos partes. Por un lado, la empresa o institución que quiere facilitar su información tiene que crear páginas WWW, siguiendo el estándar definido por el lenguaje HTML, y ponerlas a disposición del público en Internet, en lo que se llama un servidor WWW. Por otro lado, el usuario que quiere acceder a dichas páginas tiene que utilizar un programa (cliente WWW) que lea las páginas WWW e interprete su siginificado (por ejemplo, un hiperenlace). Estos programas navedores o clientes WWW son los que permiten al ordenador del usuario interpretar el lenguaje HTML.

Existen numerosos programas gratuitos, y algunos comerciales, para leer los documentos WWW. El más conocido es probablemente el Mosaic, del Centro Nacional de Aplicaciones de Supercomputación (NCSA) de los Estados Unidos, del que existen versiones para diferentes plataformas (UNIX, Mac, Windows). Otros programas muy difundidos son Netscape (cuya versión beta es de libre disposición y que resulta más rápido que Mosaic), Cello, WinWeb o MacWeb (para Macintosh). Las capacidades de los diferentes navegadores pueden variar de uno a otro programa: aunque la mayor parte permiten el uso de gráficos como enlaces, quedan algunos como Lynx, para DOS, Unis o VMS) que sólo funcionan en modo texto.

Documentos


Marcas

Las marcas delimitan elementos de un documento como cabeceras, párrafos, etc y son utilizadas para dar un tratamiento diferente al texto que se encuentre entre las marcas.
En HTML las marcas se delimitan con los signos < (inferior a) y > (superior a). Un texto marcado tendrá por tanto este aspecto:

...texto normal <marca> texto afectado por la marca </marca> resto del texto...
Un ejemplo podría ser resaltar un texto en negrita, para ello se emplea la marca <B> y quedaría de la siguiente forma:
...texto normal <B> texto en negrita </B> resto del texto...

Atributos de las marcas

Algunas marcas pueden admitir atributos, pudiendo tener cada uno de estos atributos un valor. Este valor ira entre comillas (") si dicho valor es alfanumérico.

<marca atributo1=numerico atributo2="alfanumetrico">
Ejemplo:
<pre width=50>
<a href="/home/default.html">

Estructura de los documentos

Cabecera

La cabecera se emplea para facilitar información acerca del documento y está delimitada por <HEAD> prólogo </HEAD>.
Dentro de la cabecera podemos destacar el título que indica el nombre del documento <TITLE> </TITLE>.

<HTML>
<HEAD>
<TITLE> Bienvenido a nuestra guia rápida </TITLE>
</HEAD>
Cuerpo del documento
...
</HTML>

Cuerpo

El resto del documento residirá entre las marcas <BODY> y </BODY>. Esta es la estructura mínima que que debe poseer todo documento HTML:

<HTML><HEAD><TITLE>Bienvenido a la guia rápida</TITLE></HEAD>
<BODY>
Documento...
</BODY></HTLM>

A continuación describiremos algunos elementos que pueden aparecer dentro del cuerpo.

Encabezado

Los encabezados se emplean para dividir los documentos en secciones o mas concretamente para marcar los títulos de esas secciones. Las marcas son del tipo <H#> título </H#>, donde # puede ser un número cualquiera entre 1 y 6.

Tamaño mayor

<H1>Tamaño mayor</H1>
Tamaño menor
<H6>Tamaño menor</H6>

Definición de bloques

Para definir y separar bloques de texto se emplean una serie de marcas que definen párrafos, texto preformateado o bloques con significado especial como direcciones o citas.
Marcas de bloques:

  • <P> se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <P> y </P>
  • <PRE> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formato con el que fue escrito en el fichero fuente HTML.
  • <ADDRESS> empleada para indicar que un texto representa una dirección o una firma. Generalmente se activa en cursiva y suele estar tabulado.
  • <BLOCKQUOTE> Se suele representar con tabulaciones a la izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas.
  • <BR> Este elemento solo tiene marca inicial e indica un salto de línea.
  • <HR> Solo tiene marca inicial y se emplea para representar una línea horizontal.

Fondos y colores de texto

Un cierto número de atributos de la marca BODY permiten controlar el color del fondo de la ventana del browser, el color de los caracteres del texto, y finalmente el color de los enlaces:
< BODY atributo1 atributo2 atributo3 ... atributoN >

El atributo BGCOLOR
Este atributo permite escoger un color para el fondo de la página
<BODY BGCOLORS="#rrggbb"> donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul.

El atributo BACKGROUND
Este atributo especifica una imagen residente en el servidor la cual se utilizará como fondo de página.
<BODY BACKGROUND="fichero_gráfico.gif">

El atributo TEXT
Permite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace.
<BODY TEXT="#rrggbb">

Los atributos LINK, VLINK y ALINK
Controlan el color de los enlaces:
LINK color del enlace que aún no ha sido visitado.<BODY LINK="#rrggbb">
ALINK color muy fugaz que aparece cuando se hace clic sobre el enlace <BODY ALINK="#rrggbb">
VLINK es el color de un enlace que ya ha sido visitado <BODY VLINK="#rrggbb">

Tamaño de la letra y color <FONT>

La marca FONT permite actuar sobre bloques distintos de caracteres situados en la misma línea.

El atributo SIZE: Regula la altura de los caracteres (1 a 7).
El atributo COLOR: Especifica el color de los caracteres.
Ejemplo:
<font size=3 color=#008000> texto... <font>

Estilo Físico o estilo de los caracteres

<B> Negrita <b>hola!</b> hola!
<I> Cursiva <i>hola!</i> hola!
<U> Subrayado <u>hola!</u> hola!
<TT> Máquita de escribir <tt>hola!</tt> hola!

Estilos Lógicos , estilo de párrafo

<CITE> Cita
<CODE> Código fuente
<DFN> Definido
<EM> Enfatiza
<KDB> Palabra clave
<SAMP> Ejemplo
<STRONG> Resalta
<VAR> Variable

Inicio

Combinación de tamaño y estilo

Todo browser trabaja bajo el efecto de sólo un par cerrado de marcas
Ejemplo:

<i>
<font size=5>
<b>Hola,</b> cómo
<font size=6> estás? </font>
</font>
</i>
Hola, cómo estás?

jjjjj.jpg

Add your content here

dibujo.jpg

Add your content here

hhgg.jpg

ibujo.jpg

Add your content here
Add your content here

dibuj.jpg

Add your content here
Add your content here
Add your content here
Add your content here
Add your content here
Add your content here
Add your content here
Add your content here