Автор: Пользователь скрыл имя, 07 Октября 2012 в 15:26, курсовая работа
World Wide Web – глобальна комп'ютерна мережа, яка на сьогоднішній день містить мільйони сайтів, на яких розміщена різноманітна інформація. Люди отримують доступ до цієї інформації за допомогою використання технології Internet. Для навігації в WWW використовуються спеціальні програми – Web – браузери, які істотно полегшують подорож по безкрайніх просторах WWW. Вся інформація в Web – браузері відображається у вигляді Web – сторінок, які є основним елементом байтів WWW.
ВСТУП 3
Опис завдання 4
Проектування бази даних 5
Розробка сторінок сайту 6
Головна сторінка «index.php» 6
Модуль «block_menu.php» 6
Модуль «mysql.php» 7
Список контактів «book.php» 8
Додавання контактів «add.php» «add+.php» 8
Редагування контактів «edit.php» «edit+.php» 9
Видалення контактів «delete+.php» 10
Модуль «police.php» 10
Реєстрація «reg.php» «reg+.php» 11
Авторизація «log.php» «log+.php» 12
Вихід «logout.php» 12
Розробка інтерфейсу 13
Шаблон сайту 13
Каскадні таблиці стилів «base.css» 13
Результат роботи 18
ВИСНОВКИ 20
СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ 22
У файлі «edit.php» знаходиться форма, яка вже заповнена даними з БД
У файлі «edit+.php» знаходиться скрипт, який обробляє отримані данні
На сторінці списку поряд з контактом існує кнопка «Видалити», яка відправляє id контакту, котрий потрібно видалити.
Файл в котрому знаходиться перевірка на авторизацію юзера. Цей файл підключається до кожної сторінки, яку потрібно «захистити».
У файлі «reg.php» знаходиться форма, яка заповнюється користувачем
У файлі «reg+.php» знаходиться скрипт, який обробляє отримані данні
У файлі «log.php» знаходиться форма, яка заповнюється користувачем
У файлі «log+.php» знаходиться скрипт, який обробляє отримані данні
Файл очищує cookie , тобто дезактивує користувача і переводить в категорію «Гість»
<?php
setcookie("login","");
setcookie("pass","");
header("location: log.php");
?>
body
{
background: #E3E7ED;
margin: 0px;
}
a
{
color: #417FDA;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
a:hover
{
color: #787878;
text-decoration: underline;
}
#header
{
background: url('img/bg_head.gif') repeat-x;
height: 150px;
}
#menu
{
background: url('img/bg_menu.gif') repeat-x;
height: 50px;
}
#outher
{
background: url('img/bg_outher.gif') repeat-x top;
}
#main_header
{
background: url('img/main_header_bg.gif') repeat-x;
height: 39px;
}
#main_content
{
background: #ffffff;
height: 500px;
}
#main
{
border: 1px solid #C8CDD1;
border-top: 1px solid #ffffff;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Äëÿ Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Äëÿ Safari è Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Ïàðàìåòðû òåíè */
}
p#autor
{
font-size: 12px;
text-align: center;
color: #3D444F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#logo_text
{
color: #616161;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
vertical-align: bottom;
}
#logo_desc
{
color: #616161;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
vertical-align: top;
}
#li_menu
{
width: 100px;
text-align: center;
border-right: 1px solid #242A34;
height: 50px;
}
#link_menu
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
cursor: pointer;
}
#link_menu:hover
{
text-decoration: underline;
}
#menu_table
{
margin-left: 40px;
}
#blocks
{
width: 250px;
height: 400px;
}
#block_head
{
width: 220px;
height: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 16px;
text-indent: 20px;
font-weight: bold;
}
#block_body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 140px;
color: #787878;
vertical-align: top;
}
#content
{
background: url('img/border1.png') repeat-y;
}
#text
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
text-align: right
}
#input
{
width: 150px;
border: 1px solid #C0CAD5;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 15px;
}
#login_reg_ok
{background-color:#EEF5DD; border:1px solid #9ACD32; width:350px; height:50px;
line-height: 50px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Äëÿ Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Äëÿ Safari è Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Ïàðàìåòðû òåíè */
}
#login_reg_bad
{background-color:#FFE1E1; border:1px solid #FB774B; width:350px; height:50px;
line-height: 50px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Äëÿ Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Äëÿ Safari è Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Ïàðàìåòðû òåíè */
}
#fname
{
color: #2D3541;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
}
#mobile
{
color: #417FDA;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
#hb
{
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
#contact
{