Вы находитесь на странице: 1из 21

UNIVERSIDAD NACIONAL DE

CAJAMARCA

FACULTAD: Educacin
ESPECIALIDAD: Matemtica e Informtica
TRABAJO: FRAMES
CURSO: Software de Aplicacin I
CICLO: VI
DOCENTE: Micha
GRUPO: 03
INTEGRANTES:
Abanto Cotrina, Helber
Ayay Pompa, Edwin Layniquer
Carranza Lpez, Fredy
Ruitn Tanta, Edilberto
Valverde Reyes, ngel

Cajamarca, 18 de Octubre del 2016

UNIVERSIDAD NACIONAL DE
CAJAMARCA
INTRODUCCIN
Una de las ms modernas caractersticas de HTML son los frames, que se aadieron, tanto en
Netscape Navigator como en Internet Explorer, a partir de sus versiones 2.0. Los frames -que
significan en castellano marcos- son una manera de partir la pgina en distintos espacios
independientes los unos de los otros, de modo que en cada espacio se coloca una pgina
distinta que se codifica en un fichero HTML distinto.
Al principio se crearon como etiquetas propietarias del navegador Netscape y rpidamente la
potencia del recurso hizo que el uso de frames se extendiera por toda la web. Poco tardara
Internet Explorer en incluirlos, para que no se le escapase una novedad tan popular de su
competidor. Finalmente, como respuesta a la popularidad entre los desarrolladores de los
frames, el estndar HTML 4.0 incluy estas etiquetas dentro de las permitidas.
Los frames, como decamos, nos permiten partir la ventana del navegador en diferentes reas.
Cada una de estas reas son independientes y han de ser codificadas con archivos HTML
tambin independientes. Como resultado, cada frame o marco contiene las propiedades
especficas que le indiquemos en el cdigo HTML a presentar en ese espacio. As mismo, y
dado que cada marco es independiente, tendrn sus propias barras de desplazamiento,
horizontales y verticales, por separado.
Existen en la web muchas pginas que contienen frames. Se suelen utilizar para colocar en
una parte de la ventana una barra de navegacin, que generalmente se encuentra fija y
permite el acceso a cualquier zona de la pgina web. Una de las principales ventajas de la
programacin con frames viene derivada de la independencia de los distintos frames, pues
podemos navegar por los contenidos de nuestro web con la barra de navegacin siempre
visible, y sin que se tenga que recargar en cada una de las pginas que vamos visitando.

UNIVERSIDAD NACIONAL DE
CAJAMARCA
NDICE
INTRODUCCIN..............................................................................................2
CONTENIDO......................................................................................................1
1. Disposicin de los Marcos.........................................................................2
1.1

El Elemento FRAMESET.....................................................................................3

1.2 El Elemento FRAME............................................................................................... 6

2. Especificacin de Informacin Sobre el Marco Destino........................9


2.1 Especificacin Del Destino De Los Vnculos Por Defecto..................................... 11
2.2 Semntica De Marcos Destino.................................................................................11

3. Contenido Alternativo.............................................................................12
3.1 El Elemento NOFRAMES.......................................................................................12
3.2 Descripciones Largas De Marcos............................................................................13

4. Marcos En Lnea: El Elemento IFRAME.............................................14


BIBLIOGRAFA..............................................................................................17

CONTENIDO
LOS FRAMES

