Escolar Documentos
Profissional Documentos
Cultura Documentos
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
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
3. Contenido Alternativo.............................................................................12
3.1 El Elemento NOFRAMES.......................................................................................12
3.2 Descripciones Largas De Marcos............................................................................13
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
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
Matemtica e Informtica
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>
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.3
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
Matemtica e Informtica
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:
Matemtica e Informtica
no: Este valor le dice al agente de usuario que nunca proporcione mecanismos
de desplazamiento en la ventana del marco.
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.
Matemtica e Informtica
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>
Matemtica e Informtica
Consulte la seccin sobre nombres de marcos destino para informacin sobre nombres de
marcos reconocidos.
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.
11
Matemtica e Informtica
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.
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.
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>
14
Matemtica e Informtica
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
align (alineacin)
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>
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