Debe introducir al menos 3 caracteres en el buscador.
Inicio / Wikis / Tutoriales / Completo tutorial de HTML - Frames - Anidar frames

Completo tutorial de HTML - Frames - Anidar frames

 ****- (6 opiniones)
GNU Free Documentation License Tutorial de Indaya.com - 11 de Septiembre de 2005
Temas Relacionados: HTMLProgramación web
33. Frames - Anidar 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> 


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>



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 y licencia de 'Completo tutorial de HTML - Frames - Anidar frames'
Indaya.com Extraído de: http://www.indaya.com GNU Free Documentation License
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Wikis relacionados con 'Completo tutorial de HTML - Frames - Anidar frames'

Una técnica ampliamente usada en los servicios multimediales existentes antes y después de la aparición... Más »
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Una técnica ampliamente usada en los servicios multimediales existentes antes y después de la aparición... Más »
Amplio tutorial de Java para empezar a trabajar y ampliar conocimientos de este lenguaje.
Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones... Más »
¿Estás seguro de que deseas eliminar este capítulo?