Scribd
Cargar
36 vistas

HTML5

Los frames dividen la ventana del navegador en regiones independientes llamadas marcos. Cada marco muestra un documento HTML diferente y se comporta como una página separada. Un documento principal define la distribución de los marcos usando las etiquetas <FRAMESET> y <FRAME> y asigna un documento HTML a cada marco.

Cargado por

Stefano Andres Herrera Arvay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
36 vistas

HTML5

Los frames dividen la ventana del navegador en regiones independientes llamadas marcos. Cada marco muestra un documento HTML diferente y se comporta como una página separada. Un documento principal define la distribución de los marcos usando las etiquetas <FRAMESET> y <FRAME> y asigna un documento HTML a cada marco.

Cargado por

Stefano Andres Herrera Arvay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 20

Frames

Frames
 Se emplean para dividir la ventana del
navegador en regiones o zonas autónomas e
independientes
 Cada marco se comporta como una página

HTML y tiene su propio código.


 Habrá un documento HTML por cada marco y

luego uno global que indicará como se realiza


la división del espacio disponible en marcos.
Frames
 El archivo que indica al navegador que la
página contiene una serie de marcos, usa la
etiqueta <FRAMSET>, que tiene su cierre
</FRAMSET>.
 Esta etiqueta tiene como atributo principal
ROWS y COLS, para dividir la página en
columnas o filas.
 El valor que toman estas etiquetas son ‘n’
números separados por comas que indican
que la página se divide en ‘n’ marcos, tanto
como números haya.
Frames
 Ej:
 <framset cols=“100,120,30,200”>
 ….
 </framset>

 <framset rows=“10%,20%,30%,*”>
 …..
 </framset>
Frames
 En el documento que reparte el espacio,
también hay que definir el contenido de cada
marco, para ello se emplea la etiqueta FRAME,
que utiliza como atributo principal SRC, que
indica de donde obtener el archivo HTML que
se cargará en ese marco.
Frames
 Ej:
 <framset cols=“100,120,*,2*”>
 <frame src=“marco1.html”>
 <frame src=“marco2.html”>
 <frame src=“marco3.html”>
 <frame src=“marco4.html”>
 </framset>
Frames
 Como el archivo de división de la página en
marcos solo se emplea para organizar la
página , no tiene cuerpo, es decir no están las
etiquetas <body> y </body>, y en su lugar
aparecen <frameset> y </frameset>
Ejercicio 25
 Cree un archivo “marcos.html” con dos columnas, la
mitad para cada marco, y en uno ponga
“marcos1.html” y en el otro “marcos2.html”. Vea como
queda.
 Ahora divida la página en cuatro columnas,
repartiendo el espacio a partes iguales, y cargue en
cada marco cada uno de los archivos. Vea su aspecto.
 Ahora asigne a los marcos espacios distintos: 10%,
20%, 30%, y 40%.
 Cambie la página para expresar el espacio en puntos,
en vez de porcentajes, por ejemplo: 50,100,200 y el
resto. Vea como queda. Convierta las columnas en
filas y vea como queda
Frames
 Anidamiento de marcos
 Se pueden anidar marcos, es decir, se divide

un marco a su vez en mas marcos. Por


ejemplo se puede dividir una página en tres
columnas y la última de ella se puede dividir
a su vez en tres filas. Para ello, el último
<FRAME> se sustituye por un <FRAMESET>,
que lleva asociado una etiqueta de cierre, y
entre ambas etiquetas, los nuevos marcos.
Ejercicio 26
 A partir del ejercicio anterior, construya una
página dividida en tres filas, donde la
segunda fila se divide en dos columnas, y la
tercera en tres columnas. Haga una
distribución uniforme del espacio. En la
primera fila cargue el archivo “marco1.html” y
en la segunda cargue dos veces el archivo
“marco2.html”, y en la tercera tres veces el
archivo “marco3.html”. Vea como queda la
página.
Frames
 Enlaces y marcos
 Si se quiere dar la opción de cargar una

nueva página en un marco, basta con poner


el enlace HTML correspondiente en el código
del marco.
 Ej:
Frames
 <html>
 <head>
 <title>Página del marco 1</title>
 </head>
 <body>
 Marco 1. Visite la página del <a

href=“marco4.html”>marco 4</a>
 </body>
 <html>
Frames
 En este caso si hacemos clic en el enlace, se
carga la página “marco4.html” en el marco
actual. Pero muchas veces lo que se desea es
cargar la nueva página en un marco vecino.
Para ello debe indicarse que el destino no es
este marco (opción por defecto) sino otro.
Esto se hace añadiendo el atributo TARGET al
enlace (etiqueta <A>). Este atributo
especifica el destino del enlace.
Frames
 <html>
 <head>
 <title>Página del marco 1</title>
 </head>
 <body>
 Marco 1. Visite la página del <a

href=“marco4.html”
target=“marco_der”>marco 4</a>
 </body>
 <html>
Frames
 Además debe asignarse un nombre a cada
marco, para así poder referenciarlos luego.
Esto se hace en el archivo que establece la
división del espacio entre los distintos
marcos, mediante el atributo NAME de la
etiqueta <frame>:
Frames
 <html>
 <head>
 <title>Marcos y enlaces</title>
 </head>
 <framset cols=“50%, 50%“>

◦ <frame src=“marco1.html” name=“marco-izq”>


◦ <frame src=“marco2.html” name=“marco_der”>
</framset>
</html>
Frames
Por supuesto no hace falta que el enlace sea a
un archivo local, puede ser a una dirección
global:
<html>
<head>
<title>Página del marco 1</title>
</head>
<body>
<p>Página del Marco 1</p>
Frames
 <p>Visite la página del <a
href=“marco4.html”
target=“marco_der”>Marco 4</a></p>
 <p>También puede interesarle visitar la

página de <a href=


http://www.iaeslarioja.com.ar
target=“marco_der”>IAES La Rioja</a>
 </body>
 </html>
Frames
 Cuando uno abandona un sitio web y se va a
otro no le interesa ver la nueva página en un
marco, lo normal es abandonar todos los
marcos y abrir la nueva página ocupando
todo el espacio disponible en la ventana del
navegador. Para ello se pone como destino
TARGET=“_top”
Frames
 Se puede especificar si se desean o no barras
de desplazamiento en un marco. Puede
emplearse el atributo SCROLLING de la
etiqueta <frame>, que puede tomar tres
valores: yes (siempre aparecen), no (nunca
aparecen) o auto (aparecen solo cuando hace
falta). La opción por defecto es la última que
además es la mas razonable.

También podría gustarte