3:43 AM - Tips and tricks on how to make a quiz in Dreamweaver
Nowadays, there are many ways to
make
online quiz, for example, you can create online test with
Google Docs, you can also create online test with desktop Flash
quiz maker and so on,
today, we are going to learn how to make a quiz in Dreamweaver.
Adobe Dreamweaver is a user-friendly website design program
originally owned by Macromedia. It is highly versatile and supports
Java scripting, cascading scripting sheets and many other common
script languages. Dreamweaver doesn't require knowledge of HTML. As
a result, construction of fairly complex web pages is possible for
almost any level of experience. Forms can be created in a series of
point and click steps. The following steps will guide you through
the process.
Step 1: Creating a Form.
Create a new Web page or open up an existing page in
Macromedia Dreamweaver. Format the page to how you want it (page
width, page title, colors, fonts, etc.). Next, go to the Insert
menu and select Form.
Step 2: Inserting a radio button.
Title your quiz by typing in some text, and ask your first
question. Hold the Shift key and press the Enter key (or
Shift+Return) to go to the next line. Go to the Insert menu, select
Form Objects, then Radio Button. A radio button will appear. Type
in your first answer option to the right of the radio button.
Step 3: Naming the Radio button.
Click on the radio button and go to the Properties Box, shown
below.
In the first box, type in Question1 (use this name for each
answer in Question 1...it doesn't matter what name you choose as
long as you use it consistently). For Checked Value, enter the
answer corresponding to the button. Make sure the Initial State is
Unchecked.
Step 4: Formatting the radio button in HTML.
Tap the button in the middle to get to the view of WYSIWYG +
HTML. (To return to the normal WYSIWYG view, click on the button on
the right.) Click on the radio button, and the corresponding HTML
code will be highlighted in black, as shown below.
Before the last > in the highlighted HTML, type in
onclick="alert(' ')". The section you edited should look like this:
Inside the single quote marks, type in the feedback for the
first answer. For the sample quiz, it would be the words Sorry, try
again. You may want to use Correct and Incorrect, or give other
feedback. Make sure your feedback does not include commonly used
HTML characters like quotation marks or apostrophes. The line
should now read something like this:
Repeat Steps 2 - 4 for each answer you want to include. Name
the radio buttons for each answer in Question 1 "Question1" but
change the Checked Value name and feedback accordingly. For
Question 2, name each radio button "Question2" and so on..
In my opinion, the easiest way to make a online quiz is using
some
free
online quiz makers for help, with them, i just need to with a
few clicks and a quiz will be made.
tags: make quiz dreamweaver