Leccion4
Frames Los frames son una serie de documentos HTML cargados simultaneamente en la misma venta de navegacion, es como una tabla, pero en lugar de escribirse todo el contenido en un solo documento, se escribe en varios documentos distintos, esto es especialmente util cuando tenemos secciones cuyo contenido varia notablemente y queremos que aparezca en todas las paginas, por ejemplo un menu, donde podamos elegir para todo el sitio, este menu aparecera en todas las paginas, cambiando solo el contenido del frame que indiquemos.
Debido a que se deben abrir varios documentos, será necesario que los efectos los visualices en tu propio ordenador, asi que esta vez no colocare ejemplos, ademas a estas alturas ya debes dominar la apertura y cierre de etiquetas, de modo que no debes tener problema.
Comenzaremos con un frame simple de 2 documentos.
Crea 3 documentos HTML y escribe lo que desees, pero recuerda que escribiste en cada uno, para ponernos de acuerdo, llamaré a los documentos menu, contenido1 y contenido2.
En el documento llamado menu agrega dos enlaces uno al documento contenido 1, otro al documento contenido2 y un tercero a cualquier pagina externa. Voy a suponer que les llamas contenido1, contenido2 y visita otro sitio.
Ahora viene lo interesante, vamos a crear un cuarto documento llamado index.htm, este documento sera nuestra base de frames o marcos, como se les conoce en varios paises de habla hispana, este documento debe tener la siguiente estructura:
Fijate bien que nuestra base de frames no lleva la etiqueta HEAD o la etiqueta BODY, porque no las necesita.
Este documento es donde indicamos como seran acomodados los frames al escribir el nuevo documento en la pantalla, en este caso, el frame sera a creado a partir de dos columnas, la derecha mide 200 pixeles y la segunda ocupara el resto de la pantalla, aunque tambien podemos determinarle un valor en pixeles o podriamos manejar porcentajes, en este caso colocariamos COLS=20%,80% observa bien la coma, esta separa los valores, para que el frame pueda entenderse, luego observamos que existe un tag llamado NAME, esta etiqueta nos indica el nombre para cada frame de forma que podamos controlar un frame desde otro, a fin de cuentas esta es la finalidad.
Ahora cuando grabes este documento se cargaran los 2 documentos en la misma ventana, veras la pantalla dividida en dos secciones, la izquierda con 200 pixeles y que tendra contenido el documento menu.htm y la derecha conteniendo el documento contenido1.htm.
Ahora que pasa si presionas uno de los enclaces del menu...
HORROR! Se ha borrado el menu y en su lugar aparecio el contenido1, claro, porque tenemos que especificar que el menu tiene controles de frame, volvemos a abrir el archivo menu.htm en el editor de texto, ahora vamos a revisar las etiquetas de enlace y vamos a agregar una breve sentencia a final de la etiqueta HREF, pero dentro de la misma, vamos a escribir TARGET="contenido" este nombre es el que le dimos al segundo frame, si escribiste un nombre diferente, ese es el que tienes que poner aqui.
al enlace que hicimos a otra pagina le vamos a escribir TARGET="_TOP", nuestros enlaces quedaran asi:
Ahora nuestro menu va a controlar al segundo frame, cuando hagas click en los enlaces contenido 1 y contenido 2 estos seran cargados en la segunda seccion, pero si haces click en otra pagina, el navegador abrira otra ventana o borrara todo el contenido de la misma, incluyendo el menu y cargando solo un documento, como habitualmente lo hace.
Ahora te sugiero que practiques con los frames, recuerda que el segundo frame tambien puede controlar al primero y que puedes incluir frames dentro de frames.
Las etiquetas que te faltaria saber son:
<Frameset ROWS="180,*"> Esta crea una base de marcos que en lugar de tener columnas tiene renglones, asi que en este caso creara un documento con un encabezado de 180 pixeles y una parte inferior que ocupara el resto de la pantalla, esta parte inferior de la pantalla podemos redividirla en frames escribiendolo en orden, para este ejemplo supongamos que cargamos la pagina encabezado para el encabezado y luego vamos a cargar dos paginas, como en el ejemplo anterior para la seccion inferior.
Nuestro documento debera tener la siguiente estructura:
Como abrimos dos etiquetas de frameset, tambien debemos tener dos etiquetas de cierre, bueno, esto es todo con respecto a los frames, puedes observar el efecto de los frames en la pagina de guitarra de la plaza virtual. |
