INICIO: HTML

Con un enfoque práctico, el Inicio esta enfocado para guiar a quien desee construir su propia página Web. Para comenzar sólo se necesitan dos herramientas:

PROCESADOR DE TEXTO: Vale cualquiera que no formatee el texto. Como procesador puede utilizarse el Word [Archivo ® Nuevo ® Página Web ® Página Web en blanco]. Si quieres tener un color de Fondo en la página Web [Formato ® Fondo ® Amarillo].

NAVEDADOR WEB: Explorer, Netscape.

Para empezar a familiarizarse con el lenguaje HML: Guarda esta página como [index.html]. Después, en el Menú de Word, selecciona [Ver ® Código HTML]. Se puede observar que el principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de etiquetas (tags). Más concretamente:

DOCUMENTO: Se encuentra entre las etiquetas <HTML> y </HTML>

ENCABEZAMIENTO: Entre las etiquetas <HEAD> y </HEAD>. Dentro del encabezamiento hay información del documento que no aparece en la pantalla principal, me estoy refiriendo al título, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser descriptivo de su contenido y breve, pues será lo que vean los demás cuando visiten nuestra página.

CUERPO: Entre las etiquetas <BODY> y </BODY>

Con el texto introducido en una Tabla (debes trabajar con tablas), habrán aparecido otras etiquetas:

<TABLE> {contenido} </TABLE>. Dentro de lo anterior, están las etiquetas para cada fila <TR> y </TR>.

Cuando queremos separar el texto en distintos párrafos la etiqueta <P>, con su correspondiente cierre </P>. Cuando deseamos líneas en blanco <BR><P>, tantas veces como líneas deseemos.

El contenido que aparece 'hasta ahora' es una tabla de cinco filas (las filas 2ª y 4ª están divididas en dos celdas cada una). Trabajando con el procesador Word, observando el código HTML, iras cogiendo destreza.

 CONCEPTOS PARA FAMILIARIZARSE:

a> JavaScript, Java, o VRML

Para ampliar las capacidades del lenguaje HTML, surge JavaScript, Java, o VRML. Se hace necesario aclarar:

  • Java y JavaScript son cosas distintas. Java es un lenguaje de programación completo.
  • JavaScript no es un lenguaje de programación, no se puede elaborar un programa. Es un lenguaje script u orientado a documento. Con JavaScript se puede mejorar la página Web (efectos en la barra de estado, revisar formularios, animaciones usando HTML dinámico, ... ).

Un script es un pequeño lenguaje cuyo código se inserta en el ' encabezamiento { entre <HEAD> ... </HEAD> } ' del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página, o cuando se pulsa sobre un enlace.

Estos lenguajes, ejecutados desde el navegador del usuario, permiten variar dinámicamente el contenido del documento, modificar el comportamiento del navegador, validar formularios, realizar pequeños trucos visuales, etc.

Al ejecutarse desde el navegador del usuario, y nunca desde la máquina donde están alojados, no pueden manejar bases de datos. Esto hace que determinadas tareas, como los contadores (por ejemplo) se deban realizar de otra manera, utilizando programas CGI.

b> DHTML [HTML dinámico]

El HTML dinámico, conocido como DHTML, supone una verdadera revolución sobre la elaboración de páginas del Web.

El DHTML está basado en una idea simple: "Convertir las etiquetas del HTML en objetos programables, lo que permite poderlas manipular con JavaScript u otros lenguajes".

Hasta ahora, el navegador del usuario ejecutaba las etiquetas concretas del HTML una sola vez, en el momento de recibirlas desde el servidor. La función era única e inmutable.

Más concretamente: Cuando se deseaba colocar una imagen en una página Web, en el documento HTML se escribía la etiqueta: <IMG SRC="framefuente.gif" BORDER=O WIDTH=85 HEIGHT=120>, que define cuál es el fichero de imagen, qué atributos va a tener (dimensiones, leyenda, etc). El navegador del usuario, al recibir el documento HTML desde el servidor, interpreta las distintas etiquetas y va formateando la página de acuerdo a ellas. Al llegar a la etiqueta de imagen, la colocará en la página Web en una posición determinada y con los atributos indicados por la propia etiqueta. Cuando la imagen esté visible en la pantalla, ya no habrá nada que la haga cambiar.

Con el DHTML (HTML dinámico), se pueden conseguir muchas cosas: que al pasar el cursor del ratón por encima de la imagen, o al pulsarla, cambien los atributos de la imagen por otros distintos, o incluso por otra imagen diferente, textos que cambian de posición, color o fuente, enlaces que cambian de destino, etc.

Resaltar que, los cambios se producen sin que se tenga que volver a cargar la página desde el servidor, ni tampoco que el servidor deba estar configurado de ninguna manera especial para permitir esto.

 

 c> Common Gateway Interface - CGI

CGI es como la puerta de acceso que hay entre una página y el servidor de Internet donde reside la página web.

Por una parte, el navegador o browser realiza un importante trabajo en la presentación de una página web: componiendo la página; dando formato a los textos; visualizando gráficos, marcos, tablas e interpretando los clics del ratón.

Por otro lado, se realiza un trabajo en el servidor de Internet donde reside la página web. El servidor de Internet da respuesta en cada momento a las peticiones que realizan los propios browsers, por ejemplo, cuando piden una página nueva, hay que buscarla, prepararla y empaquetarla para su envío y finalmente enviarla a su destino.

Señalar que, cuando un navegador desea algo más que otra página Web o un gráfico desde el servidor, la solicitud va al CGI para poder ser procesada. Por ejemplo: solicitudes de búsqueda de texto, informes de datos, procesamiento de datos, necesitan un manejo especial.

Los programas CGI realizan el procesamiento, la construcción de los archivos, y el acceso a las bases de datos para las solicitudes especiales. Los documentos HTML y los programas CGI para un sitio de la Web están localizados usualmente en el mismo servidor.

Un ordenador puede tener un número de cuentas de sitios Web, cada una con su propio conjunto de directorios independientes en el servidor. Considerando que los programas CGI deben acceder en ocasiones a los archivos del servidor y a otros recursos, los administradores del sistema de la Web aplican medidas de seguridad con reglas y procedimientos para la transferencia de los archivos y para la utilización de programas CGI.

 

 d> Perl y HTML

Para crear formularios en la Web, se requiere de un lenguaje de programación para procesar los datos que son enviados al servidor. Perl es un lenguaje especializado en buscar, extraer y presentar información. Perl y el HTML cruzan sus caminos a través del CGI.

Las solicitudes de procesamiento corren desde los documentos HTML a través del CGI, donde los programas Perl reciben las solicitudes y manejan la información.

La respuesta usual proporcionada por un programa CGI de Perl toma la forma de otra página HTML, que se construye frecuentemente sobre la marcha para cumplir las necesidades específicas del solicitante.