[Anterior] [Indice] [email] [Siguiente]

Marcos

Ya hemos nombrado los marcos (o frames) en el capítulo de enlaces, ahora es el momento de empezar a verlos. Para los que estén algo despistados los marcos son los códigos de HTML que permiten dividir la ventana del navegador en determinadas zonas, que llamaremos marcos.

Una página que es la que guarda la distribución de los marcos, encargándose de indicar al navegador las dimensiones de cada uno de ellos, así como determinadas propiedades de los mismos.

Al igual que las tablas los marcos son códigos anidados, existe un código raíz FRAMESET con diferentes subramas determinadas por FRAME; cada uno de éstos últimos corresponde a un marco, siendo el primero el que determina el tamaño y distribución de los mismos (cada FRAMESET representa una fila o columna de marcos) y el segundo el que propiamente los identifica.

Una distribución básica de dos columnas y una cabecera se representaría como sigue...

<frameset cols="150,*">
   <frame src="c009e001a.htm" name="columna">
   <frameset rows="50"",*">
      <frame src="c009e001b.htm" name="cabecera">
      <frame src="c009e001c.htm" name="texto">
   </frameset>
</frameset>

b-ejemplo.gif

La primera columna tiene un ancho de 150 pixels y la segunda se redimensiona con el navegador, conteniendo dos filas, la primera con el 50% del navegador y la segunda con el resto.

Veamos los códigos y sus atributos soportados...

WS Código Atributos Descripción
[En WebScope] FRAMESET cols
rows
border
bordercolor
frameborder
Especifica la distribución de los marcos anidados por filas o columnas, así como su tamaño.
[En WebScope] FRAME bordercolor
frameborder
framespacing
marginwidth
marginheight
name
noresize
scrolling
src
Identifica cada marco y sus propiedades.
[En WebScope] NOFRAMES   Permite indicar un contenido alternativo para los navegadores que no soporten marcos.

Veamos ahora, desglosados, los diferentes atributos...

WS Atributo Descripción
[En WebScope] cols Dimensiones de las diferentes columnas. Podemos utilizar valores absolutos (en pixels) o relativos (usando porcentajes); separaremos la dimensión de cada columna por una coma y sin dejar espacios. Podemos utilizar el carácter "*" para indicar al navegador que utilice el espacio libre restante. Por ejemplo... COLS="100,20%,*" determinaría tres columnas, la primera de 100 pixels de ancho, la segunda con el 20% del ancho de la ventana del navegador y la tercera con el espacio restante.
[En WebScope] rows Dimensiones de las diferentes filas. Podemos utilizar valores absolutos (en pixels) o relativos (usando porcentajes); separaremos la dimensión de cada fila por una coma y sin dejar espacios. Podemos utilizar el carácter "*" para indicar al navegador que utilice el espacio libre restante. Por ejemplo... ROWS="100,20%,*" determinaría tres filas, la primera de 100 pixeles de altura, la segunda con el 20% de la altura de la ventana del navegador y la tercera con el espacio restante.
[En WebScope] border Especifica la anchura de los bordes entre marcos. (Ojo, sólo con Netscape)
[En WebScope] bordercolor Especifica el color del borde de separación entre marcos. (Ojo, sólo con Netscape)
[En WebScope] frameborder Determina si se deben mostrar o no los bordes de separación entre marcos. Notad que éste atributo usado en FRAMESET sólo es soportado por Netscape admitiendo los valores "yes y no", mientras que el Explorer lo admite en FRAME y con los valores "1 y 0".
[En WebScope] framespacing Permite dejar un espacio en blanco alrededor de un marco. (Ojo, sólo con Explorer)
[En WebScope] marginwidth Margen horizontal en el interior de un marco.
[En WebScope] marginheight Margen vertical en el interior de un marco.
[En WebScope] name Nombre identificativo del marco.
[En WebScope] noresize Indica al navegador que el marco no es redimensionable.
[En WebScope] scrolling Indica al navegador si el marco debe tener o no barras deslizantes en su interior.
[En WebScope] src Dirección URL del contenido del marco.

Bien, ya sabemos de que van los marcos, ahora sólo tenemos que utilizar el asistente de WebScope y olvidarnos de la dificultad.

Formularios


 Página diseñada con WebScope.
WebScope.
 By Quintus