Los frames (en ingls frame = cuadro, bastidor o marco) es un elemento implementado por
Netscape, que permite dividir la pantalla en varias reas independientes unas de otras, y por
tanto con contenidos distintos, aunque puedan estar relacionados. No hay lmites para el
contenido de cada una de estas reas: tienen las mismas propiedades que la pantalla completa
normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su
apariencia, a veces, puede ser similar, pero mientras el contenido de la celda de una tabla es
fijo, en un rea de pantalla creado por el elemento FRAME se dispone de todos los recursos
del HTML. Es una zona viva.
Aqu tenemos un documento simple con marcos:
<HTML>
<HEAD>
<TITLE>Un documento simple con marcos</TITLE>
</HEAD>
<FRAMESET cols="20%, 80 %">
<FRAMESET rows="100, 200">
<FRAME src="contenidos_del_marco1.html">
<FRAME src="contenidos_del_marco2.gif">
</FRAMESET>
<FRAME src="contenidos_del_marco3.html">
<NOFRAMES>
<P>Este conjunto de marcos contiene:
<UL>
<LI><A href="contenidos_del_marco1.html">Contenidos chveres</A>
<LI><IMG src="contenidos_del_marco2.gif" alt="Una imagen chvere">
<LI><A href="contenidos_del_marco3.html">Ms contenidos
chveres</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>

Matemtica e Informtica

Esto podra crear una disposicin de marcos como la siguiente:


--------------------------------------|
|
|
|
|
|
| Marco 1 |
|
|
|
|
|
|
|
|---------|
|
|
|
Marco 3
|
|
|
|
|
|
|
|
|
|
| Marco 2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
-----------------------------------------

Si el agente de usuario no puede mostrar marcos o est configurado para no mostrarlos,


representar los contenidos del elemento NOFRAMES.

1. Disposicin de los Marcos


Los documentos HTML que describen una disposicin de marcos (llamados documentos con
marcos) tienen una estructura diferente a la de los documentos HTML sin marcos. Un
documento normal tiene una seccin HEAD y una seccin BODY. Un documento con
marcos tiene una seccin HEAD, y un FRAMESET en lugar del BODY.
La seccin FRAMESET de un documento especifica la disposicin de las vistas en la ventana
principal del agente de usuario. Adems, la seccin FRAMESET puede contener un
elemento NOFRAMES que proporcione contenido alternativo para los agentes de usuario que
no soporten marcos o que estn configurados para no mostrar marcos.
Los elementos que normalmente podran colocarse en el elemento BODY no deben aparecer
antes del primer elemento FRAMESET o el FRAMESET no ser tenido en cuenta.

1.1 El Elemento FRAMESET

Matemtica e Informtica

