Frames en HTML

FRAMES EN HTML

• COLEGIO DE BACHILLERES PLANTEL 12 "NEZAHUALCOYOTL"
• CASTRO CONTRERAS RAFAEL ANTONIO
• GRUPO: 660
• TURNO: VESPERTINO

¿Que son los Frames?

• Los frames (en inglés 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 límites 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.Las páginas que contienen una definición de FRAME no pueden contener el elemento BODY ni ninguno de los elementos que habitualmente aparecen en el BODY antes del elemento FRAMESET que es el que define la creación del FRAME. Si esto no se cumple, el FRAME será ignorado.
• Algunos visualizadores no soportan los frames. Para que nuestra página con frames no resulte opaca a ellos, se utilizará el elemento NOFRAMES que permite ofrecer un texto alternativo en entorno normal.

Codigos para hacer Frames

• Es posible adoptar simultáneamente una división tanto en columnas como en filas, de manera que se cree una ventana dividida en varios marcos. Veamos cómo debemos intervenir en el código HTML del documento según el número y la posición de los marcos que queremos crear.
• <frameset rows="100,*"><frame name="alto" src="top.htm"><frameset cols="150,*">
• <frame name="sx" src="sx.htm.htm">
• <frame name="central" src="central.htm"></frameset>
• </frameset>
• <frameset cols="120,*"><frame name="sx" src="sx.htm"><frameset rows="100,*"><frame name="alto" src="top.htm">
• <frame name="central" src="central.htm"></frameset>
• </frameset>

Codigos para hacer Frames

• <frameset cols="120,*"><frame name="sx" src="sx.htm"><frameset rows="20%,60%,20%,*"><frame name="alto" src="top.htm">
• <frame name="central" src="central.htm">
• <frame name="bajo" src="basso.htm"></frameset>
• </frameset>
• <frameset cols="75%,25%">
• <frameset rows="20%,80%*"><frame name="alto" src="top.htm">
• <frame name="central" src="central.htm"></frameset><frame name="dx" src="dx.htm"></frameset>

Codigos para hacer Frames

• <frameset cols="75%,25%">
• <frameset rows="20%,80%*"><frame name="alto" src="top.htm"><frameset cols="20%,80%*"><frame name="sx" src="sx.htm">
• <frame name="central" src="central.htm"></frameset> </frameset><frame name="dx" src="dx.htm"></frameset>
• <frameset cols="75%,25%">
• <frameset rows="20%,80%*"><frame name="alto" src="top.htm">
• <frame name="central" src="central.htm"></frameset> <frameset rows="24%,76%"><frame name="top" src="top2.htm"> <frame name="dx" src="dx.htm"></frameset> </frameset>

Codigos para hacer Frames

• <frameset cols="25%,75%">
• <frameset rows="80%,20%"><frame name="alto" src="top.htm">
• <frame name="bajo" src="basso.htm"></frameset><frame name="central" src="central.htm"></frameset>
• <frameset rows="20%,60%,20%"><frame name="alto" src="top.htm">
• <frame name="central" src="central.htm">
• <frame name="bajo" src="basso.htm"></frameset>
• <frameset cols="20%,60%,20%"><frame name="sx" src="sx.htm">
• <frame name="central" src="central.htm">
• <frame name="dx" src="dx.htm"></frameset>

Target y Name

• Lo más interesante de los frames es la posibilidad que tienen de interactuar entre si, es decir pulsar un enlace en el frame 1 y cargar el contenido en el frame 2.
• Para conseguir esto hay que darle un nombre a los frames y luego indicar en el enlace donde se va a cargar mediante el atributo TARGET.
• <HTML>
• <HEAD><TITLE> Frames --Ejemplo 3--</TITLE></HEAD>
• <FRAMESET COLS=150,*>
• <FRAME SRC="frames4.htm" NAME=margen>
• <FRAME SRC="frames5.htm" NAME=principal>
• </FRAMESET>
• </HTML> Los enlaces de la página frames4.htm , que es la que se carga en el margen izquierdo,se escriben de la forma:
• <A HREF="frames1.htm" TARGET=principal>Frame 1 </A>
• Hay ciertos valores reservados para TARGET, estos son
• TARGET=_top, hace que la página se cargue en la ventana completa del navegador.
• TARGET=_self, hace que la página se cargue en la misma ventana del frame actual.
• TARGET=_parent, hace que la página se cargue en el frame "padre", del que desciende el actual
• TARGET=_blank, hace que la página se cargue en una nueva ventana.
• TARGET=nombre, hace que la página se cargue en el frame llamado nombre. Si no existe se carga en una ventana nueva

Ejemplos

Ejemplos

Ejemplos

Conclusión

• En conclusión pienso que los frames es algo vital para la mayoría de las paginas web, ya que es una herramienta muy útil y muy practica para poder organizar la información que quieres mostrar en tu pagina web.
• Códigos muy útiles, unas sencillos, otros no tanto pero con la practica se podrán dominar fácilmente, un nuevo conocimiento que sin dudas resultara muy útil.