II Получаем тест из шести вопросов без рисунков

I – Подготовительный этап

1. Создайте в вашей папке новую папку и назовите ее как вам удобно (например, Тест и т.п.)

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

3. Скопируйте в созданную папку распакованный шаблон (zagotovka.html) и рисунки к тесту. Имена рисунков лучше задавать латинскими буквами и короткими именами например ris2-1.gif

4. Проверьте работоспособность шаблона, запустив его и разрешив заблокированное содержимое. На все вопросы поставьте первый ответ. Вы получите оценку отлично.

II Получаем тест из шести вопросов без рисунков.

1. Откройте текст кода шаблона в программе Блокнот.

2. Измените текст этого кода (непосредственно Блокноте) в соответствии с образцом приведенном ниже. В образце (или на сайте), выделенный зеленым цветом текст показывает где именно необходимо изменять, (смысл надписей говорит сам за себя)

3. Найдите выделенный зеленым цветом текст «111111» он идет после команды varres=, и поставьте последовательность правильных ответов.

4. Коричневым цветом выделены комментарии к коду, они не влияют на работу и не отображаются на экране.

6. Сохраните в блокноте файл в подготовленную папку с рисунками выбрав при сохранении Тип файлов «Все Файлы» имя задайте любое (лучше латинскими буквами) и задайте расширение файла html (после имени файла поставьте точку и наберите html.Например test1.html). Это необходимо чтобы шаблон zagotowka.html не изменился.

7. Проверьте на работоспособность ваш тест.

Образец:

<!DOCTYPEHTMLPUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">

<!-- savedfrom url=(0038)http://www.junior.ru/wwwexam/t_gig.htm --><HTML>

<HEAD>

<TITLE>Текствзаголовкебраузера</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

<META content="Автор" name=Author>

<SCRIPT language=JavaScript>

<!—hide

var

scrtxt = "Бегущаястрока"; var length = scrtxt.length;

var width = 100;

varpos = -(width + 2);

function scroll() {

pos++;

varscroller = "";

if (pos == length)

{

pos = -(width + 2);

}

if (pos< 0) {

for (var i = 1; i <= Math.abs(pos); i++)

{

scroller = scroller+" ";}

scroller = scroller + scrtxt.substring(0, width - i + 1);

 

}

else {

scroller = scroller + scrtxt.substring(pos, width + pos);

}

window.status = scroller;

setTimeout("scroll()", 100);

}

// -->

</SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>

<BODY bgColor=white onload=scroll()>

<SCRIPT language=JavaScript><!--Началосценария

var res="111111"

functioncheck_me()

<!--вместо "111111" нужновставитьпоследовательностьправильныхответов

{

var count=0

with(document.test)

{if (!Q1[0].checked&&!Q1[1].checked&&!Q1[2].checked&&!Q1[3].checked)

{count+=1};

if (!Q2[0].checked&&!Q2[1].checked&&!Q2[2].checked&&!Q2[3].checked)

{count+=1};

if (!Q3[0].checked&&!Q3[1].checked&&!Q3[2].checked&&!Q3[3].checked)

{count+=1};

if (!Q4[0].checked&&!Q4[1].checked&&!Q4[2].checked&&!Q4[3].checked)

{count+=1};

if (!Q5[0].checked&&!Q5[1].checked&&!Q5[2].checked&&!Q5[3].checked)

{count+=1};

if (!Q6[0].checked&&!Q6[1].checked&&!Q6[2].checked&&!Q6[3].checked){count+=1};<!--скопируйтеэтустрокуивставьтениже необходимоеколичестворазвзависимостиотколичествавопросов, изменивQ6 наQ7, Q8 ит.д., еслидобавляетеколичествовопросов

{count+=1};

if (count>0) <!-- Вычисление и проверка все ли задания выполнены -->

{

alert("Вы выполнили не все задания.Проверьте себя.")

}

elseanswer()

}

}

functioncontrol(k,f1,f2,f3,f4,f5,f6)

<!-- добавьте переменные f7, f8,... в зависимости от количества вопросов

{

if (k==1&&f1.checked) return true;

if (k==2&&f2.checked) return true;

if (k==3&&f3.checked) return true;

if (k==4&&f4.checked) return true;

if (k==5&&f5.checked) return true;

if (k==6&&f6.checked) return true;

<!--скопируйте эту строку и вставьте ниже необходимое количество раз(в зависимости от количества вопросов), изменив 6 на 7, 8 и т.д если добавляете количество вопросов

returnfalse;

}

function answer()

