Разработка web-сайта по проверке уровня знаний математики учащимися младших классов

Люк Веллинг, Лора Томсон, Разработка веб-приложений с помощью PHP и MySQL, Вильямс, 2010 г.

ДамашкеГизберт, PHP и MySQL, НТ Пресс, 2008 г.

Игорь Шапошников, PHP 5.1. Учебный курс, Питер, 2007 г.

Максим Кузнецов, Игорь Симдянов, PHP. Народные советы, БХВ-Петербург, 2007 г.

Робин Никсон, Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript, Питер, 2011 г.

Николай Прохоренок, HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера, БХВ-Петербург, 2010 г.

А. С. Строганов, Ваш первый сайт с использованием PHP-скриптов, Диалог-МИФИ, 2008 г.

Максим Кузнецов, Игорь Симдянов, PHP. Практика создания Web-сайтов, БХВ-Петербург, 2008 г.

А. А. Орлов, PHP. Полезные приемы, Горячая Линия - Телеком, 2006 г.

Мэтт Зандстра PHP: объекты, шаблоны и методики программирования Вильямс 2010

Якоб Нильсен, ХоаЛоранжер Веб-дизайн: удобство использования веб-сайтов (юзабилити) Вильямс 2009

Брайан Айзенберг, Джон Кварто вон Тивадар Тестирование и оптимизация веб-сайтов: руководство по GoogleWebsiteOptimizer Диалектика 2009

http://www.spravkaweb.ru/main/ - справочник WEB-языков

http://www.softtime.ru/bookphp/gl1_1.php - справочник по PHP

http://evgeniypopov.com/ - примеры PHP

http://ruseller.com/adds.php?rub=12 - видео уроки по PHP

http://php.su/ - справочник по PHP

http://www.opennet.ru/cgi-bin/opennet/ks.cgi?mask=php - советы по установке связки Apache+PHP+MySQL

http://htmlweb.ru/java/example.php - примеры Java-Script

http://htmlbook.ru/ - справочник по HTML

http://cssmake.ru/ - справочник по CSS и примеры

http://www.nbuv.gov.ua/e-journals/vsunud/2009-6E/09svaivp.htm - история PHP

http://www.oborot.ru/article/222/24 современные стандарты сайтостроения.

http://www.intuit.ru/department/database/mysql/1/1.html введение в СУБД и mysql.

http://yapro.ru/web-master/apache/chto_takoe_apache.html каталог справочных материалов.

http://ru.wikipedia.org/wiki/Apache материалы из википедии сервер Apache

http://ru.wikipedia.org/wiki/Php - материалы из википедии.

http://phpclub.dp.ua/ - справочник языка PHP

http://altblog.ru/ - пять основных принципов успешного веб-сайта.



ПРИЛОЖЕНИЕ А

Код стилей CSS.

{

margin: 0;

padding: 0;

}

a {

text-decoration: underline;

color: #FF381A;

}

a:hover {

text-decoration: none;

}

body {

line-height: 1.75em;

background: rgb(226, 250, 253);

font-size: 11.5pt;

color: #5A6466;

}

body,input {

font-family: Kreon, serif;

}

br.clearfix {

clear: both;

}

h1,h2,h3,h4 {

text-transform: uppercase;

font-weight: normal;

}

h2 {

font-size: 1.5em;

}

h2,h3,h4 {

font-family: Open Sans, sans-serif;

color: #2A3436;

margin-bottom: 1em;

}

h3 {

font-size: 1.25em;

}

h4 {

font-size: 1em;

}

img.alignleft {

float: left;

margin: 5px 30px 20px 0;

}

img.aligntop {

margin: 5px 0 20px 0;

}

p {

margin-bottom: 1.5em;

}

ul {

margin-bottom: 1.5em;

}

ul h4 {

margin-bottom: 0.35em;

}

a {

color: #2A3436;

}

.box {

margin: 0 0 50px 0;

}

#container

{

margin-top: 20px;

font-size: 16px;

}

.name

{

color: red;

}

#content {

padding: 0;

width: 615px;

margin: 0 0 0 285px;

}

#footer {

padding: 50px 0 80px 0;

text-align: center;

text-shadow: 1px 1px 0px rgba(255,255,255,0.7);

color: #587477;

}

#footer a {

color: #587477;

}

#header {

height: 130px;

padding: 40px;

position: relative;

}

#logo {

position: absolute;

top: 40px;

left: 40px;

height: 130px;

line-height: 130px;

}

#logo a {

color: #2A3436;

text-decoration: none;

word-wrap: break-word;

font-size: 40px;

line-height: 40px;

width: 350px;

display: block;

font-family: Tahoma, sans-serif;

color: #666666;

font-weight: bold;

}

#logo h1 {

font-family: Open Sans, sans-serif;

font-size: 25px;

}

#menu {

line-height: 57px;

position: absolute;

right: 40px;

top: 76px;

height: 57px;

font-family: Open Sans, sans-serif;

}

#menu a {

text-transform: uppercase;

text-decoration: none;

color: #1C1C1C;

font-size: 1.2em;

}

#menuul {

padding: 0 20px 0 20px;

list-style: none;

}

#menuulli {

display: inline;

padding: 10px 10px10px10px;

margin: 0 8px 0 8px;

}

#menuulli.active {

background: #F2EBDE;