<![ %HTML.Frameset; [
<!ELEMENT FRAMESET - - ((FRAMESET|FRAME)+ & NOFRAMES?) -- subdivisin en ventanas -->
<!ATTLIST FRAMESET
%coreattrs;
-- id, class, style, title -rows
%MultiLengths; #IMPLIED -- lista de longitudes,
por defecto: 100% (1 fila) -cols
%MultiLengths; #IMPLIED -- lista de longitudes,
por defecto: 100% (1 columna) -onload
%Script;
#IMPLIED -- todos los marcos han sido cargados -onunload %Script;
#IMPLIED -- todos los marcos han sido quitados --]]>

Definiciones de atributos
rows = lista de multilongitudes [CN]
Este atributo especifica la disposicin de los marcos horizontales. Es una lista de
longitudes en pxeles, porcentajes o longitudes relativas, separadas por comas. El
valor por defecto es 100%, que significa una fila.
cols = lista de multilongitudes [CN]
Este atributo especifica la disposicin de los marcos verticales. Es una lista de
longitudes en pxeles, porcentajes o longitudes relativas, separadas por comas. El
valor por defecto es 100%, que significa una columna.
Atributos definidos en otros lugares

id, class (identificadores a nivel de documento)

title (ttulo del elemento)

style (informacin de estilo en lnea)

onload, onunload (eventos intrnsecos)

El elemento FRAMESET especifica la organizacin de la ventana principal del usuario en


trminos de subespacios rectangulares.

1.1.1 Filas Y Columnas


Cuando se establece el atributo rows (filas) se define el nmero de subespacios horizontales.
Cuando se establece el atributo cols (columnas) se define el nmero de subespacios
verticales. Ambos atributos se pueden especificar simultneamente para crear una cuadrcula.

Matemtica e Informtica

Si no se establece el atributo rows, cada columna se extiende a lo largo de toda la longitud de


la pgina. Si no se establece el atributo cols, cada fila se extiende a lo largo de toda la anchura
de la pgina. Si no se establece ninguno de los dos atributos, el marco tiene exactamente el
mismo tamao que la pgina.
Los marcos se crean de izquierda a derecha para las columnas y de arriba a abajo para las
filas. Cuando se especifican ambos atributos, las vistas se crean de izquierda a derecha en la
fila superior, de izquierda a derecha en la segunda fila, etc.
En este primer ejemplo dividimos la pantalla verticalmente en dos (es decir, creamos una
mitad superior y una mitad inferior).
<FRAMESET rows="50%, 50%"> ...el resto de la definicin... </FRAMESET>

El siguiente ejemplo crea tres columnas: la segunda tiene una anchura fija de 250 pxeles (lo
cual es til, por ejemplo, para incluir una imagen de tamao conocido). La primera recibe el
25% del espacio restante, y la tercera el 75% del espacio restante.
<FRAMESET cols="1*,250,3*"> ...el resto de la definicin... </FRAMESET>

El siguiente ejemplo crea una cuadrcula de 2x3 subespacios.


<FRAMESET rows="30%,70%" cols="33%,34%,33%">...el resto de la definicin... </FRAMESET>

Para el siguiente ejemplo, supongamos que la ventana del navegador tiene actualmente una
altura de 1000 pxeles. Para la primera vista se asigna el 30% de la altura total (300 pxeles).
Para la segunda vista se especifica que tenga una altura de exactamente 400 pxeles. Esto deja
300 pxeles para repartir entre los otros dos marcos. La altura del cuarto marco se ha
especificado como "2*", de modo que es el doble de alto que el tercer marco, cuya altura es
slo "*" (equivalente a 1*). Por tanto el tercer marco ser de 100 pxeles de alto y el cuarto
tendr una altura de 200 pxeles.
<FRAMESET rows="30%,400,*,2*">...el resto de la definicin...</FRAMESET>

Las longitudes absolutas que no sumen el 100% del espacio real disponible deberan ser
ajustadas por los agentes de usuario. Cuando sobra espacio, el espacio sobrante debera
repartirse proporcionalmente entre cada vista. Cuando falte espacio, debera reducirse cada
vista en funcin de la relacin entre el espacio especificado y el espacio total.

Matemtica e Informtica

1.1.2 Anidamiento De Grupos De Marcos


Los grupos de marcos pueden anidarse hasta cualquier nivel. En el siguiente ejemplo,
el FRAMESET exterior divide el espacio disponible en tres columnas iguales. A continuacin
el FRAMESET interior divide la segunda rea en dos filas de alturas diferentes.
<FRAMESET cols="33%, 33%, 34%">...contenidos del primer marco...
<FRAMESET rows="40%, 50%">
...contenidos del segundo marco, primera fila...
...contenidos del segundo marco, segunda fila...
</FRAMESET>
...contenidos del tercer marco...
</FRAMESET>

1.1.3

Compartir Datos Entre Marcos

Los autores pueden compartir datos entre varios marcos incluyendo estos datos a travs de un
elemento OBJECT.

Los

autores

deberan

incluir

el

elemento OBJECT en

el

elemento HEAD del documento con marcos y darle un nombre con el atributo id. Cualquier
documento que sea el contenido de un marco del documento con marcos puede hacer
referencia a este identificador.
El

siguiente

ejemplo

ilustra

cmo

podra

hacer

referencia

un

script

un

elemento OBJECT definido para todo un grupo de marcos:


<HTML>
<HEAD>
<TITLE>Esto es un documento con marcos con un OBJECT en el HEAD</TITLE>
<!-- Este OBJECT no se representa! -->
<OBJECT id="miobjeto" data="datos.dat"></OBJECT>
</HEAD>
<FRAMESET>
<FRAME src="blanca.html" name="blanca">
</FRAMESET>
</HTML>
<!-- En blanca.html -->
<HTML>
<HEAD>
<TITLE>Pgina de Blanca</TITLE>
</HEAD>
<BODY>
...comienzo del documento...
<P>
<SCRIPT type="text/javascript">
parent.miobjeto.mipropiedad
</SCRIPT>
...el resto del documento...
</BODY>
</HTML>

Matemtica e Informtica

1.2 El Elemento FRAME


<![ %HTML.Frameset; [
<!-- los nombres de marcos reservados comienzan con "_", los dems con una letra -->
<!ELEMENT FRAME - O EMPTY
-- subventana -->
<!ATTLIST FRAME
%coreattrs;
-- id, class, style, title -longdesc %URI;
#IMPLIED -- vnculo a descripcin larga
(complementa al ttulo) -name
CDATA
#IMPLIED -- nombre destino del marco -src
%URI;
#IMPLIED -- origen del contenido del marco -frameborder (1|0)
1
-- poner bordes al marco? -marginwidth %Pixels;
#IMPLIED -- anchuras de los mrgenes en pxeles -marginheight %Pixels;
#IMPLIED -- alturas de los mrgenes en pxeles -noresize (noresize)
#IMPLIED -- permitir a los usuarios redimensionar
los marcos? -scrolling (yes|no|auto) auto
-- barra de desplazamiento o no ->
]]>

Definiciones de atributos
name = cdata [CI]
Este atributo asigna un nombre al marco actual. Este nombre puede utilizarse como el
destino de vnculos subsiguientes.
longdesc = uri [CT]
Este atributo especifica un vnculo a una descripcin larga del marco. Esta descripcin
debera complementar la descripcin corta proporcionada por el atributo title, y puede
ser particularmente til para agentes de usuario no visuales.
src = uri [CT]
Este atributo especifica la localizacin de los contenidos iniciales que contendr el
marco.
noresize [CI]
Si est presente, este atributo booleano le dice al agente de usuario que la ventana del
marco no debe ser redimensionable.
scrolling = auto|yes|no [CI]
Este atributo especifica informacin sobre el desplazamiento de la ventana del marco.
Valores posibles:

auto: Este valor le dice al agente de usuario que proporcione mecanismos de


desplazamiento en la ventana del marco cuando sea necesario. Este es el valor
por defecto.

Matemtica e Informtica

yes: Este valor le dice al agente de usuario que siempre proporcione


mecanismos de desplazamiento en la ventana del marco.

no: Este valor le dice al agente de usuario que nunca proporcione mecanismos
de desplazamiento en la ventana del marco.

frameborder = 1|0 [CN]


Este atributo proporciona informacin al agente de usuario sobre el borde del marco.
Valores posibles:

1: Este valor le dice al agente de usuario que dibuje un separador entre este
marco y todos los marcos adyacentes. Este es el valor por defecto.

0: Este valor le dice al agente de usuario que no dibuje un separador entre este
marco y todos los marcos adyacentes. Obsrvese que an se puede dibujar un
separador junto a este marco si as se especifica para otros marcos.

marginwidth = pxeles [CN]


Este atributo especifica la cantidad de espacio que debe dejarse entre los contenidos
del marco en sus mrgenes izquierdo y derecho. El valor debe ser mayor o igual que
cero (pxeles). El valor por defecto depende del agente de usuario.
marginheight = pxeles [CN]
Este atributo especifica la cantidad de espacio que debe dejarse entre los contenidos
del marco en sus mrgenes superior e inferior. El valor debe ser mayor o igual que
cero (pxeles). El valor por defecto depende al agente de usuario.
Atributos definidos en otros lugares

id, class (identificadores a nivel de documento)

title (ttulo del elemento)

style (informacin de estilo en lnea)

El elemento FRAME define los contenidos y la apariencia de un marco dado.

Matemtica e Informtica

1.2.1 Especificacin De Los Contenidos Iniciales De Un Marco


El atributo src especfica el documento inicial que contendr el marco.
El siguiente ejemplo de documento HTML:
<HTML>
<HEAD>
<TITLE>Un documento con marcos</TITLE>
</HEAD>
<FRAMESET cols="33%,33%,33%">
<FRAMESET rows="*,200">
<FRAME src="contenidos_del_marco1.html">
<FRAME src="contenidos_del_marco2.gif">
</FRAMESET>
<FRAME src="contenidos_del_marco3.html">
<FRAME src="contenidos_del_marco4.html">
</FRAMESET>
</HTML>

Debera crear una distribucin de marcos parecida a sta:


-----------------------------------------|Marco 1
|Marco 3
|Marco 4
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-------------|
|
|
|Marco 2
|
|
|
|
|
|
|
|
|
|
|
------------------------------------------

y hacer que el agente de usuario cargara cada fichero en una vista separada. Los contenidos
de un marco no deben estar en el mismo documento que la definicin del marco.
EJEMPLO ILEGAL:
La siguiente definicin de un grupo de marcos no es legal segn HTML, ya que los
contenidos del segundo marco estn en el mismo documento que la definicin del grupo de
marcos.
<HTML>
<HEAD>
<TITLE>Un documento con marcos</TITLE>

Matemtica e Informtica

</HEAD>
<FRAMESET cols="50%,50%">
<FRAME src="contenidos_del_marco1.html">
<FRAME src="#vinculo_al_mismo_documento">
<NOFRAMES>...texto...
<H2><A name="vinculo_al_mismo_documento">Seccin
importante</A></H2>...texto...
</NOFRAMES>
</FRAMESET>
</HTML>

1.2.2 Representacin Visual De Un Marco


El siguiente ejemplo ilustra el uso de los atributos decorativos de FRAME. Especificamos
que el marco 1 no permitir barras de desplazamiento. El marco 2 dejar espacio en blanco
alrededor de sus contenidos (inicialmente, un fichero de imagen) y el marco no ser
redimensionable. No se dibujar ningn borde entre los marcos 3 y 4. Se dibujarn los bordes
(por defecto) entre los marcos 1, 2 y 3.
<HTML>
<HEAD>
<TITLE>Un documento con marcos</TITLE>
</HEAD>
<FRAMESET cols="33%,33%,33%">
<FRAMESET rows="*,200">
<FRAME src="contenidos_del_marco1.html" scrolling="no">
<FRAME src="contenidos_del_marco2.gif"
marginwidth="10" marginheight="15"
noresize>
</FRAMESET>
<FRAME src="contenidos_del_marco3.html" frameborder="0">
<FRAME src="contenidos_del_marco4.html" frameborder="0">
</FRAMESET>
</HTML>

2. Especificacin de Informacin Sobre el Marco Destino


Nota. Para informacin sobre las prcticas actuales referentes a la determinacin del marco
destino, consulte las notas sobre marcos del apndice.
Definiciones de atributos
Target = marco-destino [CI]
Este atributo especifica el nombre de un marco en el que debe abrirse un documento.
Al asignar un nombre a un marco por medio del atributo name, los autores pueden referirse a
l como el "destino" de los vnculos definidos por otros elementos. Se pueden establecer el
atributo target para los elementos que creen vnculos (A, LINK), para los mapas de imgenes
(AREA), y para los formularios (FORM).

Matemtica e Informtica

Consulte la seccin sobre nombres de marcos destino para informacin sobre nombres de
marcos reconocidos.

Este ejemplo ilustra cmo es posible mediante la especificacin de un destino la modificacin


dinmica de los contenidos de un marco. Primero definimos un grupo de marcos en el
documento frameset.html, mostrado a continuacin:
<HTML>
<HEAD>
<TITLE>Un documento con marcos</TITLE>
</HEAD>
<FRAMESET rows="50%,50%">
<FRAME name="fijo" src="inicial_fijo.html">
<FRAME name="dinamico" src="inicial_dinamico.html">
</FRAMESET>
</HTML>

Despus, en inicial_dinamico.html, hacemos un vnculo al marco llamado "dinamico".


<HTML>
<HEAD>
<TITLE>Un documento con vnculos con destinos especficos</TITLE>
</HEAD>
<BODY>...comienzo del documento...
<P>Puede avanzar ahora a la
<A href="diapo2.html" target="dinamico">diapositiva 2.</A>...ms documento...
<P>Lo est haciendo muy bien. Vaya ahora a la
<A href="diapo3.html" target="dinamico">diapositiva 3.</A>
</BODY>
</HTML>

Si se activa cualquiera de los vnculos se abre un nuevo documento en el marco llamado


"dinamico", mientras que el otro marco, "fijo", mantiene sus contenidos iniciales.

Nota. La definicin de un grupo de marcos nunca cambia, pero los contenidos de uno de sus
marcos s pueden cambiar. Una vez que los contenidos de un marco cambian, la definicin
del grupo de marcos deja de reflejar el estado actual de sus marcos.
Actualmente no hay ninguna manera de codificar con un URI el estado real de un grupo de
marcos. Por tanto, muchos agentes de usuario no permiten a los usuarios asignar un
marcador a un grupo de marcos.

10

Matemtica e Informtica

Los grupos de marcos hacen ms difcil para los usuarios la navegacin hacia adelante y
hacia atrs por la historia del agente de usuario.

2.1 Especificacin Del Destino De Los Vnculos Por Defecto


Cuando muchos vnculos del mismo documento designan al mismo destino, es posible
especificar el destino una sola vez para que no sea necesario incluir el atributo target en todos
los elementos. Esto se hace estableciendo el atributo target del elemento BASE.
Volvemos al ejemplo anterior, esta vez definiendo la informacin sobre el destino en el
elemento BASE para quitarla de los elementos A.
<HTML>
<HEAD>
<TITLE>Un documento con un destino especfico en BASE</TITLE>
<BASE href="http://www.micom.com/Diapos" target="dinamico">
</HEAD>
<BODY>
...comienzo del documento...
<P>Puede avanzar ahora a la <A href="diapo2.html">diapositiva 2.</A>
...ms documento...
<P>Lo est haciendo muy bien. Vaya ahora a la
<A href="diapo3.html">diapositiva 3.</A>
</BODY>
</HTML>

2.2 Semntica De Marcos Destino


Los agentes de usuario deberan determinar el marco destino en el que cargar un recurso
vinculado de acuerdo con las siguientes reglas de precedencia (ordenadas de mayor a menor
prioridad):
1. Si un elemento especifica en su atributo target un marco conocido, cuando se activa el
vnculo (p.ej., se sigue el vnculo o se procesa un formulario), el recurso designado
por el elemento debera cargarse en el marco destino.
2. Si un elemento no tiene el atributo target establecido pero el elemento BASE s lo
tiene, el atributo target del elemento BASE determina el marco.
3. Si ni el elemento que vincula el recurso ni el elemento BASE hacen referencia a un
destino, el recurso designado por el elemento debera cargarse en el marco que
contiene al elemento.

11

Matemtica e Informtica

4. Si alguno de los atributos target se refiere a un marco desconocido F, el agente de


usuario debera crear una ventana y marco nuevos, asignar el nombre F al marco, y
cargar el recurso designado por el elemento en el nuevo marco.
Los agentes de usuario pueden proporcionar a los usuarios un mecanismo para deshabilitar el
atributo target.

3. Contenido Alternativo
Los autores deberan proporcionar contenido alternativo para aquellos agentes de usuario que
no soporten marcos o que estn configurados para no mostrar marcos.

3.1 El Elemento NOFRAMES


<HTML>
<HEAD><TITLE> Mi ttulo ></TITLE></HEAD>
<FRAMESET>
<NOFRAMES>
<BODY>
Su visualizador no soporta frames. Pulse
<A HREF="indice.htm">aqui </A> para volver.
</BODY>
</NOFRAMES>
<FRAME SRC="pagina1.htm" >
<FRAME SRC="pagina2.htm" >
</FRAMESET>
</HTML>

Atributos definidos en otros lugares

id, class (identificadores a nivel de documento)

lang (informacin sobre el idioma), dir (direccin del texto)

title (ttulo del elemento)

style (informacin de estilo en lnea)

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmou


seout, onkeypress, onkeydown, onkeyup (eventos intrnsecos)

El elemento NOFRAMES especifica un contenido que slo deberan mostrar los agentes de
usuario que no soporten marcos o que estn configurados para no mostrar marcos. Los

12

Matemtica e Informtica

agentes de usuario que soporten marcos slo deben mostrar los contenidos de una
declaracin NOFRAMES cuando se configuren para no mostrar marcos. Los agentes de
usuario que no soporten marcos deben mostrar los contenidos de NOFRAMES en cualquier
caso.
El elemento NOFRAMES es parte tanto del DTD transicional como del de documentos con
marcos. En un documento que use el DTD de documentos con marcos, NOFRAMES se
puede usar al final de la seccin FRAMESET del documento.

Por ejemplo:
<HTML>
<HEAD>
<TITLE>Un documento con marcos con NOFRAMES</TITLE>
</HEAD>
<FRAMESET cols="50%, 50%">
<FRAME src="principal.html">
<FRAME src="tabla_de_contenidos.html">
<NOFRAMES>
<P>Aqu puede encontrar la <A href="principal-sinmarcos.html">
version sin marcos del documento.</A>
</NOFRAMES>
</FRAMESET>
</HTML>

NOFRAMES se puede usar, por ejemplo, en un documento que sea el origen de un marco y
que use el DTD transicional. Esto permite a los autores explicar el propsito del documento
en los casos en que ste se vea fuera del grupo de marcos o con un agente de usuario que no
soporte marcos.

3.2 Descripciones Largas De Marcos


El atributo longdesc permite a los autores hacer los documentos con marcos ms accesibles a
las personas que utilizan agentes de usuario no visuales. Este atributo designa un recurso que
proporciona una descripcin larga del marco. Los autores deberan recordar que las
descripciones largas asociadas con los marcos se refieren al marco, y no a los contenidos del
marco. Como los contenidos pueden variar con el tiempo, la descripcin larga inicial podra
ser inapropiada para los contenidos posteriores del marco. En particular, los autores no
deberan incluir una imagen como nico contenido de un marco.

13

Matemtica e Informtica

El siguiente documento con marcos describe dos marcos. El marco izquierdo contiene una
tabla de contenidos y el marco derecho contiene inicialmente la imagen de un avestruz:
<HTML>
<HEAD>
<TITLE>Un documento con marcos mal diseado</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
<FRAME src="tabla_de_contenidos.html">
<FRAME src="avestruz.gif" longdesc="desc-avestruz.html">
</FRAMESET>
</HTML>

Obsrvese que la imagen ha sido incluida en el marco independientemente de cualquier


elemento HTML, de modo que el autor no tiene ninguna manera de especificar un texto
alternativo aparte de usar el atributo longdesc. Si los contenidos del marco derecho cambian
(p.ej., el usuario selecciona una serpiente de cascabel en la tabla de contenidos), los usuarios
no tendrn acceso textual a los nuevos contenidos del marco.
Por tanto, los autores no deberan poner una imagen en un marco directamente. En su lugar,
la imagen debera especificarse en un documento HTML independiente, en el cual se podra
adjuntar el texto alternativo apropiado:
<HTML>
<HEAD>
<TITLE>Una documento con marcos bien diseado</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
<FRAME src="tabla_de_contenidos.html">
<FRAME src="contenedor_avestruz.html">
</FRAMESET>
</HTML>
<!-- En contenedor_avestruz.html: -->
<HTML>
<HEAD>
<TITLE>El avestruz, robusto y veloz</TITLE>
</HEAD>
<P>
<OBJECT data="avestruz.gif" type="image/gif">
Estos avestruces seguro que estn ricos!
</OBJECT>
</HTML>

14

Matemtica e Informtica

4. Marcos En Lnea: El Elemento IFRAME


El elemento IFRAME permite a los autores insertar un marco dentro de un bloque de texto.
Insertar un marco en lnea dentro de una seccin de texto es muy similar a insertar un objeto
mediante un elemento OBJECT: ambos permiten insertar un documento HTML en medio de
otro, ambos pueden alinearse con el texto circundante, etc.

<!ELEMENT IFRAME - - (%flow;)*


-- subventana en lnea -->
<!ATTLIST IFRAME
%coreattrs;
-- id, class, style, title -longdesc %URI;
#IMPLIED -- vnculo a descripcin larga
(complementa al ttulo) -name
CDATA
#IMPLIED -- nombre destino del marco -src
%URI;
#IMPLIED -- origen del contenido del marco -frameborder (1|0)
1
-- poner bordes al marco? -marginwidth %Pixels;
#IMPLIED -- anchuras de los mrgenes en pxeles -marginheight %Pixels;
#IMPLIED -- alturas de los mrgenes en pxeles -scrolling (yes|no|auto) auto
-- barra de desplazamiento o no -align
%IAlign;
#IMPLIED -- alineacin vertical u horizontal -height
%Length;
#IMPLIED -- altura del marco -width
%Length;
#IMPLIED -- anchura del marco ->

Definiciones de atributos
longdesc = uri [CT]
Este atributo especifica un vnculo a una descripcin larga del marco. Esta descripcin
debera servir como complemento de la descripcin corta que proporciona el
atributo title, y es particularmente til para los agentes de usuario no visuales.
name = cdata [CI]
Este atributo asigna un nombre al marco actual. Este nombre puede utilizarse como el
destino de vnculos subsiguientes.
width = longitud [CN]
La anchura del marco en lnea.
height = longitud [CN]
La altura del marco en lnea.
Atributos definidos en otros lugares

15

id, class (identificadores a nivel de documento)


Matemtica e Informtica

title (ttulo del elemento)

style (informacin de estilo en lnea)

name, src, frameborder, marginwidth, marginheight, scrolling (controles

decoraciones de los marcos)

align (alineacin)

La informacin a insertar en lnea se designa mediante el atributo src de este elemento.


Los contenidos del elemento IFRAME, por su parte, slo deberan ser mostrados por los
agentes de usuario que no soporten marcos o que estn configurados para no mostrar marcos.

Para aquellos agentes de usuario que soporten marcos, el siguiente ejemplo colocar un
marco en lnea rodeado por un borde en medio del texto.
<IFRAME src="blabla.html" width="400" height="500"
scrolling="auto" frameborder="1">
[Su agente de usuario no soporta marcos o est actualmente configurado para no
mostrar marcos. Sin embargo, puede visitar
<A href="blabla.html">el documento relacionado.</A>]
</IFRAME>

Los marcos en lnea no pueden ser redimensionados (y por lo tanto no tienen un


atributo noresize).

Nota. Tambin puede incluirse un documento HTML dentro de otro documento


HTML por medio del elemento OBJECT. Vase la seccin sobre documentos
incluidos para ms detalles.

16

Matemtica e Informtica

BIBLIOGRAFA
http://html.conclase.net/w3c/html401-es/present/frames.html#edef-NOFRAMES
http://desarrolloweb.com/articulos/791.php
https://www.youtube.com/watch?v=RdnS55MbdY4
CURSO HTML-http://www.desarrolloweb.com

17

Matemtica e Informtica

18

Matemtica e Informtica