Anda di halaman 1dari 3

UNIDAD 7:

Los marcos o frames sirven para distribuir mejor


Conjunto de marcos <frameset>: los datos de las pginas, ya que permiten
mantener fijas algunas partes, como pueden ser el
logotipo y la barra de navegacin, mientras que
otras s pueden cambiar. Adems de mejorar la
funcionalidad, pueden mejorar tambin la
apariencia.

Cada uno de los marcos de una pgina, contiene


un documento HTML individual. Por ejemplo, en la
imagen de la derecha puedes ver una pgina con
dos marcos. El marco izquierdo contiene el
documento menu.htm y el derecho el documento
perros.htm. Para poder visualizar la pgina de este
modo, hemos tenido que abrir en el navegador el
documento marcos.htm, que es el que en este caso
contiene el grupo de marcos.
Ya hemos visto cmo dividir un documento en
Marco <frame>: varias subventanas o marcos, pero no hemos visto
cmo hacer que se carguen las distintas pginas
en cada uno de los marcos.
Atributo
Significado Para indicar qu documento se cargar en cada
Posibles valores uno de los marcos habr que insertar la etiqueta
frameborder <frame> por cada uno de los marcos de la
aparece o no el borde del marco ventana. Estas etiquetas estarn entre las
yes o 1 etiquetas <frameset> y </frameset>, y no
no o 0 necesitan etiqueta de cierre.
name Por ejemplo, para crear el conjunto de marcos de
nombre del marco la pgina que aparece si pulsas aqu, tendramos
cualquier valor que escribir:
noresize
<frameset cols="150,*" frameborder="yes"
si aparece, el usuario no podr redimensionar el tamao de este
framespacing="3" border="3" bordercolor="#FF9900">
marco <frame src="izquierdo.htm" name="marcoizquierdo"
no puede tomar valores frameborder="no" scrolling="no" noresize>
marginwidth <frame src="derecho.htm" name="marcoderecho"
anchura del margen con respecto a los bordes del marco frameborder="no" scrolling="auto">
un nmero, acompaado de % cuando se desee que sea en </frameset>
porcentaje
marginheight Y para crear el conjunto de marcos de la pgina que
aparece si pulsas aqu, tendramos que escribir:
altura del margen con respecto a los bordes del marco
un nmero, acompaado de % cuando se desee que sea en <frameset rows="90,*" framespacing="3"
porcentaje frameborder="yes" border="3" bordercolor="#FF9900">
scrolling <frame src="superior.htm" name="marcosuperior"
se mostrar o no la barra de desplazamiento cuando la pgina frameborder="yes" scrolling="NO" noresize>
del marco no se pueda visualizar completamente en l <frameset cols="150,*" framespacing="3"
yes frameborder="yes" border="3" bordercolor="#FF9900">
no <frame src="izquierdo.htm" name="marcoizquierdo"
scrolling="NO" noresize>
auto
<frame src="derecho.htm" name="marcoderecho">
src </frameset>
documento que se cargar en el marco </frameset>
ruta y nombre del documento
Siempre que creamos una pgina queremos que
Sin marcos <noframes>: 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.
Por ejemplo, si escribiramos el siguiente cdigo:
Las etiquetas <noframes> y </noframes> se
<html> utilizan para que su contenido sea visualizado en
<head> aquellos navegadores que no soportan los marcos.
...
</head> Si un navegador no soporta los marcos, no cargar
<frameset cols="150,*"> ningn documento en ningn marco, por lo que
<frame src="izquierdo.htm" name="marcoizquierdo"> tendremos que mostrar el cuerpo del documento
<frame src="derecho.htm" name="marcoderecho"> actual de algn modo. Por ello, han de introducirse
</frameset> las etiquetas <body> y </body> entre las etiquetas
<noframes> <noframes> y </noframes>.
<body> Por ejemplo, si escribiramos el siguiente cdigo:
Este documento tiene marcos y tu navegador no los soporta. Obtendramos una pgina con dos marcos, que en
</body> el caso de intentar ser visualizada en un
</noframes> navegador que no soportase marcos, mostrara
</html> una pgina con el texto Este documento tiene
marcos y tu navegador no los soporta.
De este modo, en el caso de que el navegador no soporte Una buena solucin para que el mayor nmero de
los marcos, podemos incluir un enlace a una de estas usuarios pueda visitar nuestra pgina, es crear
pginas. Por ejemplo, si escribiramos el siguiente nuevas pginas con el contenido de los
cdigo: 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
<noframes>
soporte los marcos, podemos incluir un enlace a
<body>
una de estas pginas. Por ejemplo, si
Este documento tiene marcos y tu navegador no los escribiramos el siguiente
soporta.
<a href="sinmarcos.htm">Pulsa aqui para visualizar la Cuando la pgina intentara ser visualizada en un
pgina sin marcos.</a> navegador que no soportase los marcos,
</body> aparecera el enlace Pulsa aqui para visualizar la
</noframes> pgina sin marcos. a una ventana sin marcos.
</html>
Como recordars, en el tema de hipervnculos
Destino del enlace: vimos los posibles destinos de los enlaces. Estos
destinos podan ser _blank, _parent, _self, y _top.
<a href="http://www.aulaclic.com" Vamos a recordar para qu serva cada uno de
ellos, ya que ahora que sabes trabajar con marcos
target="marcoderecho">Aulaclic en el marco te sern ms fciles de entender.
derecho</a> 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