Curso HTML

Page 296

Frames, las ventanas llegan al WWW

Con esto tendremos una página que dividirá la ventana del navegador en una columna izquierda y otra derecha que ocupan el 20% y el 80% del ancho respectivamente. El contenido de cada una de estas columnas estará en los archivos izquierda.htm y derecha.htm. El siguiente paso será la creación de estos archivos. Volvemos a abrir un archivo nuevo en nuestro editor y le llamamos izquierd.htm. En este archivo podemos escribir todo el código HTML que queramos siempre teniendo en cuenta sus limitadas dimensiones. Para empezar podemos escribir:

<HTML> <HEAD> </HEAD> <BODY BGCOLOR="#99FF99"> <H1>

Frame izquierdo </H1>

Este frame podría servir de índice: <UL> <LI>Tema 1 <LI>Tema 2 <LI>Tema 3 </UL> </BODY> </HTML>

A continuación abrimos otro archivo nuevo y le llamamos derecha.htm. El código a incluir en este tercer documento HTML será:

<HTML> <HEAD> </HEAD> <BODY> <H1>

Este es el frame Derecho </H1> <P>

En este frame podría ir el contenido principal del Web. </P> </BODY> </HTML>

El último paso será visualizar el documento de definición de frames, index.htm, con el navegador que prefiramos. Por supuesto se podría ver cada uno de los documentos HTML por separado, y de hecho suele ser muy útil hacerlo

280


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.