Автор работы: Пользователь скрыл имя, 15 Сентября 2014 в 20:11, реферат
Информационные технологии прочно вошли в нашу жизнь. Современный период развития общества характеризует процесс информатизации, где одним из более приоритетных направлений является информатизация образования. Внедрение информационных технологий и вычислительной техники в учебный процесс влияют не только на объемы получаемой информации, но и на скорость ее обработки, что является важнейшим условием повышения эффективности управления образованием.
Для совершенствования процесса обучения необходим систематический анализ объективных данных о состоянии результатов обучения учащихся, ведь качество подготовки специалистов напрямую зависит от мониторинга за качество учебного процесса.
В своей курсовой работе я буду создавать web-сайт онлайн тестирования по предмету программное обеспечение компьютерных сетей.
При создании web-сайта необходимо предусмотреть следующие странички и операции на них:
На основе всего перечисленного выше будут происходить дальнейшие этапы разработки.
После того как определена структурная схема функционирования, необходимо разработать интерфейс сайта, таким образом, чтобы он отвечал тематическим требованиям.
При выборе данного сайта из множества других, ему подобных, мы сначала попадаем на страничку “index.html”.
Рис.2. Главная страница сайта
В разделе «Регистрация» добавляем свои данные:
Рис.3. Регистрация
Разделе «Легкая» можно скачать тест и пройти тест
Рис.4. Легкий
Разделе «Сложный» можно скачать тест и пройти тест
Рис.4. Сложный
Главная страница
<!DOCTYPE html><!-- HTML5 -->
<html lang="ru" dir="ltr">
<head>
<title>Онлайн тестирование</title>
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
<meta name="viewport" content="width=789" />
<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]-->
<link rel="stylesheet" type="text/css" href="pcss/index.css" media="screen" />
<script type="text/javascript" src="res/jquery.js?31"></
<script type="text/javascript" src="res/x5engine.js?31"></
<script type="text/javascript">
x5engine.boot.push(function () { x5engine.bgStretch('style/bg.
x5engine.boot.push(function () { x5engine.imSplashBox({}); });
x5engine.boot.push(function () { x5engine.utils.
</script>
</head>
<body>
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
<div id="imHeader">
<h1 class="imHidden">Онлайн тестирование</h1>
<div style="position: absolute; top: 32px; left: 179px; width: 487px; height: 145px;"><img src="images/header_text.png" alt="Online Testing" style="width: 487px; height: 145px;" /></div>
<div class="search_form" style="position: absolute;
top: 31px; left: 585px; width: 164px;"><form id="imSearch_1"
action="imsearch.php" method="get" style="white-space:
nowrap"><fieldset><input type="text" name="search"
value="" style="width: 88px; line-height: 21px; font:
normal normal normal 8pt Tahoma; color: #000000; background-color: #FFFFFF;
background-image: url('res/imsearch.png'); background-position: 2px
center; background-repeat: no-repeat; padding: 3px 3px 3px 21px; margin:
0; border: 1px solid #000000; vertical-align: middle; border-top-left-radius:
5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius:
5px;" /><span onclick="$('#imSearch_1').
</div>
<a class="imHidden" href="#imGoToCont" title="Заголовок главного меню">Перейти к контенту</a>
<a id="imGoToMenu"></a><p class="imHidden">Главное меню:</p>
<div id="imMnMnGraphics"></div>
<div id="imMnMn" class="auto">
<ul class="auto">
<li id="imMnMnNode0" class="imMnMnCurrent">
<a href="index.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Главн
</span>
</a>
</li><li id="imMnMnNode5">
<a href="page-5.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Регис
</span>
</a>
</li><li id="imMnMnNode3">
<a href="page-3.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Легки
</span>
</a>
</li><li id="imMnMnNode4">
<a href="page-4.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>
</span>
</a>
</li>
</ul>
</div>
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
<div style="float: left;">
<div id="imCell_1" class="imGrid[0, 0]"><div id="imCellStyleGraphics_1"></
<div class="text-inner">
<p style="text-align: justify;"><span class="ff1
cf0 fs28"> </span><span
class="fs40 ff1 cf0"><b> Т</b></span><b><span class="fs28 ff1 cf0">естирование</span></b><
</div>
</div>
</div></div>
</div>
<div id="imFooPad" style="height: 0px; float: left;"> </div><div id="imBtMn"><a href="index.html">Главная</a> | <a href="page-5.html">Регистрация </a> | <a href="page-3.html">Легкий</a> | <a href="page-4.html">Сложный</a> | <a href="imsitemap.html">Главная Карта Сайта</a></div>
<div class="imClear"></div>
</div>
<div id="imFooter">
<div style="position: absolute; top: 80px; left: 113px; width: 333px; height: 46px; overflow: auto;">© 2014 | М. Алексей</div>
</div>
</div>
<span class="imHidden"><a href="#imGoToCont" title="Прочесть эту страницу заново">Назад к содержимому</a> | <a href="#imGoToMenu" title="Прочесть этот сайт заново">Назад к главному меню</a></span>
</body>
</html>
Вариант 1
<center><b>ПОКС</b></center><
<span style="color:#006699;text-
Инструкция</span>
<br/>
<div id="instruction" style="display: none; width: 100%;">
<ul>
<li>Выберите один из
<li>Нажмите на кнопку "Показать результат";</li>
<li>Скрипт не покажет
<li>Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-).</li>
<li>За каждый правильный
<li>Оценки: менее 10 баллов - НЕУДОВЛЕТВОРИТЕЛЬНО, от 10 но менее 15 - УДОВЛЕТВОРИТЕЛЬНО, 15 и менее 20 - ХОРОШО, 20 - ОТЛИЧНО;</li>
<li>Чтобы сбросить результат тестирования, нажать кнопку "Сбросить ответы";</li>
</ul>
</div>
<form name="test"><ol>
<li><INPUT type="text" size="1" name="T1"/><b><span style="font-size:18px;"> Локальная сеть – это...</span></b><br/>
<input type="radio" name="Q1"/> устройство для соединения компьютеров между собой <br />
<input type="radio" name="Q1"/> не большая компьютерная сеть в пределах одного помещения или предприятия<br />
<input type="radio" name="Q1"/> компьютерная сеть, расположенная по всему миру<br />
<input type="radio" name="Q1"/> два компьютера соединенные между собой</span><br />
<br/></li><li><INPUT type="text" size="1" name="T2"/><b><span style="font-size:18px;"> Глобальная сеть – это...</span></b><br/>
<input type="radio" name="Q2"/> Два компьютера находящиеся на огромном расстоянии и соединенные между собой каналами передачи информации <br />
<input type="radio" name="Q2"/> Самая
маленькая по своей
<input type="radio" name="Q2"/> Самая большая по своему размеру компьютерная сеть<br />
<input type="radio" name="Q2"/> Несколько
компьютеров связанных между
собой каналами передачи
<br/></li><li><INPUT type="text" size="1" name="T3"/><b><span style="font-size:18px;"> WWW - это...</span></b><br/>
<input type="radio" name="Q3"/> World Web Wide<br />
<input type="radio" name="Q3"/> Web Wide World<br />
<input type="radio" name="Q3"/> World Wide Web<br />
<input type="radio" name="Q3"/> Wide World Web<br />
<br/></li><li><INPUT type="text" size="1" name="T4"/><b><span style="font-size:18px;"> Протокол – это...</span></b><br/>
<input type="radio" name="Q4"/> способность
компьютера посылать файлы
<input type="radio" name="Q4"/> устройство для работы локальной сети<br />
<input type="radio" name="Q4"/> стандарт
отправки сообщений через
<input type="radio" name="Q4"/> стандарт
передачи данных через
<br/></li><li><INPUT type="text" size="1" name="T5"/><b><span style="font-size:18px;"> Браузер (например,Microsoft Internet Explorer) является:</span></b><br/>
<input type="radio" name="Q5"/> Средством просмотра Web-страниц<br />
<input type="radio" name="Q5"/> Антивирусными программами<br />
<input type="radio" name="Q5"/> Серверами Интернет<br />
<input type="radio" name="Q5"/> Программами
для работы с файловыми
<br/></li><li><INPUT type="text" size="1" name="T6"/><b><span style="font-size:18px;"> Модем — это..</span></b><br/>
<input type="radio" name="Q6"/> сервер Интернет<br />
<input type="radio" name="Q6"/> сетевой протокол<br />
<input type="radio" name="Q6"/> техническое устройство для соединения с Интернет<br />
<input type="radio" name="Q6"/> почтовая программа<br />
<CENTER>
<P><TEXTAREA name="s1" rows="4" cols="70" readonly> </TEXTAREA> </P>
<INPUT onclick="check_me()" type="button" value="Показать результат"/>
<INPUT type="reset" value="Сбросить ответы"/>
</CENTER>
</form>
<!-- Test created by service http://test.fromgomel.com -->
Вариант 2
<center><b>ПОКС</b></center><
<span style="color:#006699;text-
Инструкция</span>
<br/>
<div id="instruction" style="display: none; width: 100%;">