Frames - Anidar frames

  • Por
Explicamos como se crean estructuras con frames más complejas: anidación de frames.
Para crear estructuras de marcos en las que se mezclen las filas y las columnas debemos anidar etiquetas <FRAMESET>. Empezando por la partición de frames más general, debemos colocar dentro las particiones de frames más pequeñas. La manera de indicar esto se puede ver fácilmente con un ejemplo.

Anidación de frames
Los pasos para definir la anidación se pueden encontrar a la derecha.
Los distintos frames vienen numerados con el orden
en el que se escriben en el código.

En la imagen se puede ver el resultado final acompañada de la representación sobre la manera de definirlos. En primer lugar definimos una estructura de frames en dos columnas y dentro de la primera columna colocamos otra parcición de frames en dos filas. El código necesario es el siguiente.

<frameset cols="200,*">
    <frameset rows="170,*">
       <frame src="pagina1.html">
       <frame src="pagina2.html">
    </frameset>
    <frame src="pagina3.html">
</frameset>

Podemos ver el ejemplo en una página a parte.

Nota: hemos colocado un margen en cada una de las líneas de esta definición de frames para conseguir un código más entendible visualmente. Estos márgenes no son en absoluto necesarios, simplemente nos sirven para ver en qué nivel de anidación nos encontramos.

El ejemplo anterior se puede complicar un poco más si incluimos más particiones. Vamos a ver algo un poco más complicado para practicar más con las anidaciones de frames.

Anidación de frames
Los pasos para definir la anidación se pueden encontrar a la derecha.
Los distintos frames vienen numerados con el orden
en el que se escriben en el código.

En la imagen se observa que el primer frameset a definir se compone de dos filas. Posteriormente, dentro de la segunda fila del primer frameset, tenemos otra partición en dos columnas, dentro de las que colocamos un tercer nivel de frameset con una definción en filas en los dos casos. El código se puede ver a continuación.

<frameset rows="60,*">
    <frame src="pagina1.html">
    <frameset cols="200,*">
       <frameset rows="*,150">
          <frame src="pagina2.html">
          <frame src="pagina3.html">
       </frameset>
       <frameset rows="*,60">
          <frame src="pagina4.html">
          <frame src="pagina5.html">
       </frameset>
    </frameset>
</frameset>

Podemos ver el ejemplo en una página a parte.

Hasta aquí hemos visto la parte más básica de la creación de frames. En los siguientes capítulos podremos aprender a configurar los marcos para variar su apariencia y, entre otras cosas, eliminar las barras que separan cada uno de los distintos frames.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

ana_aio@hotmail.com

13/3/2009
VAYAATRUÑUUUGEEEEEEEEEEEENSUUU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

guenso

13/3/2009
vaia merda man quedat 7 putus cates
i nomes tindrien que ser 4
ojala es morin tots els profes

CAlla

17/3/2010
PRIMO
no ens importa k tagin quedat 7 burru

chicaloca

13/9/2010
En que está error?
Hola,
Estoy haciendo el ejercicios de los frames y en los marcos sale que no se puede mostrar la pagina, aunque pongo las paginas en el mismo derictorio que y pagina de frame
http://s3.subirimagenes.com:81/privadas/previo/thump_1178921frame.jpg
http://s2.subirimagenes.com/fotos/previo/thump_5172720frameresult.jpg
Porque lo ocurre?

chicaloca

14/9/2010
En que error?
otra vez soy yo. En el mensage anerior no se ven bien los imagines.

Aqui dejo otros dos
http://s11.radikal.ru/i184/1009/5c/0e6184012918.jpg

http://s56.radikal.ru/i153/1009/6f/4c9b8a1d6755.jpg

Jeremias Rosales

01/2/2011
Wow
Gracias de todo corazon.... soy principiante y estaba perdido con los frames.

Gracas, un saludo desde El Salvador.

fANNY

08/3/2017
Frame
haha yo necesito un frame de 7 marcos pero estoy perdida