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="framz.gif" width="500" height="75"></center>
</body>
</html>
VIEW banner.html VIEW Master Page
All right... 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="77,*">
<frame src="banner.html" scrolling="no" marginwidth="0" marginheight="0">
<frameset cols="20%,80%">
<frame src="directory.html">
<frame src="home.html" name="MAIN-WINDOW">
</frameset>
</frameset>
</html>
| Frames Tutor |
| Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
| Frames Templates HTML 4.0 Reference Barebones HTML Guide |
|
|
|
|
