Las páginas que mostraremos en cada marco son documentos HTML iguales a los que venimos creando anteriormente.
Cada documento, como ya hemos indicado, se escribe por separado en su propio archivo HTML. Para el ejemplo del capítulo anterior podemos definir los archivos HTML de la siguiente manera.
pagina1.html
Es la página que contiene el titular de la web. Simplemente se trata de una etiqueta <H1> de titular. La página tiene su propio título, con la etiqueta <TITLE>, que no se podrá visualizar por ningún sitio a no ser que se muestre esta página sin los frames, ya que las páginas dentro de los marcos heredan el título de la definición de los frames.
<html>
<body bgcolor=»#DECC09″>
<h1 align=center>Semana de la Prensa</h1>
</body>
</html>
pagina2.html
En esta página se mostrará la barra de navegación por los contenidos del sitio. Contiene enlaces que deberían actualizar el contenido del área principal de la declaración de frames, para mostrar los distintos contenidos del sitio, por ejemplo, la portada, los productos, la página de contacto, etc.
<html>
<body bgcolor=»#AC760E» link=»ffffcc» vlink=»ffffcc»>
<div align=»center»>
<a href=»pagina3.html»>Inicio</a>
<a href=»periodicos.html»>Periódicos</a>
<a href=»revistas.html»>Revistas</a>
</div>
</body>
</html>
pagina3.html
Es la página que se presentará en el área principal de la definición de frames, es decir, la página que tiene más espacio para visualizarse y donde pondremos los contenidos de la web. En este caso muestra un mensaje de bienvenida a la web, que hará las veces de portada.
<html>
<body bgcolor=»#CF391C» text=»#ffffff»>
<h1 align=»center»>Bienvenidos a nuestra web</h1>
<p>
Durantes estos días celebraremos la semana de la prensa. Trabajaremos en todas las materias utilizando periódicos y revistas.
</p>
<p>
La lectura de estas publicaciones nos permitirá encontrar noticias relacionadas con nuestros estudios.
</p>
</body>
</html>