Tue, 15 May 2012

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 dreamweaver quiz

0 comments