Ahora hagamos los documentos. Empezaremos con banner.html. Copia lo siguiente y grábalo:

<HTML>
<HEAD>
<TITLE>Página de práctica - Banner</TITLE>
</HEAD>
<BODY BGCOLOR="#0000FF">
</BODY>
</HTML>

Verás que hemos especificado como color de fondo el azul.

VER banner.html          VER Página Maestra


Introduce la imagen y céntrala.

<HTML>
<HEAD>
<TITLE>Página de práctica - Banner</TITLE>
</HEAD>
<BODY BGCOLOR="#0000FF">
<CENTER><IMG SRC="framz1.gif" WIDTH=500 HEIGHT=75></CENTER>
</BODY>
</HTML>

VER banner.html          VER Página Maestra

Y ahora que lo pienso, tengo que decirte que si estás mirando el código fuente de mis documentos como guía en la creación de los tuyos puedes encontrarte con cosas contradictorias o sin sentido. Esto se produce porque yo tengo que hacer que mis páginas den unos cuantos saltos para que las lecciones funcionen correctamente. ¿Entendido?. Si no lo entiendes, no mires el código de las lecciones a menos que te quieras confundir aún más.


Bueno... como puedes ver, se nos ha presentado otro problema. Tenemos una barra de desplazamiento y la imagen no está todo lo bien que debería estar en la ventana. Abre tu página maestra, elimina la barra de desplazamiento y libráte de los márgenes

<HTML>
<HEAD>
<TITLE>Página de práctica</TITLE>
</HEAD>

<FRAMESET ROWS="83,*">
  <FRAME SRC="banner.html" SCROLLING=NO MARGINWIDTH=1 MARGINHEIGHT=1>
  <FRAMESET COLS="20%,80%">
    <FRAME SRC="directorio.html">
    <FRAME SRC="casa.html" NAME="VENTANA-PRINCIPAL">
  </FRAMESET>
</FRAMESET>

</HTML>

MÍRALO