Frames en HTML

Plantel 12 Nezahualcoyotl

• Santana Mulgado Shannon Alin
• Rosa Perez Charres
• Frames en HTML

Que son los FRAMES en HTML

• Qué 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.
• Los frames permiten una flexibilidad de presentación extraordinaria, y para contenidos muy complejos, de difícil estructura por los medios convencionales del HTML, son casi insustituibles. De nuevo se presenta la duda de para qué visualizador es preferible programar nuestro WWW.

Codigos para hacer frames en HTML

• La etiqueta frameset
• La etiqueta <frameset> se usa para dividir la ventana del navegador en diferentes marcos y a cada uno asignarle una medida distinta.
• Cada frameset define un grupo de filas y columnas.
• Sintaxis <frameset rows="valor1, valor2, valor_n" cols="valor3, valor4, valor_n">
• el resto de la definición... </frameset>Los posibles valores para definir el tamaño de las filas y de las columnas
• pixels | % | *
• La etiqueta frameLa etiqueta <frame> asigna que documento colocaremos en cada marco.

Codigos para hacer frames en HTML

• Sintaxis <frameset cols="25%,75%"> <!-- Dividimos la pantalla en una columna de 25% y otra de 75%-->
• <frame src="/URL_1">
• <frame src="/URL_2">
• </frameset>Nota: La etiqueta <frame> no debe llevar etiqueta de cierre
• La etiqueta noframes La etiqueta <noframes> muestra un texto para los navegadores que no soportan frames.
• <noframes> se coloca dentro de la etiqueta frameset
• si el navegador soporta frames, el texto del <noframes> no se mostrará
• si usamos la etiqueta <noframes> el texto de la misma debe ir entre las etiquetas <body> </body>

Codigos para hacer frames en HTML

• La etiqueta iframe La etiqueta <iframe> se usa para crear un frame en línea que contiene otro documento.
• El iframe puedo mostrar una ventana que contenga otra página Web dentro de la página que estamos diseñando
• Sintaxis <iframe src="/URL del sitio que desea mostrar"> Ejemplo Código<iframe src="/http://www.virtualnauta.com" width="100%"></iframe>

Que función tienen las etiquetas TARGET

• y NAME
• NAME: Indica el nombre de la frame, este nombre es importante ya que se usará en los hiperenlaces (normalmente en los documentos
• de las otras frames) para indicar la frame de destino del documento. Si no se indica el nombre solo se podrá mostrar el documento actual, sin
• que sea posible cambiarlo mediante hiperenlaces.
• TARGET: Atributo para indicar la frame de destino
• Con esta instrucción definiremos las frames que formarán el documento, su sintaxis es similar a la de las tablas, permitiendo definir muy distintos tipos de frames. Su formato es el siguiente:
• <FRAMESET ROWS=Lista de las Filas COLS=Lista de las Columnas>
• <FRAME SRC=URL_1 NAME="Nombre de la frame1">
• <FRAME SRC=URL_2 NAME="Nombre de la frame1">
• . . .
• <FRAME SRC=URL_N NAME="Nombre de la frameN">
• </FRAMESET>

que función tienen las etiquetas TARGET

• y NAME
• Existen unos valores especiales de TARGET que nos permitirán definir destinos distintos a las frames definidas. Estos valores son los siguientes:
• 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 la estructura de frames que tenga la ventana.

Ejemplos de Frames (Pantallas)

Ejemplos de Frames (Pantallas)

Ejemplos de Frames (Pantallas)

Cloncución

• Los Frames en HTML son de mucha ayuda para el momento de hacer una pagina, por ejemplo nos es de gran ayuda utilizar as etiquetas TARGET y Name porque con Name podemos utilizarlo para poner el nombre a los documentos y asi poder saber de que trata el documento y TARGET para indicar la frame escrita que esta se presentará
• Y, al igual que los códigos ayudan a que cada uno se le asigne una medida distinta., cada frameset define un grupo de filas y columnas..