Pellowe, Code Handout, page 2

Pellowe, Code Handout, page 2

1.1 A simple frames-based quiz page:
This is a standard frames-based page; for an example, see my "page title" quiz, which is page two of the "opening links in new windows" page sequence: http://www2.gol.com/users/billp/course/ch1p10.html

1.1.1 Main page:

<HTML> <HEAD> <TITLE>Check</TITLE> </HEAD> <FRAMESET ROWS = "50%,50% " BORDER="no" FRAMEBORDER=0>: <FRAME SRC="ch1p11top.html" NAME="ch1p11top" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE>
<FRAME SRC="ch1p11bottom.html" NAME="ch1p11bottom" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE>
</FRAMESET> <NOFRAMES>: <BODY TEXT="#000000" BGCOLOR="#FFFFFF">
Put a message here for the non-frames-capable browsers.
</BODY>
</NOFRAMES> </HTML>

In the frames created above, there's a top and a bottom section, each taking up half the browser. Two pages are specified to fill those two sections. One is ch1p11top.html, and the other is ch1p11bottom.html. There's no border between them -- if your "top" page is small enough, the division between the top and bottom sections will be invisible (BORDER="no" FRAMEBORDER=0; one for Netscape and one for Explorer).

1.1.2 Bottom Section
ch1p11bottom.html is simply a "blank" page:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
</HEAD>
<BODY BACKGROUND="courseimages/spiral.gif" TEXT="#000000" BGCOLOR="#FFFFFF"
LINK="#0000EE" VLINK="#0000FF" ALINK="#FF0000">
</BODY>
</HTML>

(page 3 of handout)

1.1.3 Top section -- the "Quiz" question page
ch1p11top.html is the "Quiz page"; note the links include a "target". This "target" statement tells the next page to appear at the bottom of this page (in the lower frame).
<HTML>
<HEAD>
<TITLE>Checking</TITLE>
</HEAD>
<BODY BACKGROUND="courseimages/spiral.gif" TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#0000EE" VLINK="#0000EE" ALINK="#FF0000">
Opening Links in New Windows
 Before we continue, I'd like to check your understanding. Check the title of this page, and then please answer this question by clicking on A, B or C for the answer.
 What is the title of this page? 
<A HREF="ch1p11A.html" target="ch1p11bottom">A.</A> Opening Links in New Windows 
<A HREF="ch1p11B.html" target="ch1p11bottom">B.</A> Internet for International Communication 
<A HREF="ch1p11C.html" target="ch1p11bottom">C.</A>
Check
</BODY>
</HTML>

When a student clicks on the correct answer, the "Feedback" pages will appear in the bottom half of the screen, in the space originally occupied by the blank ch1p11bottom.html

1.1.4 The "Answer feedback" pages
a) The two "Wrong answer" feedback pages can contain hints or reminders.
b) The "Correct answer" page includes a link to the next page -- this link has to "break" the frame. In other words, the next page should completely replace this quiz question page. The link looks like this; the key point is the part that says "target":
<A HREF="ch1p12.html" target="_top">go to the next page</A>.