Sei sulla pagina 1di 13

Manual Uso de Marcos - Frames

en HTML

Introduccin a los Frames


Un frame es una especie de marco o recuadro independiente en el que podemos
cargar una pagina web.
Podemos as dividir una pagina web en diferentes partes o ventanas, cada una con
sus propios bordes y barras de desplazamiento, pudiendo cargar dentro de cada
una de ellas una pagina externa independiente.
Pero los frames no se usan aisladamente, si no que una de las caractersticas mas
importantes de los frames es que pulsando un enlace situado en un frame, se
puede cargar en otro frame una pagina determinada.
Los frames se definen en una pagina especial, que en su cdigo slo contiene la
definicin de los frames o divisiones y la pagina que se va a cargar dentro de cada
uno de ellos, por lo que deberemos crear aparte cada una de las paginas que van a
contener los marcos.
En la pagina donde hemos de definir los frames diremos el nmero de los mismos
que queremos que haya, su tamao y la pagina que van a contener.
La principal diferencia que va a haber a la hora de crear una pagina de frames es
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 .
El uso de las frames es til para cierto tipo de documentos, pero puede llegar a
dificultar la navegacin, ya que dentro de un documento con frames no tendran
utilidad los botones de documento previo (back) ni documento siguiente (forward),
ya que ambos nos trasladaran fuera del documento con frames. Para ver el
documento previo en una de las frames debemos utilizar el botn derecho del
ratn sobre ella y seleccionar la opcin volver en el frame (Back in Frame). Esto
hace que cuando se utilicen frames haya que cuidar la correcta transicin entre
documentos.

Etiqueta <FRAMESET>
Las etiquetas <FRAMESET></FRAMESET> son las que van a decirle al
navegador dnde empiezan y dnde acaban los marcos, y el tipo y forma de estos.
Entre una y otra irn las definiciones de los diferentes frames.
Estas etiquetas se deben situar entre <HTML> y </HTML>, pero podemos hacerlo
tambin entre </HEAD> y <BODY>, en incluso podemos no utilizar
<BODY></BODY>.
Sus principales atributos o parametros son:
* COLS= " x,y,z,", para definir el n de columnas o marcos verticales que va a
tener la ventana, y donde las variables x,y,z van a definir el tamao de cada
marco vertical, pudiendo definirse en pxeles o en porcentaje. Tambin podemos

fijar el tamao de una columna o columnas como * , y en este caso el tamao de


esta sera todo aquel que quede despus de definir mediante puntos o porcentajes
las demas columnas.
Si definimos tamaos en pxeles, estos seran absolutos, En este caso si todas las
frames se indican de este modo, los valores se ajustaran para que las frames
ocupen la totalidad del espacio de la ventana del navegador, no guardando
siempre la proporcin con la que se definen las frames.
Por el contrario, si empleamos medidas en porcentaje, en este caso si los
porcentajes suman un valor distinto del 100%, se ajustaran para que coincidan con
el tamao de la ventana. Se podra combinar con el apartado anterior de forma que
algunas frames se definan en valor absoluto y otras en porcentaje.
Posibles combinaciones seran:
1) COLS="100,700"que nos dividira la ventana en dos columnas, una de 100
puntos y la otra de 700.
2) COLS="10%,*"que nos dara una columna con el 10% de la ventana y otra
con el resto.
3) COLS="20%,*,*"obteniendo con ello una columna del 20% de la ventana y
otras dos que se repartirian por igual el tamao restante.
4) COLS="*,2*"que nos creara dos columnas, teniendo la segunda el doble de
ancho que la primera, es decir, la primera ocupara el 33% de la ventana y la
segunda el 66% restante.
* ROWS=" x,y,z,", para definir el n de filas o marcos horizontales que va a
tener la ventana, y donde las variables x,y,z van a definir el tamao de cada
marco horizontal, pudiendo definirse en pxeles o en porcentaje. Tambin podemos
fijar el tamao de una fila o filas como * , y en este caso el tamao de esta sera
todo aquel que quede despus de definir mediante pxeles o porcentajes las demas
filas. Las combinaciones posibles son muchas, siendo su estructura analoga a las
vistas para COLS.
Si definimos tamaos en pxeles, estos seran absolutos, En este caso si todas las
frames se indican de este modo, los valores se ajustaran para que las frames
ocupen la totalidad del espacio de la ventana del navegador, no guardando
siempre la proporcin con la que se definen las frames.
Por el contrario, si empleamos medidas en porcentaje, en este caso si los
porcentajes suman un valor distinto del 100%, se ajustaran para que coincidan con
el tamao de la ventana. Se podra combinar con el apartado anterior de forma que
algunas frames se definan en valor absoluto y otras en porcentaje.
* FRAMEBORDER= " 0 / 1 / no / yes ", que nos permite definir si los marcos
creados van a tener borde o no. Los valores 0 y no son equivalentes, eliminando
los bordes, as como 1 y yes, que los muestran. Su valor por defecto es yes / 1 ,
por lo que si no especificamos nada se veran los bordes de todos los marcos.

Si ademas queremos que no se vean los huecos que originan los bordes invisibles
hay que aadir el atributo FRAMESPACING=0 para Internet Explorer y BORDER=0
para Nestcape.
Ejemplo.- Recuerda que para la prueba de los ejemplos siguientes debes crear a parte de la pgina
principal donde definimos el frame (pgina que crearas con los cdigos siguientes llmale index.html)
una pgina a.html y una pgina b.html independientes que se cargarn en cada frame, puedes
colocarle un color de fondo diferente a cada una de estas dos pginas para que aprecies mejor los
resultados.
<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="20%,*" >
<frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
<frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
</frameset>
</html>
O bien sin bordes:
<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="20%,*" frameborder="0" framespacing="0" border="0">
<frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
<frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
</frameset>
</html>

* BORDER= " n ", con n = n entero = n de pxeles. En el caso de que se haya


establecido FRAMEBORDER=" 1 " o no se haya especificado, este atributo nos
permite definir el grosor del borde. Slo funciona con Nestcape.
* FRAMESPACING= " n ", con n = n entero = n de pxeles. Nos permite definir
el espacio entre los marcos, y en el caso de que se haya establecido
FRAMEBORDER=" 1 " o no se haya especificado, este atributo nos permite definir
el grosor del borde.
* BORDERCOLOR= " color ", donde color puede venir especificado mediante su
nombre web en ingls o mediante su cdigo hexadecimal. Nos permite establecer
el color de los bordes de los marcos.
Ejemplo.<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="20%,*" bordercolor="red">
<frame name="" src="a.html" marginwidth="10" marginheight="10" scrolling="auto" >
<frame name="" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" >
</frameset>
</html>

Etiqueta <FRAME>
La etiqueta <FRAME> define cada uno de los marcos que va a haber en la
ventana. Debe ir colocada siempre entre <FRAMESET> y </FRAMESET>, y debe
haber tantas etiquetas como marcos hayamos definido con COLS y ROWS. Sus
atributos son:
Estas etiquetas se deben situar entre <HTML> y </HTML>, pero podemos hacerlo
tambin entre </HEAD> y <BODY>, en incluso podemos no utilizar
<BODY></BODY>.
Sus principales atributos o parametros son:
* SRC=" ruta pagina html", que especifica qu pagina se va a cargar en el
frame. La ruta de la pagina debe especificar su localizacin en el sistema de
archivos local del servidor web o una URL completa.
Ejemplos.<frame src="principal.html">
<frame src="http://www.yahoo.es">
* NAME=" nombre ", que especifica qu pagina se va a cargar en el frame. La
ruta de la pagina debe especificar su localizacin en el sistema de archivos local del
servidor web o una URL completa.
Sirve para asignar un nombre al marco. Es un atributo muy importante, ya que
cuando queramos luego cargar una pagina en un marco mediante un enlace,
deberemos decir en qu marco queremos hacerlo, y esto se consigue haciendo
referencia al nombre del marco en el atributo TARGET de la etiqueta <A> del
enlace.
Este parametro TARGET esta relacionado con pulsar un enlace en un marco y
cargar la pagina enlazada en otro. Su sintaxis general dentro de la etiqueta <A>
es:
<A HREF=" manual.html " TARGET= " cuerpo ">Manual HTML</a>
donde cuerpo es el nombre asisnado a un frame mediante el atributo NAME. Con
esto, al pulsar el enlace se cargara la pagina manual.html dentro del marco
llamado cuerpo.
<A HREF=" manual.html " TARGET= " _blank">Manual HTML</a>
y ahora se cargara la pagina en una ventana nueva del navegador, por lo que
tendremos dos ventanas abiertas.
<A HREF=" manual.html " TARGET= " _self "</a>

