Автор работы: Пользователь скрыл имя, 08 Апреля 2011 в 13:06, реферат
Целью работы является разработка HTML приложений с применением языка JavaScript.
<BODY>
...
<SCRIPT>
d = new Date();
document.write("<BR>");
document.write("Момент загрузки страницы:
"+d.getHours()+":"+d.
document.write("<BR>");
</SCRIPT>
...
</BODY>
Глава 2.
Практическая часть
«Разработка приложений
с применением
JavaScript»
2.
Тест на JavaScript
Поставлена
задача разработать приложения с
использованием JavaScript. Для этого нам необходимо
создать HTML страницу, в ней создать форму
тестовых заданий (Вопрос – вариант ответа).
Выбор варианта ответа будет производиться
с помощью компонента RadioBox.
<h3>Информацию,
не зависящую от личного мнения
или суждения, называют 2</h3>// Создаем
заголовок из вопроса
<div
align="left"><p style="margin-left: 100"><strong>//
Положение RadioBox
<input name="q2" type="radio" value="21">понятной<br>
<input
name="q2" type="radio" value="22">полезной<br>
<input
name="q2" type="radio" value="23">объективной<br>
<input
name="q2" type="radio" value="24">актуальной<br>
Так же на тестовой странице присутствуют кнопки, их устанавливаем с помощью компонента button. С помощью кнопок будет производиться подсчет правильных вариантов ответов и очистки формы теста.
Тест показан на Рис 2.1 где можно увидеть все то, что приведено выше.
Форма теста. Рис.2.1
2.1Программный код
Ниже приведен программный код данного теста.
<HTML>
<HEAD>
<TITLE>Тема:"Информация"</
<script language="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
function dataBase(test) {
var counter=0;
if (test.q1[0].checked) {counter++;}
if (test.q2[2].checked) {counter++;}
if (test.q3[3].checked) {counter++;}
if (test.q4[3].checked) {counter++;}
if (test.q5[1].checked) {counter++;}
if (test.q6[2].checked) {counter++;}
if (test.q7[1].checked) {counter++;}
if (test.q8[1].checked) {counter++;}
if (test.q9[1].checked) {counter++;}
if (test.q10[3].checked) {counter++;}
if (test.q11[2].checked) {counter++;}
if (test.q12[2].checked) {counter++;}
if (test.q13[1].checked) {counter++;}
if (test.q14[3].checked) {counter++;}
if (test.q15[2].checked) {counter++;}
document.test.display.value = counter;
}
// End Hiding Script -->
</script>
</HEAD>
<BODY bgcolor=#23781>
<center>
<form
action="remove_it?subject=
<!--ENCTYPE="text/plain"-->
<H2>Тема:"Информация"</H2>
<HR width=75%>
<h3>Информацию, изложенную на доступном для получателя языке, называют 1</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q1" type="radio" value="11">понятной<br>
<input name="q1" type="radio" value="12">достоверной<br>
<input name="q1" type="radio" value="13">актуальной<br>
<input name="q1" type="radio" value="14">полезной<br>
</strong></p>
</div><hr>
<h3>Информацию, не зависящую от личного мнения или суждения, называют 2</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q2" type="radio" value="21">понятной<br>
<input name="q2" type="radio" value="22">полезной<br>
<input name="q2" type="radio" value="23">объективной<br>
<input name="q2" type="radio" value="24">актуальной<br>
</strong></p>
</div><hr>
<h3>Информацию, отражающую истинное положение дел, называют: 3</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q3" type="radio" value="31">полезной<br>
<input name="q3" type="radio" value="32">полной<br>
<input name="q3" type="radio" value="33">объективной<br>
<input name="q3" type="radio" value="34">достоверной<br>
</strong></p>
</div><hr>
<h3>Информацию, существенную и важную в настоящий момент, называют 4</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q4" type="radio" value="41">полной<br>
<input name="q4" type="radio" value="42">объективной<br>
<input name="q4" type="radio" value="43">достоверной<br>
<input name="q4" type="radio" value="44">актуальной<br>
</strong></p>
</div><hr>
<h3>По способу восприятия человек различает следующие виды информации: 5</h3><div align="left"><p style="margin-left: 100"><strong>
<input
name="q5" type="radio" value="51">математическую,
биологическую, медицинскую,
<input name="q5" type="radio" value="52">визуальную, звуковую, тактильную, обонятельную, вкусовую<br>
<input
name="q5" type="radio" value="53">обыденную,
производственную, техническую, управленческую<
<input name="q5" type="radio" value="54">научную, социальную, политическую, экономическую, религиозную и пр.<br>
</strong></p>
</div><hr>
<h3>Наибольший объём информации человек получает при помощи 6</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q6" type="radio" value="61">органов обоняния<br>
<input name="q6" type="radio" value="62">органов осязания<br>
<input name="q6" type="radio" value="63">органов зрения<br>
<input name="q6" type="radio" value="64">органов слуха<br>
</strong></p>
</div><hr>
<h3>Аудиоинформацией называют информацию, которая воспринимается посредством 7</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q7" type="radio" value="71">органов обоняния<br>
<input name="q7" type="radio" value="72">органов слуха<br>
<input name="q7" type="radio" value="73">органов зрения<br>
<input name="q7" type="radio" value="74">органов осязания (кожей)<br>
</strong></p>
</div><hr>
<h3>Звуковая информация передаётся посредством 8</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q8" type="radio" value="81">знаковых моделей<br>
<input name="q8" type="radio" value="82">звуковых волн<br>
<input name="q8" type="radio" value="83">световых волн<br>
<input name="q8" type="radio" value="84">электромагнитных волн<br>
</strong></p>
</div><hr>
<h3>Тактильную информацию человек получает посредством 9</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q9" type="radio" value="91">органов слуха<br>
<input name="q9" type="radio" value="92">органов осязания<br>
<input name="q9" type="radio" value="93">барометра<br>
<input name="q9" type="radio" value="94">термометра<br>
</strong></p>
</div><hr>
<h3>По
форме представления
<input
name="q10" type="radio" value="101">математическую,
биологическую, медицинскую,
<input name="q10" type="radio" value="102">визуальную, звуковую, тактильную, обонятельную, вкусовую<br>
<input name="q10" type="radio" value="103">обыденную, научную, производственную, управленческую<br>
<input name="q10" type="radio" value="104">текстовую, числовую, символьную, графическую, табличную и др.<br>
</strong></p>
</div><hr>
<h3>Примером текстовой информации может служить 11</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q11" type="radio" value="111">чертеж<br>
<input name="q11" type="radio" value="112">картина<br>
<input name="q11" type="radio" value="113">стихотворение в учебнике «Родная речь»<br>
<input name="q11" type="radio" value="114">школьный учебник<br>
</strong></p>
</div><hr>
<h3>Укажите
«лишний» объект с точки
<input name="q12" type="radio" value="121">чертеж<br>
<input name="q12" type="radio" value="122">картина<br>
<input name="q12" type="radio" value="123">телефонный разговор<br>
<input name="q12" type="radio" value="124">фотография<br>
</strong></p>
</div><hr>
<h3>К средствам хранения звуковой информации можно отнести: 13</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q13" type="radio" value="131">газету<br>
<input name="q13" type="radio" value="132">кассету с рок-музыкой<br>
<input name="q13" type="radio" value="133">журнал<br>
<input name="q13" type="radio" value="134">учебник по литературе<br>
</strong></p>
</div><hr>
<h3>К средствам передачи аудиоинформации можно отнести: 14</h3><div align="left"><p style="margin-left: 100"><strong>
<input name="q14" type="radio" value="141">газету<br>
<input name="q14" type="radio" value="142">плакат<br>
<input name="q14" type="radio" value="143">журнал<br>
<input name="q14" type="radio" value="144">радио<br>
</strong></p>
</div><hr>
<h3>Примером хранения числовой информации может служить: 15</h3><div align="left"><p style="margin-left: 100"><strong>
<input
name="q15" type="radio" value="151">графическое
изображение на экране