Я так понимаю у тебя там не просят дизайнерских изысков, а только интерфейс? Какие инструменты можно использовать - определенные, или все что душе угодно?
Тут можно обойтись только html+js, а можно и с php(или любой другой серверный язык) поиграться.
В первом случае концепция такая:
1 в html-файле пишем список вопросов с со списком ответов или инпутом для написания ответа
<div class="q-1 text" data-answer="cat">// в атрибут data-aswer спрятан ответ
<p>Переведите на английский слово "кошка"<p> // вопрос
<input type="text" value=""> //сюда писать текст ответ
<div class="check">Проверить</div>
</div>
<div class="q-2" >//тут нет дата потому что не потребуется
<p>Как по англ будет "кошка"<p>
<input type="radio" value="0">dog<br/> //кнопки для выбора ответа
<input type="radio" value="1"> cat<br/>
<input type="radio" value="0"> bird<br/>
<div class="check">Проверить</div>
</div>
$('.check').click(function(){//по клику на кнопу проверить
var parent = $(this).parent();//получаем родителя нашей кнопки - это div с классом q-*
if (parent.hasClass('text')) {// если тип ответа - текст
var answer = parent.children('input').text();// берем ответ пользователя
var dataAnswer = parent.attr('data-answer');// берем правильный ответ
if (answer.match(dataAnswer )) {alert('верно')}//тут грубое сравнение ответов, для примера сойдет
else {alert('неверно')}
}
else {// если тип ответа выбор кнопки
if (parent.children('input:checked')[0].value == 1 ) {alert('верно')}
else {alert('неверно')}
}
});
Примерно так.