Marcos

Los marcos (vulgarmente conocidos como frames) permiten dividir la pantalla en diversas zonas que pueden actuar independientemente unas de otras. Resultan útiles para mostrar permanentemente en una ventana el sumario de una página, y en otra, el contenido seleccionado.

Para definir las diferentes subventanas o frames se utilizan las directivas <FRAMESET>, </FRAMESET> y <FRAME>.

La directiva <FRAMESET> indica cómo se va a dividir la ventana principal. Pueden incluirse varias directivas <FRAMESET> anidadas con la finalidad de subdividir una división. Los atributos ROWS y COLS definen si la división de la pantalla se hace por filas o por columnas. Cuando se definen las filas, los tamaños de las subventanas (en puntos o en porcentajes) se indican de la superior a la inferior. En el caso de las columnas, los tamaños se indican de izquierda a derecha.

Por ejemplo:

<FRAMESET ROWS="25%,50%,25%">

creará tres subventanas horizontales; la primera ocupará el 20% de la ventana principal, la segunda un 50% y la tercera un 25%.

<FRAMESET COLS="120,*,100">

creará tres subventanas verticales, la primera y la tercera tendrán una anchura fija de 120 y 100 puntos respectivamente. La segunda (*) ocupará el resto de la ventana principal.

<FRAMESET COLS = "20%,*">
  <FRAMESET ROWS = "30%,*">

anidará las dos directivas. La primera dividirá la ventana principal en dos subventanas verticales, la primera ocupará un 20% de la ventana principal y la segunda el resto. La segunda directiva volverá a subdividir la primera subventana creada anteriormente, pero esta vez en dos subventanas horizontales, la superior ocupará un 30% de la subventana, y la inferior el resto.

La directiva <FRAME> indica las propiedades de cada subventana. Es necesario indicar una directiva <FRAME> para cada subventana creada. Los parámetros posibles son:

name="nombre"Nombre de la subventana
src="URL"Contenido de la ventana.
marginwidth=nMargen izquierdo y derecho de la subventana (en puntos).
marginheight=nMargen superior e inferior de la subventana (en puntos).
scrolling="yes|no|auto"Indica si se aplica una barra de desplazamiento a la subventana en caso de que la página que se cargue en ella no quepa en los límites de la subventana.
noresizeEvita que el usuario pueda redimensionar las subventanas. Omitiendo este parámetro, el usuario podrá modificar el tamaño de los marcos seleccionando el borde con el ratón y desplazándolo.

Los navegadores que no soportan la característica de subventanas, no mostrarán nada de lo indicado con estas directivas. Por esta razón existe la directiva <NOFRAMES> </NOFRAMES>. Los navegadores que no soporten marcos mostrarán lo indicado entre esta directiva.

La definición de los marcos debe ir antes de la definición del cuerpo del documento (<BODY>).

A continuación se puede ver un ejemplo de documento con marcos:

<HTML>
<HEAD>
<TITLE>Ejemplo de documento con marcos</TITLE>
</HEAD>
<FRAMESET COLS="20%,*">

  Se crean dos subventanas verticales; la izquierda ocupa un 20% de la pantalla, la derecha el resto.
  <FRAMESET ROWS="35%,*">
  Se crean dos subventanas horizontales en la subventana izquierda
    <FRAME NAME="logo" SRC="logotipo.htm" SCROLLING="AUTO">
  La subventana horizontal superior izquierda se llama logo y muestra el documento logotipo.htm.
    <FRAME NAME="menu" SRC="menu.htm" SCROLLING="AUTO">
  La subventana horizontal inferior izquierda se llama menu y muestra el documento menu.htm.
  </FRAMESET>
  Se cierra la definición de subventanas horizontales en la subventana izquierda.
    <FRAME NAME="inicio" SRC="inicio.htm" SCROLLING="AUTO">
  La subventana vertical derecha se llama inicio y muestra el documento menu.htm.
    <NOFRAMES>
  Muestra un texto para los navegadores que no soporten marcos.
    <BODY>
    Su navegador no soporta marcos. Pulse
    <A HREF="nomarcos.htm">aquí</A> para
    ver las páginas sin marcos.
    </BODY>
  </NOFRAMES>
</FRAMESET>

  Se cierra la definición de las subventanas verticales.
</HTML>

Cuando se quiera mostrar una página hay que indicar al navegador en qué subventana debe aparecer. Por defecto, se mostrará en la ventana donde se encuentre el enlace, pero se puede escoger la subventana de destino del enlace incluyendo el parámetro TARGET en la etiqueta <A HREF>, que puede tener los siguientes valores:

target="nombre_ventana"Muestra el contenido del enlace en la subventana indicada.
target="_blank"Abre una nueva ventana y muestra el enlace en ella.
target="_self"El contenido del hiperenlace aparece en la subventana activa.
target="_parent"Muestra el contenido del enlace en el anterior FRAMESET definido. Si no hay ningún FRAMESET definido se muestra a pantalla completa eliminando todos los marcos de la ventana.
target="_top"Elimina todas las subventanas de la pantalla y muestra el enlace a pantalla completa.



Anterior Siguiente
Sumario | Inicio