border: solid 1px #BFB5A4;

box-shadow: inset 0px 0px0px 1px #fff;

text-shadow: 1px 1px 0px rgba(255,255,255,0.9);

}

#menuulli.active a {

color: #403B31;

}

#page {

margin: 0;

position: relative;

width: 900px;

padding: 20px 40px 0 40px;

}

#page .section-list {

padding-left: 0;

list-style: none;

}

#page .section-listli {

padding: 25px 0 25px 0;

clear: both;

}

#pageul {

list-style: none;

}

#pageulli {

border-top: solid 1px #DDD;

padding: 10px 0 10px 0;

}

#pageulli.first {

padding-top: 0;

border-top: 0;

}

#page-bottom {

padding: 40px 40px 0 40px;

color: #302F2C;

background: #F2EBDE;

position: relative;

width: 898px;

border-top: solid 1px #BFB5A4;

box-shadow: inset 0px 0px0px 1px #fff;

text-shadow: 1px 1px 0px rgba(255,255,255,0.9);

}

#page-bottom a {

color: #1B1A18;

}

#page-bottom h2, #page-bottom h3, #page-bottom h4 {

color: #3F3D39;

}

#page-bottomul {

list-style: none;

}

#page-bottomulli {

border-top: solid 1px #BAB5AB;

padding: 10px 0 10px 0;

}

#page-bottomulli.first {

border-top: 0;

padding-top: 0;

}

#page-bottom-content {

width: 615px;

margin: 0 0 0 285px;

}

#page-bottom-sidebar {

float: left;

width: 250px;

}

#sidebar {

position: relative;

left: -20px;

top: -20px;

float: left;

width: 240px;

background: #EEF5F6;

padding: 20px;

border: solid 1px #D6E0E2;

margin: 0 10px 0 0;

text-shadow: 1px 1px 0px rgba(255,255,255,1);

box-shadow: inset 0px 0px0px 1px #fff;

}

#wrapper {

width: 978px;

position: relative;

background: #FFF;

margin: 0 auto 0 auto;

box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.15);

border: solid 1px #82A7AD;

border-top: 0;

}

b {font-size: 24px}



ПРИЛОЖЕНИЕ Б

HTML- код сайта.

<htmlxmlns=http://www.w3.org/1999/xhtml>

<head>

<meta http-equiv=content-type content=text/html; charset=utf-8 />

<meta name=description content= />

<meta name=keywords content= />

<title>test_math</title>

<link href=http://fonts.googleapis.com/css?family=Open+Sans rel=stylesheet type=text/css />

<link href=http://fonts.googleapis.com/css?family=Kreon rel=stylesheet type=text/css />

<?=css_tag('style.css');?>

<?=js_tag('jquery.min.js');?>

</head>

<body>

<div id=wrapper>

<div id=header>

<divid=logo>

<h1><a href=<?=base_url()?>>Сайт онлайн тестирования</a></h1>

</div>

<divid=menu>

<ul>

<liclass=firstactive><a href=<?=base_url()?>>Главная</a></li>

<li><a href=<?=base_url('/main/about_us')?>>О нас</a></li>

</ul>

<brclass=clearfix />

</div>

</div>

<div id=page>

<div id=sidebar>

<divclass=box>

<ul>

<li><a href=<?=base_url('/main/test')?>>Тестирование</a></li>

</ul>

</div>

</div>

<div id=content>

<div class=box>

<?if(isset($view)) load_view($view);?>

</div>

<brclass=clearfix />

</div>

<brclass=clearfix />

</div>

</div>

<divid=footer>

&copy; 2013 Чеботков Кирилл Сергеевич

</div>

</body>

</html>



ПРИЛОЖЕНИЕ В

Скрипт онлайн-тестирования.

<h1>Тест по математике начат</h1>

<div id="container">

</div>

<script>

var quests = JSON.parse('<?=$questions;?>');

var result = {};

var q;

console.log(quests);

function cl(s)

{

console.log(s);

}

function get_random(q)

{

var l = Object.keys( q ).length;

if( l == 0 )return false;

l = Math.floor(Math.random()*l)+1

var ret, i = 1;

$.each(q,function(n,val){

if(i === l)

{

ret = val;

delete( q[ n ] );

}

i++;

})

return (ret);

}

function test(q)

{

/*var q = get_random(quests);*/

var s = '<h2>'+ q.quest+'!<h2>' +

'<ul>';

$.each(q.answers,function(i,val){

s += '<li>' +

'<input type="radio" name="ans" value="'+i+'">'+val+

'</li>'

})

s += '</ul> <input num="'+ q.id+'" type="button" value="Ответить" id="ans">';

cl(s);

$('#container').html(s);

}

$('#ans').live('click',function(){

var i = $(this).attr('num');

var v = $('input[name=ans]:checked').val();

cl(v);

if( !v )

{

alert('Выберите ответ');

return false;

}

result [ i ] = Number( v );

q = get_random(quests);

if(q)test(q);

else

{

cl(result);

var name = prompt("Введите ваше имя и класс:", defaultText="Вася Васечкин 3Б");

name = (name != 0) ? name : 'Введите имя';

$('#container').load(

"<?=base_url('main/get_result');?>",

{

'r' : result,

'n' : name

}

);

}

})

$(function(){

q = get_random(quests);

test(q);

</script>

Размещено на Allbest.ru