Make your own free website on Tripod.com
Prefacio L1 L2 L3 L4 L5 L6 L7 L8 Apéndices

6.1 FRAMESET

Frecuentemente al crear un sitio web se da el caso de que varias páginas contienen ciertos elementos comunes, como puede ser una lista de ligaduras o un logo. En estos casos resulta cómodo dividir cada página en marcos (frames) de manera tal que los elementos comunes se inserten en marcos que no cambian mientras que los variables se insertan en un (o varios) marco(s) cuyo contenido(s) cambia(n) según el caso.

En HTML el tag FRAMESET permite dividir una página web de la manera arriba descrita. Su sintaxis general es

<HTML>

 

<HEAD>

<TITLE>título</TITLE>    

</HEAD>

 

<FRAMESET> 

     definiciones 

</FRAMESET>

 

</HTML>

Note que en el código fuente se omite el tag <BODY>.

El tag FRAMESET tiene dos propiedades: ROWS y COLS. La propiedad ROWS se utiliza para dividir la página web en marcos horizontales.

Primer marco

 

 

Segundo marco

 

 

Tercer marco

 

 

 

la propiedad COLS se utiliza para dividir la página web en marcos verticales.

 

Primer marco Segundo marco

 

 

 

 

 

 

 

 

 

Tercer marco

 

El HTML no permite usar ambas propiedades simultáneamente en un mismo FRAMESET.

 

La sintaxis general para configurar un FRAMESET dividido en marcos horizontales es

 

<FRAMESET ROWS="altura del marco 1, altura del marco 2, altura del marco 3, ...">

 

Si la página se divide en marcos verticales

 

<FRAMESET COLS="ancho del marco 1, ancho del marco 2, ancho del marco 3, ...">

 

La altura y el ancho de un marco puede expresarse en pixeles o en porciento (con relación a la ventana del navegador). También puede utilizarse el símbolo * para asignarle a un marco todo el espacio que no fue asignado a los otros. Es práctica usual asignarle a uno de los marcos del FRAMESET el valor *, para evitar que quede espacio no utilizado por el conjunto de los marcos.

 

Para especificar que página debe abrirse dentro de un marco se utiliza el tag FRAME, cuya sintaxis general es 

 

<FRAME SRC=documento>

 

Por ejemplo, el código fuente

 

<html>

<head>
<title>frames</title>

</head>

<frameset rows="*,*">

<frame src="fisica.htm">
<frame src="index.htm">


</frameset>

</html>

 

produce la salida

 

 

donde el el marco superior se abre la página física.htm, y en la inferior index.htm.

 

Si el usuario hace clic en cualquiera  de las ligaduras que aparecen en el marco inferior, la correspondiente página se abrirá dentro de dicho marco, mientras que en el marco superior seguirá apareciendo el contenido de fisica.htm.

 

| Lección 6 | 6.1 | 6.2 | 6.3 | 6.4 |