En este caso el la pagina llamada se va a cargar en el propio frame que la llama.


Es equivalente a no colocar el parametro TARGET, por lo que casi no se usa. Se
puede usar para modificar el valor dado por BASE.
<A HREF=" manual.html " TARGET= " _parent</a>
y la pagina se mostrara en el marco o <FRaMESET> que llam al documento
actual. Si no hay ningn <FRAMESET> anterior, la pagina llamada se mostrara a
pantalla completa, suprimiendo todos los marcos de la pantalla. Indica que se
muestre en la ventana completa, eliminando la estructura de frames que tenga la
ventana.
<BASE TARGET= " nombre" </a>
que especifica el frame en el que se mostrara por defecto todos los hiperenlaces
del documento actual. Se debe especificar en la cabecera del documento (HEAD).
<AREA SHAPE=RECT COORDS="x,y,..." HREF="url" TARGET="frame" </a>
que en la definicin de imagenes sensibles en el cliente, indica el frame donde se
vera el documento que se activa en la zona correspondiente de la imagen.
<FORM ACTION="url" TARGET="nombre"</a>
que indica al formulario al que se mandan los datos el frame de destino del
resultado de los mismos.
* MARGINWIDTH=" x ", con x = n pxeles o porcentaje. Sirve para definir el
margen horizontal que queremos que haya dentro del frame, entre l os lmites de
este y su contenido.
que indica al formulario al que se mandan los datos el frame de destino del
resultado de los mismos.
* MARGINHEIGHT=" x ", con x = n pxeles o porcentaje. Nos define el margen
vertical que queremos que haya dentro del frame, entre los lmites de este y su
contenido.
Ejemplo.<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="40%,*" >
<frame src="a.html" marginwidth="50" marginheight="30">
<frame src="b.html" marginwidth="10" marginheight="0">
</frameset>
</html>

* SCROLLING= " yes / no / auto ", que nos va a permitir establecer si el marco
tendra o no barra deslizadora cuando el contenido del marco exceda al tamao de
este.

Sus posibles valores son:


- yessiempre aparecera la barra deslizadora.
- nonunca aparecera. Por lo tanto, si el contenido es mayor que el texto slo
podremos ver lo que quepa en el marco.
- autoslo aparecera el scroll si es necesario para poder visualizar el contenido
completo del marco. Este es el valor por defecto
* NORESIZE. Este atributo impide que el marco pueda ser redimensionado por el
visitante arrastrando su borde. Si no se indica este atributo el marco podra ser
redimensionado.
* BORDECOLOR= " color ", con color = nombre color web en ingls o en
hexadecimal. Sirve para definir el color del borde del marco concreto al que se
aplica.
* FRAMEBORDER= " 1 / 0 ". Si se ha establecido BORDECOLOR, si su valor es 0
se mostrara el borde sin efecto 3D en el marco (se percibe mejor en Explorer), y si
es 1 s se mostrara este efecto. ademas, si lo igualamos a cero se eliminara el
borde con todos los marcos contiguos que tengan tambin este valor a cero.
Ejemplos.<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
<frame src="b.html" marginwidth="10" marginheight="0" frameborder="0">
</frameset>
</html>

<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="0" >
<frame src="b.html" marginwidth="10" marginheight="0" >
</frameset>
</html>

<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="40%,*" bordercolor="red">
<frame src="a.html" marginwidth="50" marginheight="30" frameborder="1" >
<frame src="b.html" marginwidth="10" marginheight="0" frameborder="1">
</frameset>
</html>

