Как сделать сайт в html сделать тесты

Добавлено: 16.08.2017, 12:17 / Просмотров: 81473

  Для того, чтобы создать тест с использованием яваскрипт:

1.    Нужно открыть блокнот и набрать:

<html>

<head>

<meta http-equiv="content-type" content="text/html;

      charset=windows-1251">

<title> Название нашего теста </title>

</head>

<body>

      <h1> название нашего теста </h1>

2.       Сохранить файл с расширением html.

3.       Для редактирования открываем его с помощью блокнота. Если нужно посмотреть результат, запускаем его через браузер.

Теперь главное, создаем тест. Чтобы было понятно, как работает предложенная система, разберем алгоритм его работы. Выясним что нам для этого нужно.

а) Нужно определиться с системой оценивания. Ведь тест, как раз для этого и нужен. Обычно, прежде чем разрабатывать тест, мы уже знаем, сколько будет вопросов, на сколько вопросов нужно ответить правильно, чтобы получить «5», «4», «3» или «2».

б) Нужно, куда-то, вводить вопросы.

в) Нужно обрабатывать ответы. Чтобы система определила правильно или неправильно.

г) Нужно вывести результат.

Итого, получается 4 пункта. Чтобы был порядок в нашем тесте. Создадим 4 формы, где и будем реализовывать наши команды алгоритма.

В первой форме будем помещать наши вопросы.

<!-- список вопросов -->

<form charset="windows-1251" name="Q" action="" method="post"> //вводим форму и даем ей имя Q

Существует несколько вариантов вопросов: с вводом ответа, с выбором ответа. Разберем каждый.

В основном используется с выбором ответа, для учащихся я думаю, такие вопросы на удачу.

<br>Вопрос №1 (Содержание вопроса)

<br><input type="radio" name="rb1" value="0" checked="">Ответ1

<br> <input type="radio" name="rb1" value="1">Ответ2

<br> <input type="radio" name="rb1" value="0">ответ3

<br> <input type="radio" name="rb1" value="0">ответ4

rb1 это наша переменная для первого вопроса. Value=”это во сколько вы оцениваете ответ на этот вопрос”.

Ответ1 – это вариант ответа на ваш вопрос.

<br> - означает, что содержимое будет размещаться с новой строки.

input сделать type="radio" это тип вопроса. В данном случае с выбором одного правильного ответа.

С вводом ответа:

<br>  Вопрос 2

<br> Ответ: <input type="text" name="rb2" size="30">

rb2 - это наша переменная для второго вопроса.

input type="text" это тип вопроса. В данном случае с вводом ответа.

size – это размер окна для ввода ответа.

После ввода содержимого всех вопросов, закрываем форму.

</tbody></table>

</form>

Далее решаем вопросы с оцениванием, потому что когда будем обрабатывать результаты теста нам нужно выставлять оценку с уже решенным порядком оценивания. Для этого создаем две формы. В одной форме прописываем нижнюю границу интервала набранных баллов, в другой верхнюю границу интервала.

<form charset="windows-1251" name="L">

 <input type="hidden" name="l1" value="0">

<input type="hidden" name="l2" value="4">

 <input type="hidden" name="l3" value="7">

 <input type="hidden" name="l4" value="10"

</form>

Эта форма мною названа именем L, здесь 4 интервала. Начинаются соответственно с 0,4,7,10. Вы можете проставлять свои варианты.

input type="hidden" – означает, что эти величины не отображаются на экране при запуске теста.

<form charset="windows-1251" name="H" action="" method="post">

<input type="hidden" name="h1" value="3">

<input type="hidden" name="h2" value="6">

 <input type="hidden" name="h3" value="9">

<input type="hidden" name="h4" value="18">

</form>

Эта форма мною названа именем Н, здесь заканчиваются наши 4 интервала соответственно на 3,6,9,18. Соответственно получаем 4 интервала (от 0 до 3) баллов (от 4 до 6), (от 7 до 9) и (от 10 до 18). Получаются интервалы за которые мы можем поставить оценки соответственно «2», «3», «4» и «5».

