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>
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]](wsicons/40.gif) |
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]](wsicons/41.gif) |
FRAME |
bordercolor frameborder framespacing marginwidth marginheight name noresize scrolling src |
Identifica cada marco y sus propiedades. |
![[En WebScope]](wsicons/43.gif) |
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]](wsicons/40.gif) |
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]](wsicons/40.gif) |
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]](wsicons/40.gif) |
border |
Especifica la anchura de los bordes entre marcos. (Ojo, sólo con Netscape) |
![[En WebScope]](wsicons/40.gif) |
bordercolor |
Especifica el color del borde de separación entre marcos. (Ojo, sólo con Netscape) |
![[En WebScope]](wsicons/40.gif) |
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]](wsicons/41.gif) |
framespacing |
Permite dejar un espacio en blanco alrededor de un marco. (Ojo, sólo con Explorer) |
![[En WebScope]](wsicons/41.gif) |
marginwidth |
Margen horizontal en el interior de un marco. |
![[En WebScope]](wsicons/41.gif) |
marginheight |
Margen vertical en el interior de un marco. |
![[En WebScope]](wsicons/41.gif) |
name |
Nombre identificativo del marco. |
![[En WebScope]](wsicons/41.gif) |
noresize |
Indica al navegador que el marco no es redimensionable. |
![[En WebScope]](wsicons/41.gif) |
scrolling |
Indica al navegador si el marco debe tener o no barras deslizantes en su interior. |
![[En WebScope]](wsicons/42.gif) |
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
|