Frames
Frames (en inglés, marcos o cuadros) es un procedimiento del lenguaje HTML para dividir la
pantalla en diferentes zonas, o ventanas, que pueden actuar independientemente unas de otras,
como si se trataran de páginas diferentes, pues incluso cada una de ellas pueden tener sus
propias barras deslizadoras. Los navegadores que lo implementan son el Netscape 2.0, y el
Explorer 2.0 en adelante. Aunque no está incluido en el actual estándar HTML 3.2, está previsto
que lo esté en el próximo (Cougar).
Una de sus características más importantes es que pulsando un enlace situado en un frame, se
puede cargar en otro frame una página determinada. Esto se utiliza frecuentemente para tener un
frame estrecho en la parte lateral (o superior) con un índice del contenido en forma de
diferentes enlaces, que, al ser pulsados cargan en la ventana principal las distintas páginas. De
esta manera se facilita la navegación entre las páginas, pues aunque se vaya pasando de unas a
otras, siempre estará a la vista el índice del conjunto.
Para comprender los distintos conceptos vamos a desarrollar un ejemplo, creando una página
con dos frames. El de la izquierda va a servir de índice de lo que veamos en el de la derecha, y
en éste veremos inicialmente una página de presentación. Se podrá acceder también aquí a la
página personal creada en los capítulos anteriores (mipag13.html), si se pulsa un enlace en el
frame de la izquierda.
Documento de definición de los frames
Lo primero que tenemos que hacer es crear un documento HTML en el que definiremos cuántas
zonas va a haber, qué distribución y tamaño van a tener, y cuál va ser el contenido de cada una
de ellas.
En el ejemplo que vamos a desarrollar, la página va a tener dos frames distribuidos en
columnas (es decir, uno al lado del otro, en vez de uno encima del otro, lo que sería una
distribución en filas).
Con respecto al tamaño, haremos que el primero (el del izquierda) ocupe el 20% del ancho de
la pantalla, y el otro, el 80% restante.
Y con respecto al contenido, el frame de la izquierda va a contener un documento HTML que
va a servir de índice de lo que veamos en el otro (y que vamos a llamar mipagind.html), y el
de la derecha otro documento HTML que va a servir de página de presentación (al que
llamaremos mipagpre.html).
Todo lo anterior se refleja en el siguiente documento HTML:
<HTML>
<HEAD>
<TITLE>Mi pagina con frames</TITLE>
</HEAD>
<FRAMESET COLS="20%, 80%">
<FRAME SRC="mipind15.html">
<FRAME SRC="mippre15.html" NAME="principal">
</FRAMESET>
<NOFRAMES>
Estas utilizando un navegador que no soporta frames.
<P>Pulsa para visitar mi <A HREF="mipag13.html"> página</A>.
</NOFRAMES>
</HTML>
Resultado:
Obsérvese lo siguiente:
Es un documento parecido a los que conocíamos hasta ahora. La diferencia está en que en
vez de utilizar la etiqueta BODY, que sirve normalmente para delimitar lo que se va a ver en
la pantalla, se hace uso de la etiqueta FRAMESET (definir los frames).
En este caso, con la etiqueta <FRAMESET COLS="20%, 80%"> se define que va a haber dos
frames y que van a ir en columnas. Si hubiéramos querido que fueran en filas, habríamos
puesto ROWS (filas, en inglés). También se define el espacio en anchura que van a ocupar
cada uno de ellos en la pantalla. Se ha puesto como porcentajes del total, pero se podría
también haber puesto una cifra absoluta, que representaría el número de pixels a ocupar.
No hay comentarios:
Publicar un comentario