Anda di halaman 1dari 4

MARCO <FRAME>

Ya hemos visto cmo dividir un documento en varias subventanas o marcos, pero no


hemos visto cmo hacer que se carguen las distintas pginas en cada uno de los marcos.
Para indicar qu documento se cargar en cada uno de los marcos habr que insertar la
etiqueta <frame> por cada uno de los marcos de la ventana. Estas etiquetas estarn entre
las etiquetas <frameset> y </frameset>, y no necesitan etiqueta de cierre.
Es posible modificar los siguientes atributos de un marco:
Atributo

Significado

Posibles valores

frameborder aparece o no el borde del marco

yes o 1
no o 0

name

nombre del marco

cualquier valor

noresize

si aparece, el usuario no podr


redimensionar el tamao de este no puede tomar valores
marco

un nmero, acompaado de
anchura del margen con respecto a
marginwidth
% cuando se desee que sea
los bordes del marco
en porcentaje
un nmero, acompaado de
marginheigh altura del margen con respecto a los
% cuando se desee que sea
t
bordes del marco
en porcentaje
scrolling

se mostrar o no la barra de
yes
desplazamiento cuando la pgina del
no
marco no se pueda visualizar
auto
completamente en l

src

documento que se cargar en el ruta


y
nombre
marco
documento

del

Por ejemplo, para crear el conjunto de marcos de la pgina que aparece si pulsas aqu,
tendramos que escribir:
<frameset cols="150,*" frameborder="yes" framespacing="3" borde
r="3" bordercolor="#FF9900">
<frame src="izquierdo.htm" name="marcoizquierdo" frameborder="
no" scrolling="no" noresize>
<frame src="derecho.htm" name="marcoderecho" frameborder="no
" scrolling="auto">
</frameset>
Y para crear el conjunto de marcos de la pgina que aparece si pulsas aqu, tendramos
que escribir:

<frameset rows="90,*" framespacing="3" frameborder="yes" borde


r="3" bordercolor="#FF9900">
<frame src="superior.htm" name="marcosuperior" frameborder="ye
s" scrolling="NO" noresize>
<frameset cols="150,*" framespacing="3" frameborder="yes" border
="3" bordercolor="#FF9900">
<frame src="izquierdo.htm" name="marcoizquierdo" scrolling="NO
" noresize>
<frame src="derecho.htm" name="marcoderecho">
</frameset>
</frameset>
Esta ltima pgina est dividida en dos marcos horizontales (rows="90,*"), estando el
inferior de ellos dividido en dos marcos verticales (cols="150,*").

SIN MARCOS <NOFRAMES>


Siempre que creamos una pgina queremos que pueda ser visitada por el mayor nmero
de usuarios, por lo que el hecho de que hayan usuarios cuyos navegadores no soportan
los marcos puede resultar un problema.
Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea
visualizado en aquellos navegadores que no soportan los marcos.
Si un navegador no soporta los marcos, no cargar ningn documento en ningn marco,
por lo que tendremos que mostrar el cuerpo del documento actual de algn modo. Por
ello,
han
de
introducirse
las
etiquetas <body> y </body> entre
las
etiquetas <noframes> y </noframes>.
Por ejemplo, si escribiramos el siguiente cdigo:
<html>
<head>
...
</head>
<frameset cols="150,*">
<frame src="izquierdo.htm" name="marcoizquierdo">
<frame src="derecho.htm" name="marcoderecho">
</frameset>
<noframes>
<body>
Este documento tiene marcos y tu navegador no los soporta.
</body>
</noframes>
</html>
Obtendramos una pgina con dos marcos, que en el caso de intentar ser visualizada en
un navegador que no soportase marcos, mostrara una pgina con el texto Este
documento tiene marcos y tu navegador no los soporta.

Una buena solucin para que el mayor nmero de usuarios pueda visitar nuestra pgina,
es crear nuevas pginas con el contenido de los documentos que deberan mostrarse en
los marcos, pero que permitan pasar de unos a otros dentro de la misma ventana.
De este modo, en el caso de que el navegador no soporte los marcos, podemos incluir un
enlace a una de estas pginas. Por ejemplo, si escribiramos el siguiente cdigo:
...
<noframes>
<body>
Este documento tiene marcos y tu navegador no los soporta.
<a href="sinmarcos.htm">Pulsa aqui para visualizar la pgina sin
marcos.</a>
</body>
</noframes>
</html>
Cuando la pgina intentara ser visualizada en un navegador que no soportase los
marcos, aparecera el enlace Pulsa aqui para visualizar la pgina sin marcos. a
una ventana sin marcos

DESTINO DEL ENLACE


Como recordars, en el tema de hipervnculos vimos los posibles destinos de los enlaces.
Estos destinos podan ser _blank, _parent, _self, y _top. Vamos a recordar para qu
serva cada uno de ellos, ya que ahora que sabes trabajar con marcos te sern ms
fciles de entender.
_blank:
Abre el documento vinculado en una ventana nueva del navegador.
_parent:
Abre el documento vinculado en la ventana del marco que contiene el vnculo o en el
conjunto de marcos padre.
_self:
Es la opcin predeterminada. Abre el documento vinculado en el mismo marco o
ventana que el vnculo.
_top:
Abre el documento vinculado en la ventana completa del navegador, lo cual quiere
decir que los marcos de la ventana desaparecern al abrir el vnculo en ella.
Adems de estos destinos para los enlaces, tambin podrs utilizar los nombres de
los distintos marcos de la pgina. Por ejemplo, si tuvieramos un marco con el
nombre marcoderecho, podramos insertar el enlace:

<a href="http://www.aulaclic.com" target="marcoderecho">Aulaclic en el marco


derecho</a>
Este enlace cargara la pgina de aulaclic en el marco llamado marcoderecho.
Podemos aadir todos estos nuevos destinos a cualquier elemento de la pgina que
contenga algn enlace, ya sea texto, una imgen, un mapa de imagen, un elemento
Flash, etc.
Gracias a todo esto podremos hacer que las barras de navegacin y el resto de
enlaces funcionen a nuestro antojo, cargando unas u otras pginas en alguno de los
marcos, en una ventana nueva, en toda la ventana, etc.
Esta tarea puede resultar algo pesada, y al principio complicada, pero da muy buenos
resultados finales.

Anda mungkin juga menyukai