Curso completo de HTML - Creación del documento de definición de frames (II)

División en filas

Hasta ahora hemos aprendido a dividir la ventana en columnas, pero como es de esperar también se puede dividir en filas. En esta ocasión será necesario usar el atributo ROWS (rows significa precisamente filas en inglés). El funcionamiento del atributo ROWS es muy similar al de COLS:

 
    <FRAMESET ROWS="alto_fila1, alto_fila2, ...">
  
 
       

En este caso es más importante, si cabe, tener en cuenta que ni podemos saber el alto de la ventana del navegador de aquellos que visiten nuestras páginas. Por esta razón el uso de tamaños relativos o del asterisco (*) es aún más usual. Veamos algunos ejemplos:

1. <FRAMESET ROWS="200,*,100">: Divide la ventana en tres filas: una superior de 200 pixeles en la que se podría poner un encabezado; una inferior de 100 pixeles en la que puede ponerse una coletilla o una barra de navegación; y una central que ocupa el espacio sobrante y donde se podría situar el contenido principal.

2. <FRAMESET ROWS="15%,*,3*">: Se divide la ventana en una primera fila que ocupa el 15% de la altura; la siguiente fila ocupará un cuarto del resto y la tercera tres cuartos.

No son necesarios más ejemplos para comprender el funcionamiento, así que vamos ya a definir el contenido de cada una de las divisiones que hemos aprendido a crear. Cuando insertemos este contenido, la división se convertirá en lo que realmente se llama frame. Mientras tanto ésta estará sujeta a más divisiones como veremos un poco más adelante.

Combinando COLS y ROWS

Los atributos COLS y ROWS pueden ser usados simultáneamente en una misma etiqueta FRAMESET. Si hacemos esto dividiremos la ventana del navegador en cuadrículas de diferentes tamaños. Podríamos interpretar el resultado de usar ambos atributos simultáneamente como que cada una de las filas definidas por ROWS es subdividida en el número de columnas que indica COLS. La página que mostramos en la figura 8.1 es una muestra del uso de COLS y ROWS simultáneamente. En ese caso el código usado fue:

 
    <FRAMESET COLS="*,*" ROWS="*,*">
  
  ...
  </FRAMESET>
 
       

También se pueden crear combinaciones más complejas como por ejemplo:

 
    <FRAMESET COLS="100,50,*,*"
    ROWS="15%,*,3*">
  
  ... Más código ...
  </FRAMESET>
 
       

Que da lugar a la página de la figura 8.12:

La etiqueta FRAME

La etiqueta usada para insertar el contenido en las filas, columnas o divisiones en general, hechas con la etiqueta FRAMESET, es FRAME. Esta etiqueta debe ser usada una vez por cada una de las divisiones que hallamos creado. Cada una de estas veces debemos usar un atributo, SRC, que servirá para indicar el documento HTML donde se encuentre el contenido que queremos insertar en esa división:

 <FRAME SRC="docum.htm">
 
       

Esta etiqueta consta de una única instrucción, es decir la instrucción de fin </FRAME> no existe, y debe ser insertada entre la instrucción de inicio y la instrucción de fin de la etiqueta FRAMESET.

Otro de los atributos más importantes de la etiqueta FRAME es NAME. Con este atributo le daremos un nombre al frame para poder referirnos posteriormente a él con el atributo TARGET o con los lenguajes de script. La forma de usar este atributo es:

 
    <FRAME SRC="docum.htm"
    NAME="primer_frame">
  
 
       

Si posteriormente queremos crear un enlace a este frame desde otro de la misma página no tendremos más que escribir:

 
    <A HREF="otro.htm"
    TARGET="primer_frame">
  
 
       

Con los conocimientos adquiridos hasta ahora en este capítulo, junto con lo que ya sabemos, estamos en disposición de crear nuestra primera página completa con frames.