APRENDER
A USAR HTML (parte V)
1.
Creación de una página sencilla con FRAMES
Para crear una página con frames,
primero debemos crear un documento base -con la extensión .html- que explique
cómo van a estar dispuestos los marcos en la hoja. Para aquellos que tengan su
página en El Sitio, no olviden que si esta va a ser la página inicial de su site,
debe llamarse "index.html". Esta primera página no tiene el contenido en sí, sólo
órdenes: "vamos a dividir la página en X partes; cada una va a tener X longitud,
y en cada una se va a ver el siguiente documento HTML".
Esta página principal tiene una característica sobresaliente: reemplaza las etiquetas
<BODY> y </BODY> (como no hay cuerpo para mostrar, no
las necesita) y las reemplaza por <FRAMESET> y </FRAMESET>
para marcar el comienzo y el fin del sector donde se definirá cada uno de las
piezas que integrarán lo que el usuario verá en pantalla. Dentro de la etiqueta
<FRAMESET> se puede utilizar el par <FRAME /FRAME> para
indicar cada uno de los "marcos" o divisiones de la pantalla del browser:
No era tan complicado. Trituremos una por una las etiquetas necesarias para crear
una página con marcos. La etiqueta <FRAMESET> y el atributo COL
determinan cuántas columnas tendrá la pantalla y el ancho de cada una. En este
caso tendremos 2 columnas, la primera ocupará el 25 por ciento y la segunda el
75 por ciento restante (Atención: estos son valores relativos; esto implica que
el contenido de cada frame tratará de acomodarse al espacio disponible, según
el tamaño que el usuario le dé a la ventana de su browser. También es posible
fijar valores absolutos en píxeles.) Cada <FRAME SRC=> determina
qué documento mostrará cada columna. En el ejemplo de arriba, el sector izquierdo
mostrará el documento "izquierda.html", y el derecho, "derecha1.html".
¿Y qué significa NAME="principal"? En este caso, que el marco de la derecha de
la pantalla va a ser identificado con el nombre "principal". Ya volveremos sobre
el tema.
El resultado de este frameset visto en un browser es:
Habrán notado que el resultado es interesante, pero que en este ejemplo no hay
contenido alguno en los frames.
• 2. Insertando contenido en una página con
frames
Guía de lectura
• Introducción
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