2. Insertando contenido en una página con frames
Llenemos ahora de contenido cada FRAME. Para eso, es necesario que creemos un documento aparte para cada marco descripto en el frameset. Así que abrimos una vez más el Bloc de Notas (o el editor de textos que uno prefiera) y comenzamos a crear un documento "izquierda.html" para que llene el frame en el sector izquierdo de nuestra página. (A propósito, muchos deben estar preguntándose si el Bloc de notas es la única manera de hacer HTML. La respuesta es no. Pero es la más didáctica. Hay otras herramientas más específicas, simples e intuitivas, pero no son buenas para entender el mecanismo de este lenguaje. Y, por otra parte, ningún profesional del diseño en la Web admitiría que las usa. Hay una cuestión de orgullo en esto de hacer HTML con un procesador de texto plano):
<HTML>
<HEAD>
<TITLE> Indice </TITLE>
</HEAD>
<BODY>
<H3> SVGBVED </H3>
<OL>
<LI> <A HREF="derecha1.html" TARGET="principal"> INICIAL </A>
<LI> <A HREF="derecha2.html" TARGET="principal"> ESTATUTO </A>
<LI> <A HREF="derecha3.html" TARGET="principal"> ADMISIONES </A>
</OL>
</BODY>
</HTML>
El atributo TARGET es el encargado de decir: "Si el usuario hace clic en ESTATUTO, entonces muestra la página 'derecha3.html' en el marco que bautizamos NAME='principal', es decir, en la parte de la derecha de la pantalla". Si no utilizo el atributo TARGET, la página se abriría en el mismo marco que contiene el link. Veamos ahora el código de cada uno de los documentos que pueden ser invocados haciendo clics en la parte izquierda de nuestra página de prueba.
Uno por uno
"derecha1.html"
<HTML>
<HEAD>
<TITLE> Indice </TITLE>
</HEAD>
<BODY CENTER> <H3> Bienvenidos a la página del Sindicato de Vendedores de Gorros Banderas y Vinchas en Estadios Deportivos </H3>
</CENTER>
<BR> <BR>
De vez en cuando surge alguna institución que ilumina el camino del país. Sabemos la resposabilidad que significa ser venededor de gorras, banderas y vinchas, y nos sentimos muy honrados. </BODY> </HTML>
"derecha2.html"
Ahora ejecuta el documento index.html (el que hiciste en la página anterior, por supuesto):
Si haces click en ESTATUTO, en la ventana izquierda, el resultado será:
• 3. Pensando en aquellos que no tienen frames
Guía de lectura
• Introducción
• 1. Creación de una página sencilla con frames
TEMAS RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial de Flash 5
Editores de páginas web fáciles y gratuitos
Todo para tu sitio