InformIT: Sams Teach Yourself HTML 4 in 24 Hours

Workshop

Quiz

Write the HTML to list the names Mickey, Minnie, and Donald in a frame taking up the left 25 percent of the browser window. Make it so that clicking each name brings up a corresponding Web page in the right 75 percent of the browser window.

Write a frameset document to make the frame layout pictured here:

Answers

You need five separate HTML documents. The first document is the frameset:

<html><head><title>Our Friends</title></head>
<frameset cols="25%,75%">
<frame src="index.htm" />
<frame src="mickey.htm" name="mainframe" />
</frameset>
</html>

Next, you need the index.htm document for the left frame:

<html><head><title>Our Friends Index</title></head>
<body>
Pick a friend:<p>
<a href="mickey.htm" target="mainframe">Mickey</a><p>
<a href="minnie.htm" target="mainframe">Minnie</a><p>
<a href="donald.htm" target="mainframe">Donald</a><p>
</body></html>

Finally, you need the three HTML pages named mickey.htm, minnie.htm, and donald.htm. They contain the information about each friend.

<html><head><title>Nested Frames</title></head>
<frameset rows="*,*">
 <frameset cols="*,*,*">
  <frame src="top1.htm" />
  <frame src="top2.htm" />
  <frame src="top3.htm" />
 </frameset>
 <frameset cols="*,*">
  <frame src="bottom1.htm" />
  <frame src="bottom2.htm" />
 </frameset>
</frameset>
</html>

Exercise

For now, try your hand at creating a couple of documents using frames. In Hour 23, "Helping People Find Your Web Pages," though, you discover how to make a page that loads another page automatically after a specified time interval. When you combine that trick with frames, you can create all sorts of interesting animated layout effects.

Hour 22. Organizing and Managing a Web Site | Next Section

Previous Section