| |
These directions show that making a self-grading quiz can be as easy
as making a Web page. Here you will type in your questions, answers, and
feedback comments. The quiz maker will generate all the HTML code and
JavaScript you will need. The most difficult part of the process is saving
the resulting quiz to a file.
- Enter the exam title. This will be the suggested file name when you
save the quiz.
Sample: 
- If you want the results emailed to you, check the "Yes"
radiobutton. Follow that by entering your email address. The default
is "No" and it is displayed as prechecked.
- Directions. Enter any directions you wish students to read.
Any valid HTML code is acceptable*.
Sample:
- Answer letter. Enter the answer of the current question. It
should be uppercase A-D. It can be entered at any time before
selecting the Create Question button. If you make lower case answers,
they are converted to upper case.
- Questions. Enter your question. Any valid
HTML code is acceptable.
- Answers & Feedback. Enter your four multiple choice answers,
and four feedback comments for each question.
Any valid HTML code is acceptable. Leaving the feedback blank
is OK. When the user clicks a response, the only information displayed
will be whether the selected answer is correct or not.
The two boxes may be horizontally arranged as you see here or vertically
stacked - depending on your browser width.
Rules:
- Rules of HTML tags apply. So, if you want a carriage return, use
the break tag <BR>. If you want a new paragraph use the <P>
between
your text </P> tags. Using the normal "Enter"
key will break the line as you type the script, but it will not
display in that manner. However, knowledge of HTML tags is not necessary.
An easy way to create the HTML code for a question is to create
it using an HTML editor such as Dreamweaver, FrontPage, or CoffeeCup
and then copy and paste the HTML source code into the appropriate
quiz question, answer or feedback box. All three of these editors,
and many more as well, reveal the source code at the press of a
button or key.
- If you insert an image with the <img
src= ... > tag, you will not see the image when you create
the quiz. What you will see is a blank box something like this:
 You
must first save the quiz to the folder where the image is stored.
Then redisplay the quiz in the browser.
- It is not recommended that you use <div> or <span>
tags in your quiz question, answer or feedback descriptions.
- Create. Select the "Create Question" button.
Enter next question and repeat.
- Create. When all questions have been entered, select the "Create
Exam" button.
Note the comment above on the display of images.
- Saving your Quiz - Method 1. After selecting the "Create
Exam" button a new browser page will open. It displays the exam
exactly as students will see it. You must now save it for deployment
to the Web. We give two methods. The first is to select "View"+"Source".
The source file for the quiz will appear in Notepad, unless you have
set some other editor as the default. The next step is to select "File"+"Save
As" and place the file with a name of your choice in your designated
folder. That is all there is to it. BUT,
remember that your quiz needs the graphic image "blueball.gif"
Be sure to save this file in the same directory. You can do that easily
by right-clicking on the blue ball button and selecting "Save Image
As." You can also use any graphic of your choice. Just give it
the name "blueball.gif." A variation of this method, which
may save a few keystrokes, is to copy and pastee the page source to
a file ready to save in the correct folder. In this way you can make
modifications and additions more easily.
- Saving your Quiz - Method 2. After selecting the "Create
Exam" button a new browser page will open. It displays the exam
exactly as students will see it. You must now save it for deployment
to the Web. Here are the steps:
- Select the "File"+"Save As".
- Select type as "Web Page, HTML only."
- Choose or create the folder for the file, and then save
the file.
- Before deploying to the Web, be certain to place in this folder
all graphics you have used including the file blueball.gif.
- You can obtain the file "blueball.gif" by positioning
the mouse over it and then right-clicking the mouse. Use the "Save
Picture As" (or Save Image As) option.
- Deleting questions: At any time, you may entirely delete some question,
type the number of the quiz in the box provided and select "Delete
Now." See the graphic below:
You may also delete a question after you have created the exam. Simply
return to Make-a-quiz, delete the question and (re-)create the exam.
This will yield two exams open, the original and the re-created one.
- Editing questions: At any time, you may edit any question.
Merely, type the number of the quiz in the box provided and select "Edit
Now." See the graphic below:
You may also edit a question after you have created the exam. Simply
return to Make-a-quiz, edit the desired question and (re-)create the
exam. This will yield two exams open, the original and the re-created
one.
*It is not recommended that you use <div>
or <span> tags in your quiz question, answer or feedback descriptions.
Top of page.
Return to "Make-a-quiz"
Good luck. Questions?
Contact Diem M. Nguyen
|