Для этого вводим еще одну форму D

<form charset="windows-1251" name="D" action="" method="post">

 <input type="hidden" name="tDtxt1" value="Ваша оценка 2">

<input type="hidden" name="tDtxt2" value="Ваша оценка 3">

<input type="hidden" name="tDtxt3" value="Ваша оценка 4">

<input type="hidden" name="tDtxt4" value="Ваша оценка 5">

</form>

Вы можете прописывать свои комментарии к оцениванию.

Теперь приступаем к обработке:

<!-- скрипт расчета результатов тестирования -->

<script>

<!--

function makeDiagnosis() { // вводим функцию для обработки ответов

  tQcnt = 2;//здесь прописываем количество вопросов

  tDcnt = 4;//здесь прописываем количество оценочны интервалов

 summa = 0;//начальная сумма правильных ответов

 for( j=0; j<document.Q.rb1.length; j++ ) { if( document.Q.rb1[j].checked ) { summa += eval(document.Q.rb1[j].value); } }  //обработка первого ответа

 if(document.Q.rb2.value=="ЕЖИ"){summa++;}  //обработка второго ответа, ЕЖИ – это нужный, правильный ответ

При выборе правильно правильного ответа сумма увеличивается на 1.

Обрабатываем набранную сумму баллов.

 dx = -1;

  for( i=0; i<tDcnt; i++ ) {

    if( summa >= eval(document.L.elements[i].value) && summa <= eval(document.H.elements[i].value) ) { dx = i; break; }

  }

document.C.tDiagnosis.value = "Вы набрали  "+summa+"  баллов. "+document.D.elements[dx].value;

}//вывод результата в форму на экран

// -->

</script>

<!-- /скрипт расчета результатов тестирования -->

Ну и теперь вводим форму на которую будем выводить результат

<!-- форма вывода результатов тестирования -->

<form charset="windows-1251" name="C">

  <center>

 <input type="button" name="pbSubmit" value="Результаты" onclick="makeDiagnosis()">

<input type="reset" value="Сбросить" name="res" />

 <br><br>

  <textarea name="tDiagnosis" rows="6" cols="80" wrap="">

</textarea>

<hr width="100%" size="1">

</center>

</form></body></html>

В итоге получается следующий документ.

Недостаток таких тестов, в том, что если человек знает, как просматривать html код. То он может разобраться, где находятся правильные ответы. Ну, это уже другая история…

 

 

 


Источник: http://informatika.volsk-tersa.edusite.ru/p22aa1.html


Закрыть ... [X]

Как создать тест в HTML, EXE, FLASH форматах (тесты для ПК и) Электрическая гирлянда своим руками


Как сделать сайт в html сделать тесты Теория и практика создания тестов Создаем сами
Как сделать сайт в html сделать тесты Сервис создания теста для сайта. Шаг 1 из 2
Как сделать сайт в html сделать тесты Как создать тест с помощью яваскрипт
Как сделать сайт в html сделать тесты Создать тест на HTML - Страница 2 - HTML, CSS
Как сделать сайт в html сделать тесты Добавление тестов на сайт - Let s test
Как сделать сайт в html сделать тесты Как создать онлайн тест на php
Как сделать сайт в html сделать тесты 40 лучших вариантов отделки стен, пола и потолка в
Как сделать сайт в html сделать тесты Android для чайников. Как найти общий язык с новым смартфоном
M Все о мобильной технике и технологиях Вязание из полиэтиленовых пакетов и поделки из мешков для Жаров Михаил Иванович Чтобы Помнили Как заработать в Интернете - 402 способа Клонирование жесткого диска программой Acronis Одежда для кошек, шьем без выкроек РОСНЕФТЬ Свадебный журнал - Свадьба Воронеж Стенды для покраски деталей. Фото, цены. Интернет-магазин