Logo

Colocar cada PÁgina en su Marco

 

Ahora vamos a ver como serían las diferentes páginas web que van en cada uno de los marcos. Estas páginas son iguales a las que hemos visto ya anteriormente. Podemos poner cualquier página web que queramos en uno de estos marcos.

Debemos tener en cuenta que cada una de estas páginas se escribe por separado en su propio archivo HTML. Para verlo mejor veamos un ejemplo.

Página1.html

Normalmente esta es la que contiene el titulo de la web. Generalmente usamos una etique <h1>. La página tiene su propio titulo en la etiqueta <title>, pero no se podrá visualizar a no ser que se muestra la página sola sin los frames, porque como hemos dicho las páginas que van incluidas dentro de frames tendrá el titulo de la página que contiene todos los frames.

El código de esta página sería:

<html>
<head>
    <title> La Revista del Deporte</title>
</head>
<body bgcolor="#0000CC">
<h1 align=center>DEPORTES</h1>
</body>
</html>

Página2.html

En esta página va el área principal de los frames, es el lugar donde se suele poner los principales contenidos de la web. O quizás poner un mensaje de bienvenida a la web.

<html>
<head>
    <title>Portada de la Revista del Deporte</title>
</head>
<body bgcolor="#FF0033" text="#ffffff">
<h1 align="center">Bienvenidos a nuestra web</h1>
<br>
<br>
La revista del deporte, pretende mantenerte informado sobre las últimas acontecimientos que se produzcan en el mundo del deporte.
<br>
<br>
Tiene como uno de sus principales objetivos estar al tanto de las últimas novedades e informarle sobre todos los deportes. Tenemos una amplia gama de secciones en la que podrá encontrar cualquier deporte.
</body>
</html>

Página3.html

En esta página incluiremos una barra de navegación de los principales contenidos del sitio. Con todos los enlace, al pinchar en ellos se verán en el área principal de la página que contiene los frames. El código sería:

<html>
<head>
    <title>Barra de la Revista del Deporte</title>
</head>
<body bgcolor="#CC00CC" link="ffffcc" vlink="ffffcc">
<div align="center">
<b>
<a href="pagina2.html">Portada</a> |
<a href="secciones.html">Secciones</a> |
<a href="contacto.html">Contacto</a>
</b>
</div>
</body>
</html>

 

Siguiente Tema:

PÁGINA PRINCIPAL DEL CURSO CREACIÓN DE PÁGINAS WEB EN HTML