Lets make `banner.html`. Start with the following and save it.

    <HTML>
    <HEAD>
    <TITLE>Practice Page- Banner</TITLE>
    </HEAD>
    <BODY BGCOLOR="#0000FF">
    </BODY>
    </HTML>

Notice we have specified a background color of blue.

VIEW banner.html VIEW Master Page

Pop in the image and `<CENTER>` it.

    <HTML>
    <HEAD>
    <TITLE>Practice Page- Banner</TITLE>
    </HEAD>
    <BODY BGCOLOR="#0000FF">
    <CENTER><IMG SRC="framz1.gif" WIDTH=500 HEIGHT=75></CENTER>
    </BODY>
    </HTML>

VIEW banner.html VIEW Master Page

While I'm thinking about it, I just wanted to mention that if you look at the source of my documents to assist you in creating your documents you may find a few things that don't make sense or that may contradict what I say. That is because I have to make my pages jump through a few hoops so that the lessons work right when viewed. Make sense? If not, just don't look at the source of these pages unless you want to confuse yourself.

Alright... as you can see we have a problem. We have a scrollbar getting in the way and the image is not positioned in the window very well. Open your Master Page. Turn off the scroll bars and get rid of the margins.

    <HTML>
    <HEAD>
    <TITLE>A Practice Page</TITLE>
    </HEAD>

    <FRAMESET ROWS="83,*">
      <FRAME SRC="banner.html" SCROLLING=NO MARGINWIDTH=1 MARGINHEIGHT=1>
      <FRAMESET COLS="20%,80%">
        <FRAME SRC="directory.html">
        <FRAME SRC="home.html" NAME="MAIN-WINDOW">
      </FRAMESET>
    </FRAMESET>

    </HTML>

VIEW IT

<< BACK NEXT >>