Сайт-тестирование на поступление в вуз

@4unkur · Регистрация: 16.06.2014

Author24 — интернет-сервис помощи студентам

Здраствуйте.
В свободное время начал верстать сайт-тестирование на поступление в вуз.
Вопросы и ответы у меня есть, в формате doc.
Как я понял нужен обработчик,который все посчитает и т.д., это меня сейчас мало
волнует, на данной стадии я хочу сделать сайт только на html css.
Ну и в дальнейшем подучу какой нибудь скриптовый язык и сделаю сайт полноценным, работающим.

Так вот собственно вопрос: Как правильно это все сделать?
Тестирование разделено на несколько частей(мат-ка, химия и т.д.)
Всего вопросов 120.
Сейчас я делаю так

HTML5

<p class="question">Вопрос 1</p>
<p class="answer">
<label><input type="radio" name="bio1">Вариант а) </input><br></label>
<label><input type="radio" name="bio1">Вариант б) </input><br></label>
<label><input type="radio" name="bio1">Вариант г) </input><br></label>
</p>
<p class="question">Вопрос 2</p>
<p class="answer">
<label><input type="radio" name="bio2">Вариант а) </input><br></label>
<label><input type="radio" name="bio2">Вариант б) </input><br></label>
<label><input type="radio" name="bio2">Вариант г) </input><br></label>
</p>

Может посоветуете как правильно сделать.

@Alex Japson · 08.07.2014, 06:41

есть такой вариант,

HTML5

<script>
var счет = 0;
var вопросы = [
  ['Сколько лун у планеты Земля?', 1],
  ['Сколько лун у планеты Сатурн?', 31],
  ['Сколько лун у планеты Венера?', 0]
];
function задавайВопрос(вопрос) {
  var ответ = prompt(вопрос[0], '');
      if (ответ == вопрос[1]) {
      alert('Верно!');  
      счет++;
    } else {
      alert('Неверно. Правильный ответ ' + вопрос[1]);
    }
}
for (var i=0; i<вопросы.length; i++) {
задавайВопрос(вопросы[i]);
}
</script>
</head>
 
<body>
<div class="wrapper">
  <div class="header">
    <p class="logo">JavaScript <i>и</i> jQuery <i class="mm">Недостающее<br>Руководство</i></p>
  </div>
  <div class="content">
    <div class="main">
      <h1>Простая викторина</h1>
      <script>
        var сообщение = 'Вы ответили правильно на ' + счет;  
        сообщение += ' из ' + вопросы.length;
        сообщение += ' вопросов.';
        document.write('<p>' + сообщение + '</p>');
        </script>
      </div>
  </div>

@4unkur · 08.07.2014, 12:07 **[ТС]**

js тоже надо бы изучить. Этот сайт как бы мой "большой проект", делаю его по-мере изучения чего-либо.
Пока что я на стадии верстки.
А хотел я спросить как вобще делают тестирование на сайтах?
В гугле что-то не нашлось на эту тему хороших статей и т.п

@Alex Japson · 08.07.2014, 14:51

Есть много методик и каждому что-то свое ближе, вот были похожие темы Создать тест на HTML Создание онлайн теста и вот еще http://www.html.by/threads/112... html-testy

@4unkur 16 / 16 / 10 Регистрация: 16.06.2014 Сообщений: 180
	08.07.2014, 12:07 [ТС]	3
	js тоже надо бы изучить. Этот сайт как бы мой "большой проект", делаю его по-мере изучения чего-либо. Пока что я на стадии верстки. А хотел я спросить как вобще делают тестирование на сайтах? В гугле что-то не нашлось на эту тему хороших статей и т.п 0

@Alex Japson 37 / 37 / 11 Регистрация: 07.08.2013 Сообщений: 145 Записей в блоге: 1
	08.07.2014, 14:51	4
	Сообщение было отмечено 4unkur как решение Решение Есть много методик и каждому что-то свое ближе, вот были похожие темы Создать тест на HTML Создание онлайн теста и вот еще http://www.html.by/threads/112... html-testy 1

Опции темы

Сайт-тестирование на поступление в вуз

Решение