• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Workshop

Quiz

1:Write the HTML to list the names Mickey, Minnie, and Donald in a frame taking up the left 25% of the browser window. Make it so that clicking each name brings up a corresponding Web page in the right 75% of the browser window.
A1: 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" id="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.

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

A2:
<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>

Exercises

  • In Hour 22, “Helping People Find Your Web Pages,” 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.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint