Cómo Empezar

Parrafos

Colores

Imágenes

Lista de Definiciones

Tablas

Anclas

Insertar Elementos Multimedia

Formularios

Frames

Iframes

HTML

Frames

Mediantes frames podemos dividir la ventana del navegador en varias subventanas, marcos o frames (marco en inglés). Cada una de las frames debe tener un nombre asociado con el cual podemos hacer referencia desde los otros marcos a dicho frame (o también desde simismo). La típica utilización de frames es para crear una botonera que se mantega fija, y que nos sirva para acceder a diferentes secciones de un sitio web. Cada marco contendrá un documento web.

Para trabajar con frames debemos crear la estructura y los documentos web que se incluirán de forma inicial.

Para definir la estructura se remplazan las etiquetas <body> y </body> por un conjunto de etiquetas como las siguientes:

<FRAMESET COLS="100, *">
    <FRAME SRC="frame1.htm" NAME="frame1">
    <FRAME SRC="frame2.htm" NAME="frame2">
</FRAMESET>

La estructura se puede definir por filas o por columnas. Por ejemplo:

<FRAMESET ROWS="100,100,25%,*">

definirá un conjunto de frames de cuatro filas las dos primeras de tamaño 100, la tercera del 25% de la pantalla y la última con el espacio restante.

Por cada una de las filas o columnas se definirán el documento que se carga en cada frame y el nombre que toma

<FRAME SRC="frame1.htm" NAME="frame1">.

En cada Frame podemos ademas especificar al ancho del margen, el alto, si tiene o no barra de scroll y si el usuario puede varias el tamaño del frame.

<FRAME SRC="URL" NAME="Nombre de la frame" MARGINWIDTH="ancho del
margen" MARGINHEIGHT="alto del margen" SCROLLING=YES | NO | AUTO
NORESIZE>

Si usamos vículos en los frames con el atributo TARGET podemos especificar el marco de destino de dicho vínculo:

<A HREF="url" TARGET="frame">

<BASE TARGET="frame"> Indicará la frame en la que se mostrará por defecto todos los hiperenlaces del documento actual. esta etiqueta se debe especificar en la cabecera del documento (HEAD).

Si utilizamos imagenes sensibles se puede especificar también el frame destino

<AREA SHAPE=RECT COORDS="x,y,..." HREF="url" TARGET="frame">

En el caso de un formulario también se puede especificar el marco destino

<FORM ACTION="url" TARGET="frame">

Hay valores especiales para TARGET:

TARGET="_blank": Indica que se muestre en una nueva ventana vacía, para seguir el enlace se lanza otra ventana distinta del navegador.
TARGET="_self": Se mostrará en la misma ventana o frame que lo referencia, se puede usar para modificar el valor dado por BASE.
TARGET="_parent": Se muestra en la frame o estructura de frames que llamó al documento actual.
TARGET="_top": Indica que se muestre en la ventana completa, eliminando laestructura de frames que tenga la ventana.

Ejemplo

<HTML>
<HEAD>
<TITLE>Frame</TITLE>
</HEAD>

<frameset rows="95,*" border=0 frameborder=0>
    <frame name="titulo" src="titulo1.php" scrolling="no">
    <frame name="contenido" src="inicio1.php" marginheight=1 marginwidth=1 scrolling="auto">
</frameset>

<noframes>
Su navegador no soporta frames
</noframes>

</HTML>

En este caso tenemos una estructura con frames dividida en 2 fila. La primera ocupa 95 pixeles y la segunda ocupa el resto disponible (*).
La primera fila o primer frame en este caso se llama titulo, y el archivo incial que se ubica en ella es el archivo buftitu1.php
La segunda fila o segundo frame se llama "contenido" y el documento inicial que ocupa ese marco es el documento inicio1.php

Para ver el resultado del ejemplo has click aquí

Si se quiere por ejemplo hacer una estructura con 2 filas y que la seguna a su vez posea dos columnas se debería crear una estructura como la siguiente:

<HTML>
<HEAD>
<TITLE>Frame</TITLE>
</HEAD>

<frameset rows="100,*" border=0 frameborder=0>
    <frame name="titulo" src="titulo1.php" scrolling="no">
    <frameset rows="100,*" border=0 frameborder=0>
        <frame name="opciones" src="columna1.php" marginheight=1 marginwidth=1 scrolling="no">
        <frame name="contenido" src="inicio1.php" marginheight=1 marginwidth=1 scrolling="auto">
    </frameset>
</frameset>

<noframes>
Su navegador no soporta frames
</noframes>

</HTML>

El resultado de esta estructura deberás probarla!!!

Se pueden hacer diferentes combinaciones, por ejemplo 2 columnas y cada una dividida en filas a su vez, además por ejemplo el documento que este contenido en un frame, podría a su vez ser otro frame.

jueves 15 de noviembre de 2018