Frames - Anidar frames

28 de mayo de 2002
Valoración del artículo:
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.

Compartir en redes sociales

Comentarios
Fueron enviados 6 comentarios al artículo
4 comentarios no revisados
2 comentarios revisados:

chicalo...
En que está error?
13/9/2010
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?

chicalo...
En que error?
14/9/2010
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

Manuales relacionados
Categorias relacionadas
El autor
Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com


Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...