Advanced Tutorial - Student Testing Example

EZSurvey is a simple and easy method for creating tests to be administered online. The files Test1.EZF and Test2.EZF (save these files to your desktop first) are two versions of an American History test created with EZSurvey. Test1.EZF is formatted to appear similar to a conventional paper test. Test2.EZF is formatted more closely to web forms. However, they are functionally equivalent. Test2.EZF is a standard EZSurvey form containing tables.

Test1.EZF, the form that is modeled after a paper test, has some elements that may require explanation. Open the file Test1.EZF and preview it. The form is formatted to have a column of questions running down the left and right sides, with a small column between them to space them apart. Each set of four questions (the four on the right and the four on the left) is created with the normal EZSurvey Table setup function but they are contained within an outer table.

Select one of the Table setup tool button in the list of questions in the Edit form window. Notice that the opening tag has been altered by the addition of the HTML tag <td width="48%" valign="top">. There are also table tags inserted above and below the test questions.

The explanation of the HTML formatting is as follows:

<table width=100%><tr>
This starts the outer table, that will hold the two interior tables, and specifies that it will stretch across the entire width of the browser window. The <tr> starts the first and only row of this outer table.

<td width="48%" valign="top">
You will find this in both of the Table setup entries, before the <TABLE> tag that EZSurvey automatically generates. It creates a new column here that will stretch across 48% of the table width, and specifies that the data in the column will be aligned against the top of the column. This places the EZSurvey table inside of the outer table.

<td width = "4%">
You will find this between the two smaller tables; it creates a middle column that prevents the question text on both sides from running into each other and increases the visual appeal of the form.

</table>
This tag simply indicates that the outer table is done.

See also...