Etiquetas <NOFRAMES></NOFRAMES>
Este par de etiquetas no son atributos de <FRAME>. Se utiliza para prevenir el
caso de que el navegador del visitante no soporte frames. Deben situarse antes de
</FRAMESET>, y dentro de ellas se incluyen <BODY> texto de aviso </BODY>. Si
el navegador no reconoce los frames los ignorara, mostrando el mensaje de aviso.
Este atributo esta actualmente en dehuso, ya que todos los modernos navegadores
soportan frames.
Un ejemplo completo de una pagina simple con frames sera:
<html>
<head>
<title>Pagina con frames</title>
</head>
<frameset rows="20%,*" frameborder="yes" bordercolor="yellow" >
<frame name="uno" src="a.html" marginwidth="50" marginheight="30" >
<frame name="dos" src="b.html" marginwidth="30" marginheight="40" >
<noframes>
<body>
Lo siento. Su navegador no soporta frames. Pulse <a href="noframes.html">AQU</a> para acceder a una pagina sin frames.
</body>
</noframes>
</frameset>
</html>

Frames anidados
Hasta ahora hemos definido frames simples, es decir, la forma de dividir una
pagina en una serie de filas o de columnas que nos posibilitan cargar una pagina
html independiente dentro de cada marco.
Pero este diseo de pagina, aunque util, es muy simple. Podemos ir mas alla
anidando frames, es decir introduciendoo frames dentro de otros previamente
definidos. as, podemos dividir una fila en columnas, una columna en filas, etc.
Pero este procedimiento es bastante complejo en su cdigo, por lo que es
conveniente ayudarse de alguno de los muchos programas de creacin web que
existen.
Como ejemplo de esta tcnica veamos el siguiente cdigo:
<html>
<head>
<title>Mi pagina</title>
</head>
<frameset rows="10%,*" frameborder="1" bordercolor="Green">
<frame name="top" src="top.html" marginwidth="10" marginheight="10" scrolling="no" "noresize frameborder="0">
<frameset cols="20%,*" >
<frame name="a" src="a.html" marginwidth="10" marginheight="10" scrolling="no" noresize frameborder="0">
<frame name="b" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" noresize frameborder="0">
</frameset >
</frameset>
</html>

en la que hemos creado primero dos filas, una con el 10% del alto de ventana y
otra con el resto, y luego hemos sustituido esta ltima fila por dos columnas.

Otro ejemplo sera:


<html>
<head>
<title>Mi pagina</title>
</head>
<frameset cols="19%,*" frameborder="1" bordercolor="Green">
<frame name="a" src="a.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="1">
<frameset rows="22%,*" >
<frame name="top" src="top.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0">
<frameset cols="50%,*">
<frame name="b" src="b.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="1">
<frame name="c" src="c.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="1">
</frameset>
</frameset >
</frameset>
</html>

Frames flotantes
Es posible situar en nuestras paginas web una especie de frames o marcos
"flotantes", queriendo decir con esto que son como frames pero que podemos
situarlos en la posicin que queramos dentro de nuestra pagina, situando mediante
coordenadas su vrtice superior izquierdo. Estas ventanas son configurables,
pudiendo definir ademas de su posicin su tamao y otra serie de propiedades.
El mayor inconveniente que encontramos con estas ventanas flotantes es que su
implementacin no es posible con Nestcape.
HTML 4.0 y superior implementa las etiquetas <IFRAME>...</IFRAME>, que
van a definir el principio y fin del marco flotante. Estas etiquetas deben situarse
dentro del cuerpo de la pagina que contiene al marco, es decir, entre <BODY> y
</BODY>.
Los principales atributos de la etiqueta <IFRAME> son:
* NAME=" nombre ", analogo al atributo de <FRAME>, sirve para identificar
unvocamente al marco flotante, con vistas a referenciar su contenido mediante un
enlace por medio del parametro TARGET.
* WIDTH= " x ", donde x = n pxeles. Con este atributo definimos la anchura
que va a tener el marco flotante.
* HEIGHT= " x ", donde x = n pxeles. Con este atributo definimos la altura que
va a tener el marco flotante.
* ALIGN= " left / center / right ", Va a definir si el marco va a estar alineado a
la izquieda en la ventana del navegador, centrado o a la derecha.
Ejemplo.<html>
<head>
</head>
<body>
<iframe align="left" src="a.html"></iframe>
<iframe align="center" src="b.html"></iframe>
</html>

* FRAMEBORDER= " 0 / 1 ", Este atributo hace que el marco aparezca sin borde
o con borde (valor por defecto) respectivamente.
Ejemplo.<html>
<head>
</head>
<body>
<iframe src="a.html" frameborder="0" align="center" ></iframe>
</html>

* VSPACE= " x ", donde x = n pxeles. Nos sirve para posicionar el marco, y
define la distancia entre el borde superior del marco y el lmite superior de la
ventana del navegador.
* HSPACE= " x ", donde x = n pxeles. Nos sirve para posicionar el marco, y
define la distancia entre el borde izquierdo del marco y el lmite izquierdo de la
ventana del navegador.
Ejemplo.<html>
<head>
</head>
<body>
<iframe src="a.html" hspace="100" vspace="20"></iframe>
</html>

* MARGINHEIGHT= " x ", donde x = n pxeles. Nos define el espacio en pxeles


que va a haber entre el borde superior del marco y su contenido.
* MARGINWIDTH= " x ", donde x = n pxeles. Nos define el espacio en pxeles
que va a haber entre el borde izquierdo del marco y su contenido.
Ejemplo.<html>
<head>
</head>
<body>
<iframe src="a.html" frameborder="1" marginwidth="60" marginheight="30"></iframe>
</html>

* SCROLLING= " yes / no / auto ", que nos va a definir si el marco va a tener
barra deslizadora siempre, nunca o slo cuando sea necesario por exceder el
contenido al tamao del mismo. Su valor por defecto es auto.
* SRC= " ruta pagina html ", que nos va a definir la pagina web que se va a
cargar dentro del marco flotante. Podemos especificar bien la ruta completa de la
pagina en el directorio de nuestro servidor web o bien una URL completa de
Internet.

* STYLE= " parametro-valor / parametro-valor / ", Este atributo es una


aplicacin directa de las Hojas de Estilo en Cascada (CSS), y nos permiten definir
la posicin y tamao del marco en la ventana del navegador. Si el frame flotante
no contiene una pagina web referenciada mediante SRC y contiene texto, tambin
es posible aplicar estilos a este texto, como color, fuente, tamao, etc.
Ejemplo.<html>
<head>
</head>
<body>
<iframe src="a.html" style="position:absolute; left:100px;top:140px;width:400px;height:150px;" >
</iframe>
</html>

* CLASS= " clase ". analogo al anterior, pero ahora refiriendo el estilo del marco
flotante (posicin y tamao) de acuerdo con una clase de estilos definida en la
seccin de la pagina que contiene al marco o en un archivo externo de extensin
".css"
* ID= " identificador ". En todo semejante al anterior, pero con la diferencia que
ahora el nombre de identificador asignado debe ser nico para cada marco en
concreto. Tambin posibilita cambiar dinamicamente las propiedades del marco
usando un lenguaje de script, como JavaScript.
Si queremos, podemos colocar un texto alternativo entre las etiquetas <IFRAME>>
e </IFRAME>, con el objeto de que aquellas personas cuyo navegador no soporte
los marcos flotantes puedan contemplar un mensaje alternativo.

Uso de los Frames


La tcnica de los frames ha sido una de las mas empleadas a la hora de construir
pginas web, debido a la facilidad que tiene para crear ventanas independientes en
las que cargar pginas a partir de mens. Hasta la introduccin de HTML dinamico
fu la nica herramienta de que disponamos para estos fines.
Sin duda su uso nos facilita mucho la navegacin y la presentacin en un sitio web,
aunque tambin origina muchos problemas secundarios.
Entre los principales usos que podemos dar a los frames en nuestras pginas se
encuentran:
* Mens de navegacin.
Podemos crear con frames un sistema de navegacin por nuestras pginas
mediante un marco lateral en el que situamos enlaces y un marco principal en el
que se iran cargando las pginas llamadas.

El esquema de construccin puede ser crear tres marcos: uno superior fijo, en el
que podemos situar nuestro logo y/o un bannner o mensaje, otro lateral con el
menu y otro central para cargar las pginas.
Para conseguir esto debemos crear 4 pginas web:
1)
2)
3)
4)

pgina
pgina
pgina
pgina

index.html con la definicin de los frames.


top.html con el logo, banner , etc.
menu.html con los enlaces
de principal.html de entrada incial en el frame central.

Mas las diferentes pginas de nuestro sitio web, que iremos llamando desde el
men lateral y cargando en el frame central.
El cdigo a crear sera del tipo:
pgina index.html
<html>
<head>
</head>
<frameset rows="18%,*">
<frame name="superior" src="arriba.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="1">
<frameset cols="19%,*">
<frame name="menu" src="menu2.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0">
<frame name="ventana" src="central_1.html" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0">
<frameset>
<frameset>
</html>

pgina menu.html
<html>
<head>
</head>
<body>
<a href="central_1.html" target="ventana">pgina 1</a>
<a href="central_2.html" target="ventana">pgina 2</a>
</body> </html>

y luego creamos arriba.html, que es una pgina simple con una imagen como logo
y un texto aclarativo, y central_1.html y central_2.html que son dos pginas que
contendran aquellos elementos web que deseemos.

Como podemos ver, al pinchar sobre el enlace "pgina 1" lo que hacemos es
cargar en el frame central dicha pgina, y lo mismo ocurre al pinchar el enlace
"pgina 2", con lo que sustituimos el contenido de dicho frame. Y esto podemos
hacerlo con todos los enlaces y pginas que deseemos.
Si hablamos de proporciones de frames y ventana, lo mas comn es utilizar
aproximadamente el cuarto izquierdo de la pgina para el ndice fijo y los tres
cuartos restantes para la informacin, en el caso de que slo haya dos frames
verticales, y si tenemos tres frames, como en el ejemplo, aproximadamente el
quinto/sexto superior de la pgina para el encabezado con el logo, y de lo que
resta, el cuarto izquierdo es para el men y los tres cuartos derechos para la
informacin.

* a partir de este esquema basico podemos extender las utilidades del men
mediante frames. Por ejemplo, podemos hacer que al pinchar el enlace del men
se nos cambie a la vez tanto el contenido de la ventana central como el de el
marco superior, para conseguir as mostrar un mensaje o banner diferente para
cada enlace pulsado. Para poder hacer esto necesitamos una funcin JavaScript
actuando en la pgina menu.html y varias pginas que se vayan alternando tanto
en el frame superior como en el central.
Ejemplo.- ( menu.html)
<html>
<head>
<SCRIPT language="JavaScript" type="text/javascript">
<!-function twoinone(nr){
if (nr==1){
parent.superior.location.href="superior1.html"
parent.ventana.location.href="a.html"
}
if (nr==2){
parent.superior.location.href="superior2.html"
parent.superior.location.href="b.html"
}
}
//-->
</SCRIPT>
</head>
<body>
<a HREF="JavaScript:twoinone(1)">Link 1</a>
<a HREF="JavaScript:twoinone(2)">Link 2</a>
</body>
</html>

* Y siguiendo con esta tcnica podemos imaginar cualquier combinacin para


montar el sistema de navegacin de nuestro sitio web. Podemos montar dos
frames laterales, uno con el men y otro con informacin o enlaces relacionados.
Ejemplo.<html>
<head>
</head>
<frameset rows="18%,*">
<frame name="superior" src="superior.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0">
<frameset cols="16%,*">
<frame name="menu" src="menu.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0">
<frameset cols="85%,*">
<frame name="ventana" src="principal.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0">
<frame name="lateral" src="enlaces1.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0">
</frameset>
</frameset>
</frameset>
</html>

Potrebbero piacerti anche