Las páginas o sitios que se han ido enseñando en cada marco son archivos HTML iguales a los que se venían elaborando con anterioridad. Se pueden poner todo tipo de elementos HTML de los analizados en este artículo, como etiquetas de párrafo, imágenes, colores de fondo, etcétera.
Cada uno de esos archivos, como ya se ha señalado, se redacte por separado dentro de su propio archivo HTML. Vosotros podéis definir los archivos HTML de la siguiente forma:
Pagina1.html
Es el sitio que posee el titular de la web. Sencillamente se trata de una etiqueta <H1> de titular. La web posee en si su propio título, con la etiqueta <TITLE>, el cual no se logrará apreciar por ninguna web a no ser que se enseñe este sitio sin los frames, ya que las páginas que están adentro de los marcos adquieren el título de la definición de los frames.
<html>
<head>
<title>Titulo Ferretería Don Juan</title>
</head>
<body bgcolor=”#DECC09″>
<h1 align=center>Ferretería PEPE</h1>
</body>
</html>
Pagina2.html
Es ese sitio en donde se mostrará en el área principal de la definición de frames, os ea, la web que posee más espacio para observarse y donde se colocará los contenidos de la web. En este sentido se aprecia un mensaje de bienvenida a la web, que hará las veces de portada.
<html>
<head>
<title>Portada de Ferretería Don Juan</title>
</head>
<body bgcolor=”#CF391C” text=”#ffffff”>
<h1 align=”center”>Bienvenidos a nuestra web</h1>
<br>
<br>
La Ferretería Don Juan, con más de 50 años brindando servicio, es la mejor fuente de instrumentos para el hogar y vuestro coche.
<br>
<br>
Tanto en invierno como en verano pueden hallar nuestras excelentes ofertas de rebaja.
</body>
</html>
Pagina3.html
En esta página se apreciará la barra de navegación por los contenidos del sitio. Posee enlaces que tendrían que actualizar en cuanto al contenido del área principal de la declaración de frames, para lograr enseñar los diferentes contenidos del sitio, por ejemplo, la portada, los productos, la página de contacto, etc.
<html>
<head>
<title>Barra de navegación de ferretería Don Juan </title>
</head>
<body bgcolor=”#AC760E” link=”ffffcc” vlink=”ffffcc”>
<div align=”center”>
<b>
<a href=”pagina2.html”>Portada</a> |
<a href=”productos.html”>Productos</a> |
<a href=”contacto.html”>Contacto</a>
</b>
</div>
</body>
</html>
Recuerden que a través de un Bloc de nota pueden empezar a realizar la estructura para ir viendo cómo queda el resultado final.
