Make your own free website on Tripod.com

Practica #8. Frames.

Objetivo

El alumno aprenderá a utilizar las etiquetas para dividir el area de contenido del navegador y sus implicaciones de carga y enlaces a páginas.

Material

  1. Notepad (Block de notas).
  2. IE (Internet Exporer).
  3. Revista o libro.
  4. Documento con la descripción y funcionamiento de las etiquetas para dividir la pantalla.

Procedimiento

1. Crea los siguientes archivos con los fragmentos de codigo html correspondientes con el programa notepad. Nota: Almacenarlos en el mismo folder.

Archivo: index.html

<html>
<head>
<title>Mi Página Web Personal</title>
</head>
<frameset cols="15%,*">
<frame name="menu" src="menu.html">
<frame name="contenido" src="misamigos.html">
</frameset>
</html>

Archivo: menu.html

<html>
<head>
</head>
<body>

<table border=0>
<tr><td align="center"><a href="misamigos.html" target="contenido">Amigos</a></td></tr>
<tr><td align="center"><a href="minovia.html" target="contenido" >Novia</a></td></tr>
<tr><td align="center"><a href="mifamilia.html" target="contenido" >Familia</a></td></tr>
<tr><td align="center"><a href="mitrabajo.html" target="contenido" >Trabajos</a></td></tr>
</table>

</body>
</html>

Archivo: misamigos.html

<html>
<head>
</head>

<body>
<h1>Información acerca de mis amigos</p>

<font size="3"><p> Aquí va el contenido de la información referente a mis amigos</p></font>

</body>
</html>

Archivo: minovia.html

<html>
<head>
</head>

<body>
<h1>Información acerca de mi novia</p>

<font size="3"><p> Aquí va el contenido de la información acerca de mi novia.</p></font>

</body>
</html>

Archivo: mifamilia.html

<html>
<head>
</head>

<body>
<h1>Información de mi familia</p>

<font size="3"><p>Aquí va el contenido de la información de mi familia.</p></font>

</body>
</html>

Archivo: mitrabajo.html

<html>
<head>
</head>

<body>
<h1>Información de mi trabajo</p>

<font size="3"><p> Aqui va el contenido de la información acerca de mi trabajo.</p></font>

</body>
</html>

3. Verificar su correcto funcionamiento con el Internet Explorer.

4. Cree un conjunto de archivos html utilizando frames. La división de la página debe ser como lo indica la siguiente figura.

5. Verificar su correcto funcionamiento con el Internet Explorer.


Fecha de última actualización: Enero 30, 2005.