{

answ="";

with(document)

{

answ+=control(res.charAt(0),test.Q1[0],test.Q1[1],test.Q1[2],test.Q1[3])?"1":"0"

answ+=control(res.charAt(1),test.Q2[0],test.Q2[1],test.Q2[2],test.Q2[3])?"1":"0"

answ+=control(res.charAt(2),test.Q3[0],test.Q3[1],test.Q3[2],test.Q3[3])?"1":"0"

answ+=control(res.charAt(3),test.Q4[0],test.Q4[1],test.Q4[2],test.Q4[3])?"1":"0"

answ+=control(res.charAt(4),test.Q5[0],test.Q5[1],test.Q5[2],test.Q5[3])?"1":"0"

answ+=control(res.charAt(5),test.Q6[0],test.Q6[1],test.Q6[2],test.Q6[3])?"1":"0"

<!--скопируйте эту строку и вставьте ниже необходимое количество раз(в зависимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов.

<!--Анализрезультатов -->

showResult();

}

}

functionshowResult()

{

varnok=0;

vari,s;

for (i=0;i<answ.length;i++) {nok+=answ.charAt(i)=="1"?1:0;}

if(nok<3) s='"НЕУДОВЛЕТВОРИТЕЛЬНО"';

if(nok==3) s='"УДОВЛЕТВОРИТЕЛЬНО"';

if(nok>3 &&nok<4) s='"УДОВЛЕТВОРИТЕЛЬНО"';

if(nok==4) s='"ХОРОШО"';

if(nok>4 &&nok<6) s='"ХОРОШО"';

if(nok==6) s='"ОТЛИЧНО"';

document.test.s1.

value="Количество правильных ответов "+nok+". Ваша оценка "+s+". Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-).";

with(document.test)

{

if (answ.charAt(0)=="1") {T1.value=" +"} else {T1.value=" -"};

if (answ.charAt(1)=="1") {T2.value=" +"} else {T2.value=" -"};

if (answ.charAt(2)=="1") {T3.value=" +"} else {T3.value=" -"};

if (answ.charAt(3)=="1") {T4.value=" +"} else {T4.value=" -"};

if (answ.charAt(4)=="1") {T5.value=" +"} else {T5.value=" -"};

if (answ.charAt(5)=="1") {T6.value=" +"} else {T6.value=" -"};!--скопируйте эту строку и вставьте ниже необходимое количество раз(в зависимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов.

 

}

}

</SCRIPT>

<FORMname=test>

<CENTER><FONT face=Arial,Helvetica,sans-serif color=#000099>

<H3>Название теста </H3></CENTER>

<OL>

 

<LI>

<H4><INPUT size=1 name=T1> Вопрос 1 </H4>

<INPUT type=radio name=Q1> ответ 1.1 <BR>

<INPUT type=radio name=Q1> ответ 2.1 <BR>

<INPUT type=radio name=Q1> ответ 3.1 <BR>

<INPUT type=radio name=Q1> ответ 4.1 <BR><BR>

<LI>

<H4><INPUT size=1 name=T2> Вопрос 2 </H4>

<INPUT type=radio name=Q2> ответ 1.2 <BR>

<INPUT type=radio name=Q2> ответ 2.2 <BR>

<INPUT type=radio name=Q2> ответ 3.3 <BR>

<INPUT type=radio name=Q2> ответ 4.4 <BR><BR>

<LI>

<H4><INPUT size=1 name=T3> Вопрос 3 </H4>

<INPUT type=radio name=Q3> ответ 1.3 <BR>

<INPUT type=radio name=Q3> ответ 2.3 <BR>

<INPUT type=radio name=Q3> ответ 3.3 <BR>

<INPUT type=radio name=Q3> ответ 4.3 <BR><BR>

<LI>

<H4><INPUT size=1 name=T4> Вопрос 4 </H4>

<INPUT type=radio name=Q4> ответ 1.4 <BR>

<INPUT type=radio name=Q4> ответ 2.4 <BR>

<INPUT type=radio name=Q4> ответ 3.4 <BR>

<INPUT type=radio name=Q4> ответ 4.4 <BR><BR>

<LI>

<H4><INPUT size=1 name=T5> Вопрос 5 </H4>

<INPUT type=radio name=Q5> ответ 1.5 <BR>

<INPUT type=radio name=Q5> ответ 2.5 <BR>

<INPUT type=radio name=Q5> ответ 3.5 <BR>

<INPUT type=radio name=Q5> ответ 4.5 <BR><BR>

<LI>

<H4><INPUT size=1 name=T6> Вопрос 6 </H4>

<INPUT type=radio name=Q6> ответ 1.6 <BR>

<INPUT type=radio name=Q6> ответ 2.6 <BR>

<INPUT type=radio name=Q6> ответ 3.6 <BR>

<INPUT type=radio name=Q6> ответ 4.6 <BR>

</LI></OL><BR>

<CENTER>

<P><TEXTAREA name=s1 rows=4 cols=70></TEXTAREA></P><INPUT onclick=check_me()

type=button value="Показатьрезультат">&nbsp;&nbsp;&nbsp;&nbsp;

<INPUT type=reset value="Сброситьответы"></CENTER><BR><BR></FORM>

<P>

<H5>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;© автор., год</H5>

<P></P></FONT></BODY></HTML>

Окончание образца.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: