Создание сайта адресно-телефонного справочника на php

Прежде всего, необходимо на локальном диске, выделенном под хранение web-сайтов и средств их разработки (создается при установке «Денвера») создать папку с названием сайта (рабочим - в моем случае это spravka.kz). В дальнейшем это имя будет запрашиваться из командной строки браузера. «Денвер» необходимо перезапустить и можно работать с сайтом.

Прежде чем перейти к созданию сайта необходимо создать базу данных, которая необходима для хранения основного контента сайта. База данных создается при помощи все того же пакета «Денвер», который включает в себя средство разработки баз данных mySQL.

В форме создания базы данных вводится имя базы, логин пользователя и пароль (по умолчанию пустой).

<?php

define('BASENAME', 'phones');

define('HOSTNAME', 'localhost');

define('USERNAME', 'root');

define('PASSWORD', '');

@mysql_connect(HOSTNAME, USERNAME, PASSWORD) or

exit('Ошибка при подключении к базе данных.');

@mysql_select_db(BASENAME) or exit('Ошибка при выборе базы

данных.');

?>(скрипт файла base.inc служит для подключения к базе данных

сайта.)

Таблицы базы данных phones:

CREATE TABLE pphone (

id int(10) unsigned NOT NULL auto_increment,

number varchar(6) NOT NULL DEFAULT '',

person varchar(25),

strid int(10),

house varchar(8),

flat smallint(4) unsigned,

PRIMARY KEY (id),

INDEX number (number),

INDEX person (person),

INDEX address (strid,house)

);



CREATE TABLE ophone (

id int(10) unsigned NOT NULL auto_increment,

number varchar(6) NOT NULL DEFAULT '',

offid int(10),

strid int(10),

house varchar(8),

flat smallint(4) unsigned,

note varchar(50),

PRIMARY KEY (id),

INDEX number (number),

INDEX office (offid)

);

CREATE TABLE street (

strid int(10) unsigned NOT NULL auto_increment,

street varchar(50),

PRIMARY KEY (strid)

);

CREATE TABLE office (

offid int(10) unsigned NOT NULL auto_increment,

office varchar(50),

PRIMARY KEY (offid)

);

CREATE TABLE auth (

authid smallint(5) unsigned NOT NULL auto_increment,

login varchar(16) binary NOT NULL DEFAULT '',

pswd varchar(32) binary NOT NULL DEFAULT '',

logdate datetime NOT NULL DEFAULT '2004-01-01 00:00:00',

logaddr varchar(20) NOT NULL DEFAULT '',

PRIMARY KEY (authid)

База данных создана, в дальнейшем она автоматически будет адаптирована под сайт.

Цель инфологического моделирования - обеспечение наиболее естественных для человека способов сбора и представления той информации, которую предполагается хранить в создаваемой базе данных. Поэтому инфологическую модель данных пытаются строить по аналогии с естественным языком (последний не может быть использован в чистом виде из-за сложности компьютерной обработки текстов и неоднозначности любого естественного языка). Основными конструктивными элементами инфологических моделей являются сущности, связи между ними и их свойства (атрибуты). Информационно-логическая модель БД представлена графически на рисунке.

Рисунок 2.2 - Физическая модель БД

2.3 Архитектура проектирования сайта «Spravka.kz»

Архитектура сайта - это структура его страниц. Архитектура сайта представляет собой комплекс исследований и решений в процессе создания сайта, преследующих цель - облегчить пользователю работу с ним.

Архитектура сайта охватывает собой все, что имеется на сайте: информационное содержимое и заголовки страниц, панель навигации по сайту, гиперссылки, поиск по сайту и др. От логического построения этих элементов, от их расположения на страницах сайта и взаимосвязанности между собой будет зависеть удобство пользования сайтом.

Сайт состоит из отдельных страниц, которые являются частями единого целого. Первоочередной задачей архитектуры сайта является создание удобного интерфейса для пользователя, чтобы ему не составило особого труда найти необходимую информацию, соответствующую тематике сайта.

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

Архитектура сайта помогает пользователю увидеть все разделы сайта. Ему сразу видно, из каких разделов состоит сайт, и какая информация содержится в каждом из разделов.

Архитектура сайта должна быть проста и интуитивно удобна. И состоит из Клиентской части, Программной части и Администрирования как показано на рисунке 2.3.

Программная часть архитектуры интернет - магазина рассматривается как взаимосвязь операционной и серверной части.

В операционной части рассматривается среда разработки интернет магазина.

Серверная часть содержит в себе размещение интернет магазина на сайте провайдера, поддерживающие технологии, используемые при создании интернет - магазина.



Размещено на http://www.allbest.ru/

Рисунок 2.3 - Архитектура сайта

Разработка операционной части. Данная часть будет разрабатываться на языке php.

2.4 Интерфейс разработки web-сайта

С ростом интернета широкое распространение получили веб- интерфейсы позволяющие взаимодействовать с различными программами через браузер.

Интерфейс - в широком смысле - определенная стандартами граница между взаимодействующими независимыми объектами. Интерфейс задает параметры, процедуры и характеристики взаимодействия объектов.

Интерфейс пользователя - элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. В том числе:

- средства отображения информации, отображаемая информация, форматы и коды;

- командные режимы, язык пользователь-интерфейс;

- устройства и технологии ввода данных;

- диалоги, взаимодействие и транзакции между пользователем и компьютером;

- обратная связь с пользователем;

- поддержка принятия решений в конкретной предметной области;

- порядок использования программы и документация на нее.

Есть несколько простых правил, позволяющих интерфейсу магазина быть понятым клиенту.

1. Чем проще, тем лучше. Это вовсе не значит, что должен быть только текст и контактная информация, но на сайте не должно быть бесполезной информации, шрифт должен легко читаться. Графические элементы должны быть были чёткими, выразительными и быстро загружаться. На сайте магазина недопустимо использовать анимацию и звук, которые долго загружаются и отвлекают внимание покупателя.

Человеческий глаз просматривает страницы сайта сверху вниз. Наибольшее внимание сосредотачивается на верхней левой части страницы. Поэтому в верхней части страницы сайта, как правило, размещается наиболее важная информация: название фирмы, логотип, само название сайта и т.д.

Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму.

Создание таблицы стилей . Файл style.css

В CSS нет тэгов и атрибутов. Хотя многие их так называют.Структура таблицы стилей состоит из ПРАВИЛ. В ПРАВИЛЕ существуют селекторы и блоки объявления стилей. Селекторы в переводе с английского select значит выбор. То есть он выбирает тэг к которому будет применён стиль или стили.

Вот к примеру:

h2{color:#232D37;font-size:15px; }

h2 в нашем случае будет селектором, а все остальное это блок объявления стилей, который всегда заключается в фигурные скобки. Всё вместе будет ПРАВИЛО.

Блок стилей в свою очередь имеет свойства (обозначены зелёным цветом) и значения этих свойств. Свойства перечисляются через точку с запятой.

В этом правиле определяются свойства для всех заголовков с тэгом h2:

* размер шрифта = 15 пикселей* цвет шрифта #232D37

*{ margin: 0; padding: 0; }*

Файл style.css

body { font: .10em Arial, "Trebuchet MS", Arial, sans-serif; line-height:

1.6em;

font:Параметр позволяет установить одновременно несколько атрибутов стиля шрифта. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

Em: Единицы измерения 'em' эквивалентны вычисленному значению свойства 'font-size' (размер шрифта) того элемента, в котором оно используется.

Arial: название шрифта.

"Trebuchet MS", Arial, sans-serif: рубленные шрифты (шрифты без засечек или гротески), типичный представитель -- Arial;

background: #fff url(images/bg.gif) repeat-x; color: black; }; img { border: 0; }

backgronund: Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту. Некоторые параметры не поддерживаются браузером Netscape 4.x. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.

#content { width: 1200px; margin: 25px auto; }

Свойство content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует. Применяется совместно с псевдоэлементами :after и :before, они соответственно указывают отображать новое содержимое после или до элемента, к которому добавляются

#logo { margin: 10px 0 20px 0; width: 340px; float: left; }

#logo p { margin: 0; }

Margin: Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента

#menu { float: right; padding: 40px 0 0; margin: 0 0 38px; }

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение свойства float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка обтекающего текста может быть на той же линии, что и сам элемент.

Синтаксис

float: left | right | none | inherit

Padding: Устанавливает значение поля от правого края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое

#menu li { font-size: 1.1em; display: inline; }

Font-size: Определяет размер шрифта элемента. Размер может быть установлен несколькими способами. Набор констант (xx-small, x-small,small, medium, large, x-large, xx-large) задает размер, который называется абсолютным. По правде говоря, они не совсем абсолютны, поскольку зависят от настроек браузера и операционной системы.

Другой набор констант (larger, smaller) устанавливает относительные размеры шрифта. Поскольку размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу, чтобы определить размер шрифта текущего элемента.

В конечном итоге, размер шрифта сильно зависит от значения свойства font-size у родителя элемента.

Сам размер шрифта определяется как высота от базовой линии до верхней границы кегельной площадки.

#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center;

margin: 0 0 0 10px; color: black; }

#menu li a.current { background: #fff url(images/button.gif) no-repeat;

color: #fff; }

#menu li a:hover { text-decoration: none; color: #000; background: #fff

url(images/button_grey.gif) no-repeat; }

.clear { clear: both; }

.caption { background: black url(images/title.gif) no-repeat; padding: 2px 0

0 18px; height: 35px; color: blue; }

.caption p { margin: 0;

#left { margin: 0 0 20px; clear: left; width: 200px; float: left; }

.box { background: #eee; }

Далее после создания стилей подключаю его в файлу header.inc

<link rel="stylesheet" href="style.css" type="text/css" />

Далее после подключение файла style.css шаблон сайта делится на два файла header .inc и footer.inc .

Содержание файла header.inc смотрите приложение А

файл footer.inc

<html>

<body>

<div id="footer">

<p>разработчик: Константин Шуйцев<br />

</div>

</body>

</html>

Файл header.inc и footer.inc загружаю его в файл index.php

Header.inc

<?php

$title = 'Справка';

include('header.inc');//верх шаблона

?>

Footer.inc

<?php

include('footer.inc');//низ шаблона

?>

Рисунок 2.4 - Главная страница сайта

Типовой ошибкой многих сайтов является нагромождение в верхней части страницы сайта авангардной и сложной композиции из многих рисунков, среди которых едва заметно располагается название фирмы и название сайта. В результате человеческий глаз, сканируя данную часть страницы сайта, не успевает распознать и запомнить нужную информацию. Происходит перенасыщение.

На сайте телефонного справочника использованы следующие виды поиска:

1. Поиск по номеру;

2. Поиск по имени;

3. Поиск по алфавиту;

4. Поиск по организации;

5. Поиск по адресу;

Разберем каждый по отдельности.

Поиск по номеру скрипт файла содержится в файле searchx.php.

<?php

if (isset($_GET['x'])) { $value = urldecode($_GET['x']); //проверка

параметров запроса

if (empty($_GET['x']))

$err = 'Необходимо указать номер телефона для поиска.';

elseif (preg_match("/[^\d_]+/", $value))

$err = 'В строке запроса следует вводить только цифры номера - без

пробелов и других посторонних символов';

elseif (strlen($_GET['x']) > 6)

$err = 'Номер телефона не должен содержать более 6 цифр.';

elseif (substr_count($value, '_') > 1)

$err = 'Допускается только одна произвольная цифра в номере.';

if (! isset($err)) { //ошибок нет

include('searchx.inc');загрузка файла 'searchx.inc';

exit; }}



Рисунок 2.5 поиск по номеру

Скрипт файла 'searchx.inc':

<?php

include('base.inc');

//поиск по частным номерам

$sql = "SELECT number, person, street, house, flat FROM pphone, street

WHERE street.strid = pphone.strid AND number LIKE '{$value}' ORDER

BY number";

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');// mysql_query() посылает один запрос (посылка нескольких

запросов не поддерживается) активной базе данных сервера, на

который ссылается переданный дескриптор

//SELECT названия_нужных_полей FROM название_таблицы WHERE

условие_выборки

$sql2 = "SELECT number, office, street, house, note FROM ophone, office,

street WHERE office.offid = ophone.offid AND street.strid = ophone.strid

AND number LIKE '{$value}' ORDER BY number";

$res2 = mysql_query($sql2) or exit('Ошибка при выполнении запроса к

базе данных.');

$title = 'Результаты поиска';

include('header.inc');

if (mysql_num_rows($res) + mysql_num_rows($res2)) {

// mysql_num_rows() возвращает количество рядов результата запроса.

Эта команда работает только с запросами SELECT. Чтобы получить

количество рядов, обработанных функцями INSERT, UPDATE,

DELETE

if (mysql_num_rows($res)) {

?>

<P>По вашему запросу (поиск по номеру "<STRONG><?php echo

$value ?></STRONG>") найдены следующие записи

(<STRONG>частные номера</STRONG>):</P>

<TABLE WIDTH="100%" CELLPADDING="2" CELLSPACING="1"

BORDER="0">

<TR

CLASS="head"><TD>Номер</TD><TD>Имя</TD><TD>Адрес</TD></

TR>

<?php while ($row = mysql_fetch_assoc($res)) { ?>

<TR CLASS="data"><TD>

<?php echo $row['number'] ?></TD><TD>//

<?php echo $row['person'] ?></TD><TD>

<?php echo "{$row['street']}, {$row['house']}"; if ($row['flat'])

echo " - ".$row['flat'] ?></TD></TR>//row: Эта функция возвращает одну

строку из результатов запроса. Если результат содержит несколько

строк, то выбраной будет только первая. Результат возвращается сразу

в виде объекта.

<?php } ?>

</TABLE>

<?php

}

//офисные номера

if (mysql_num_rows($res2)) {

?>

<P>По вашему запросу (поиск по номеру "<STRONG><?php echo

$value ?></STRONG>") найдены следующие записи

(<STRONG>офисные номера</STRONG>):</P>

<TABLE WIDTH="100%" CELLPADDING="2" CELLSPACING="1"

BORDER="0">

<TR

CLASS="head"><TD>Номер</TD><TD>Организация</TD><TD>Адрес

</TD><TD>Примечание</TD></TR>

<?php while ($row = mysql_fetch_assoc($res2)) { ?>

<TR CLASS="data"><TD><?php echo $row['number']

?></TD><TD><?php echo $row['office'] ?></TD><TD><?php echo

"{$row['street']},{$row['house']}" ?></TD><TD><?php echo $row['note']

?></TD></TR>

<?php } ?>

</TABLE>

<?php

}

?>

<P>Записи упорядочены по номеру абонента.</P>

<?php

} else {

?>

<P>По вашему запросу (поиск по номеру "<STRONG><?php echo

$value ?></STRONG>") записи не найдены.</P>

<?php

include('notfnd.inc');

}

include('footer.inc');

?>



Рисунок 2.6 итог поиска по номеру

Поиск по имени. Данный вид поиска осуществляется по имени абонента, скрипт содержится в файле searchn.php

<?php

if (isset($_GET['n'])) {

$value = urldecode($_GET['n']);

//проверка параметров запроса

if (empty($value))

$err = 'Необходимо указать имя абонента.';

elseif (strlen($value) < 2)

$err = 'Имя абонента не может содержать менее 2 символов.';

elseif (strlen($value) > 25)

$err = 'Имя абонента не должно содержать более 25 символов.';

elseif (preg_match("/[^\xC0-\xFF]+/", $value))

$err = 'В строке запроса допускается вводить только символы русского

алфавита.';

if (! isset($err)) { //ошибок нет

include('searchn.inc');

exit; }}

$title = 'Поиск по имени';

include('header.inc');

?>



Рисунок 2.7 поиск по имени абонента

После ввода имени абонента и нажатии кнопки «поиск» скрипт начинает проверку параметров запроса, если ввод имени не противоречит условию поиска, то загружается файл searchn.inc.

<?php

include('base.inc');//соединение с базой данных

$sql = "SELECT number, person, street, house, flat FROM pphone, street

WHERE street.strid=pphone.strid AND person LIKE '{$value}%' ORDER

BY person";

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');//запрос к базе данных phone

$title = 'Результаты поиска';

include('header.inc');

if (mysql_num_rows($res)) {

?>

<P>По вашему запросу (поиск по имени "<STRONG><?php echo $value

?></STRONG>") найдены следующие записи:</P>

<TABLE WIDTH="100%" CELLPADDING="2" CELLSPACING="1"

BORDER="0">

<TR

CLASS="head"><TD>Номер</TD><TD>Имя</TD><TD>Адрес</TD></

TR>

<?php

while ($row = mysql_fetch_assoc($res)) {

?>

<TR CLASS="data"><TD><?php echo $row['number']

?></TD><TD><?php echo $row['person'] ?></TD><TD><?php echo

"{$row['street']}, {$row['house']}"; if ($row['flat']) echo " - ".$row['flat']

?></TD></TR>//вывод результата запроса

<?php}?>

</TABLE>

<P>Записи упорядочены по имени абонента.</P>

<?php} else {?>

<P>По вашему запросу (поиск по имени "<STRONG><?php echo $value

?></STRONG>") записи не найдены.</P>

<?php

include('notfnd.inc');}//загрузка файла

include('footer.inc');?> //загрузка файла

Поиск по алфавиту. Данный вид поиска состоит из двух частей:

1. пользователю предлагается выбрать начальную букву фамилии предполагаемого абонента;

2. После выбора начальной буквы абонента скрипт предлагает возможные начала фамилии абонента.



Рисунок 2.8 вывод данных по поиску по имени

Файл скрипта searcha.php.

}

} elseif (isset($_GET['s'])) {

$value = urldecode($_GET['s']);

//проверка параметров запроса

if (! strlen($_GET['s']))

$err = 'Необходимо выбрать первую букву имени абонента для поиска.';

if (! isset($err)) { //ошибок нет

include('searcha2.inc');

exit;}}

$title = 'Поиск по алфавиту';

include('header.inc');

?>

<P>Выберите <STRONG>первую букву</STRONG> фамилии

абонента:</P><h4><P>...и просто щелкните по ней.</P>

<br><h2>

<TABLE ALIGN="CENTER" CELLPADDING="4" CELLSPACING="1"

BORDER="0">

<TR>

<?php

$alpha = 'А---Б---В---Г---Д---Е---Ж---З---И---К---Л---М---Н---О---П---Р---

С---Т---У---Ф---Х---Ц---Ч---Ш---Щ---Э---Ю---Я';

$arr = explode('-', $alpha);

foreach($arr as $a) {

if ($a == '|') {

echo "</TR>\r\n<TR>";

} else {

?>

<TD><A HREF="searcha.php?a=<?php echo urlencode($a) ?>"><?php

echo $a ?></A></TD>

<?php }}

?>

</TR></TABLE>

<?php

if (isset($err)) {

?>

<P CLASS="error">Внимание! <?php echo $err ?></P>

<?php

}

include('footer.inc');?>

сайт phones архитектура интерфейс

Рисунок 2.9 поиск по алфавиту

После выбора Буквы загружается файл searcha.inc



<?php

$title = "Поиск по алфавиту";

include('base.inc');//содинение с базой данных

$sql = "SELECT DISTINCT SUBSTRING(person,1,3) AS abc FROM

pphone WHERE person LIKE '{$value}%' ORDER BY abc";// Mysql

запрос для вывода всех уникальных записей из таблицы

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');

include('header.inc');

if (mysql_num_rows($res)) {

?>

<P>Теперь выберите <STRONG>начальные буквы</STRONG>

фамилии абонента:</P><h2>

<TABLE ALIGN="CENTER" CELLPADDING="4"

CELLSPACING="15" BORDER="0"></h2>

<TR>

<?php

$f = 0;

while ($row = mysql_fetch_assoc($res)) {

echo "<TD><A

HREF=\"searcha.php?s={$row['abc']}\">{$row['abc']}</A></TD>";//

данный запрос формирует первые три буквы фамилии абонента

$f = ($f + 1) % 10;

if (! $f) echo "</TR>\r\n<TR>";

}

?>



Рисунок 2.10 Поиск по алфавиту с первыми буквами абонента

Если абонент с такими первыми буквами фамилии существует, то происходит выдача запроса фалом searcha2.inc

<?php

include('base.inc');//связь с базы данных

$sql = "SELECT number, person, street, house, flat FROM pphone, street

WHERE street.strid=pphone.strid AND person LIKE '{$value}%' ORDER

BY person";

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');

$title = 'Результаты поиска';

include('header.inc');

if (mysql_num_rows($res)) {

?>

<P>По вашему запросу (поиск по первым буквам "<STRONG><?php

echo $value ?></STRONG>") найдены следующие записи:</P>

<TABLE WIDTH="100%" CELLPADDING="5" CELLSPACING="1"

BORDER="0">

<TR

CLASS="head"><TD>Номер</TD><TD>Имя</TD><TD>Адрес</TD></

TR>

<?php

while ($row = mysql_fetch_assoc($res)) {

?>

<TR CLASS="data"><TD><?php echo $row['number']

?></TD><TD><?php echo $row['person'] ?></TD><TD><?php echo

"{$row['street']}, {$row['house']}"; if ($row['flat']) echo " - ".$row['flat']

?></TD></TR>//показ результатов запроса

<?php }?>

</TABLE>

<P>Записи упорядочены по имени абонента.</P>

<?php

} else {

?>

<P>По вашему запросу (поиск по первым буквам "<STRONG><?php

echo $value ?></STRONG>") записи не найдены.</P>

<P>В это трудно поверить, но у тех, чья фамилия начинается на

"<STRONG><?php echo $value ?></STRONG>" домашних телефонов

нет!</P>

<?php} include('footer.inc');?

Рисунок 2.11 результат поиска по алфавиту

Поиск организации:

Скрипт файла

<?php

if (isset($_GET['o'])) {

$value = $_GET['o'];

settype($value, 'integer');

//проверка параметров запроса

if (empty($value))

$err = 'Необходимо выбрать название организации.';

if (! isset($err)) { //ошибок нет

include('searcho.inc'); exit;}

include('base.inc');

$sql = "SELECT offid, office FROM office ORDER BY office";

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');

$title = 'Поиск по организации';

include('header.inc');

?>

Рисунок 2.12 поиск по организации

Рисунок 2.13 итог поиска по организации



Поиск по адресу: скритп файла searchp.php

<?php

if (isset($_GET['h']) and isset($_GET['s'])) {

$value = $_GET['s'];

settype($value, 'integer');

$house = urldecode($_GET['h']);

//проверка параметров запроса

if (empty($value))

$err = 'Необходимо выбрать населенный пункт и улицу.';

elseif (empty($house))

$err = 'Необходимо указать обозначение номера дома.';

elseif (strlen($house) > 8)

$err = 'Обозначение номера дома не должно содержать более 8

символов.';

elseif (preg_match("/['\"%_]+/", $house))

$err = 'В строке запроса содержатся недопустимые символы.';

if (! isset($err)) { //ошибок нет

include('searchp2.inc');

exit; } else {

header("Location: searchp.php?s={$value}");

exit; }}

elseif (isset($_GET['s'])) {

$value = $_GET['s'];

settype($value, 'integer');

//проверка параметров запроса

if (empty($value))

$err = 'Необходимо выбрать населенный пункт и улицу.';

if (! isset($err)) { //ошибок нет

include('searchp1.inc');

exit;}

include('base.inc');

$sql = "SELECT strid, street FROM street ORDER BY street";

$res = mysql_query($sql) or exit('Ошибка при выполнении запроса к базе

данных.');

$title = 'Поиск по адресу';

include('header.inc');

?>

Рисунок 2.14 Поиск по адресу

Связь клиента с администрацией сайта скрипт фала message.php

mail

(PHP 3, PHP 4, PHP 5)

mail - отправляет почту.

Описание

bool mail (string to, string subject, string message [, string

additional_headers [, string additional_parameters]])

mail() автоматически отправляет сообщение message получателю to. Можно специфицировать несколько получателей, разделив запятой адреса в to. С помощью этой функции можно высылать Email с присоединением/attachment и содержимое специальных типов.

mail() возвращает TRUE, если почта была успешно принята для доставки, FALSE в ином случае.

<?php

if (isset($_POST['note'])) { //скрипт вызван из формы

$note = htmlspecialchars($_POST['note'], ENT_QUOTES);

if (empty($note))

$err = 'Необходимо ввести текст сообщения.';

elseif (strlen($note) > 2000)

$err = 'Текст сообщения не должен содержать более 2000 символов.';

if (! isset($err)) { //ошибок нет

include('base.inc');

$sql = "INSERT INTO message (message, date, host) VALUES ('{$note}',

NOW(), '{$REMOTE_ADDR}')";

mysql_query($sql) or $err = 'Не удалось отправить сообщение.';

if (! isset($err)) { //ошибок нет

header('Location: index.php');

exit;

}}}

$title = 'Сообщение администратору';

include('header.inc');

?>



Рисунок 2.14 связь с администрацией сайта

Администрирование содержит инструменты управления.

В администрировании будут содержаться основные настройки сайта:

- Управление;

- Просмотреть сообщения

- Изменить пароль

- Обновить записи

- Загрузить файлы

Вход в панель администратора осуществляется через логин и пароль.

Рисунок 2.15 Вход в панель администратора

Скрипт файла www.spravka.kz/admin/login.php

<?php

session_start();

//регистрация уже есть -> выход

if (isset($_SESSION['logdate'])) {

session_unset();

header('Location: login.php');

exit;

}

//проверить пароль

if (isset($_POST['login']) and isset($_POST['pswd'])) {

include('login.inc');

}

$title = 'Вход для администратора';

include('header1.inc');

?>

Для вывода строки используется echo. С ее помощью можно выводить текст в кавычках, значения переменных и т.д.

Размещая переменные внутри строки, вы можете сэкономить время и сделать код более удобным для чтения, но к этому надо привыкнуть. Не забывайте использовать кавычки, одинарные кавычки не будут выводить значения переменных.

Echo не является функцией!

Echo является не функцией, а языковой конструкцией. При использовании функции в PHP, они имеют очень конкретную форму.На данный момент, просто знайте, что echo это специальный инструмент.

Команда include принимает имя файла и просто вставляет его содержимое в сценарий, который этот include вызвал.Это означает, что вы можете напечатать общий заголовок или меню, которые должны быть на каждой вашей странице, а потом просто подключить их с помощью include. Затем, когда вы добавляете новую страницу на сайт, то вместо того, чтобы обновлять ссылки на нескольких страницах, вы можете просто изменить файл, который содержит меню.

Как все это видят посетители?

Если мы использовали команду include для вставки меню на каждую из наших веб-страниц, что будет видеть посетитель в исходном коде «index.php»? Да ничего, обычный html текст, т.к. инклуд работает просто как копипаст.

Поведение include

Он вставляет содержимое одного файла в другой и все. Очень удобная вещь! Include весьма полезен, если вы хотите включить тот же PHP или HTML текст или сегмент сразу в несколько страниц сайта. Команда инклуд широко используется разработчиками PHP, так же как и Echo.

Условный оператор if

"Условный" - ключевое слово в описании этого оператора, оно говорит многое о нём. if - значит если. Есть условие при котором будет выполняться следующее действие. Условие это принимается в качестве аргумента для оператора if и может содержать выражение, либо логическую переменную. Если в качестве аргумента для if выступает выражение, то оно должно возвращать логическую переменную.

Массивы

На самом деле массив в PHP - это упорядоченное отображение, которое устанавливает соответствие между значением и ключом. Этот тип оптимизирован в нескольких направлениях, поэтому вы можете использовать его как собственно массив, список (вектор), хэш-таблицу (являющуюся реализацией карты), словарь, коллекцию, стэк, очередь и, возможно, что-то еще. Так как значением массива может быть другой массив PHP, можно также создавать деревья и многомерные массивы.

2.5 Размещение Google Maps на своей интернет странице

Google Maps http://maps.google.com/ - картографический сервис работающий в режиме web страницы (подробнее о сервисе ). Разработчикам предоставляется возможность свободно размещать окно карты на своих страницах и осуществлять некоторую ее настройку. Для размещения карты на определенной странице своего web-сайта можно использовать следующую инструкцию:

1. Регистрация учетной записи пользователя

Перед началом работы с API Google Maps, необходимо получить права пользователя наhttp://www.google.com/accounts/

2. Регистрация веб-сайта

Регистрация происходит по адресу http://www.google.com/apis/maps/signup.html. После принятия лицензионного соглашения вы получаете уникальный код (API key), позволяющий пользоваться сервисом Google Maps. Этот код в последствии должен будет присутствовать на странице с картой и будет служить для идентификации пользователя-сайта.

В результате регистрации доступ к сервису получает определенный сервер. Все страницы этого сервера могут пользоваться одним и тем же ключом. Например, если Ваш сайт называетсяhttp://gis-lab.info, то регистрация может быть использована на всех страницах адрес которых начинается с http://gis-lab.info. Следовательно для сайта: http://www.gis-lab.info (то с www), эта регистрация работать уже не будет. Также можно получить API key для определенной папки на сайте, например http://gis-lab.info/folder, таким образом этот ключ будет работать только для карт на страницах находящихся в этой папке.

3. Использование полученной регистрации на веб-странице

Для подключения к сервису в текст страницы добавляются строки регистрации, включающие полученный вами уникальный код. Этот фрагмент кода в виде скрипта располагается между тэгов заголовка страницы <head></head>.

<head>

…

/* Получить доступ к сервису */

<script

src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=полученн

ый вами ключ" type="text/javascript"></script>

...

</head>

4. Скрипты создания и визуализации карты

Основной скрипт, необходимые для создания карты, должен располагаться сразу после скрипта инициализации, также между тэгов <head></head>.

<script type="text/javascript">

//<![CDATA[

function load() {

/* Проверка на совместимость с используемым браузером*/

if (GBrowserIsCompatible()) {

/* Создать точку - центр */

var pntx=37.62039542198181;

var pnty=55.75294375419617;

var center = new GLatLng(pnty, pntx);

/* Создание объекта карты, googlemap - имя, по которому находится

объект карты, описываемый ниже*/

var map = new GMap2(document.getElementById("mapgoogle"));

...

Стандартные элементы управления, такие как масштабная линейка, навигационная панель, переключение вида карты могут присутствовать или отсутствовать на вашей карте. Для появления этих элементов, необходимо добавить одну из этих строк (или их все, в зависимости от того, какие элементы навигации вы хотите получить на карте) к скрипту приведенному выше.

...

/* Создать элементы навигации, масштабную линейку */

var map_ctrl=new GLargeMapControl();

var map_type_ctrl=new GMapTypeControl();

var map_scale_ctrl=new GScaleControl();

/* Добавить элементы навигации */

map.addControl(map_ctrl);

/* Кнопки выбора типа карты*/

map.addControl(map_type_ctrl);

/* Добавить масштабную линейку */

map.addControl(map_scale_ctrl);

/* Центрировать карту по созданной точке, установить масштаб и

сделать начальным видом - космическую съемку, а не карту*/

map.setCenter(center, 17, G_SATELLITE_TYPE);

}

}

//]]>

</script>

...

<body onload="load()" onunload="GUnload()">

...

В тэге <body> должны быть определены функции вызова основной процедуры создания и показа карты, а также освобождения памяти, после того, как пользователь покидает страницу.

<body onload="load()" onunload="GUnload()">

5. Размещение на веб-странице окна карты

Окно карты размещаем опять же в виде скрипта располагается между тэгов собственно страницы <body>.

<body>

...

/* Размещение на странице */

<div align="center"><div id="mapgoogle" style="width: 90%; height:

500px;"></div></div>

...

</body>

6. Результат

Посмотреть пример. В исходном коде страницы примера можно найти необходимые фрагменты кода. На странице должно быть 3 основных фрагмента: Part1 (скрипт идентификации), Part2 (скрипт создания карты), Part3 (размещение карты на странице). Эти части, на странице примера обозначены следующим образом:

<!-- GOOGLE Part1 START --><!-- GOOGLE Part1 END -->

Авторы и клиенты могут локально дополнять карту своими данными. Несложные команды позволяют добавить на карту собственные контуры, маркеры, интерактивные подсказки и всплывающие окна. Данные для отображения могут находиться как непосредственно в коде web страниц, так и во внешних файлах. Имеется возможность создавать тематические слои непосредственно в режиме просмотра web страницы. Эта часть открыта, возможности расширения классов событий, создание мастеров и специальных поисковых систем обеспечивают практически ежедневный приток новых идей и приемов.

Подробную актуальную информацию вы можете получить на http://www.google.com/apis/maps.

Следует отметить весьма активный и профессиональный форум http://groups-beta.google.com/group/Google-Maps-API где присутствуют ответы на вопросы, не отраженные в документации, парад страниц (профессионалам стоит взглянуть на классы решаемых задач, приемы и возможности).

Интерфейс Google Maps быстро развивается, пожелания и рекомендации профессионалов во многом его формируют. В совокупности с другими продуктами Google (GMail, Enterprise Search и т.д.) складывается ощущение направления IT, органически сочетающего потребности пользователей и возможности GIS для подготовки геоданных.

Если у Вас есть замечания, предложения или иные пути решения обсуждаемых проблем - будем рады добавить недостающую информацию к этой статье. Вы можете отправить свои комментарии используя форму или адрес электронной почты приведенные ниже.

Рисунок 2.16 google maps караганда



3. ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ ПРОЕКТА

3.1 Технико-экономическое обоснование внедрения ИС

Переход экономики к рыночным отношениям предполагает создание экономических предпосылок для эффективно действующего производства как с точки зрения рационального использования ресурсов производителей и потребителей. Автоматизация производства может обеспечить высокое качество продукции, уменьшить время на проектирование и создание изготавливаемой продукции. Однако, не стоит забывать о том, что любой объект новой техники должен иметь четкую оценку эффективности его разработки, производства и эксплуатации, а все принятые в проекте научно-технические решения должны быть экономически целесообразны.[38]

Произведем расчет экономии производства Web-сайта как разницу между затратами на его создание и рыночными ценами на производство сайтов. Затраты определим по формуле:

Затраты = Зпл+Ам+Зэлект+Зот

где Зпл - зарплата дизайнера, определяемая как тарифная ставка за час, помноженная на количество часов, затраченных на работу над проектом.

Ам - амортизация техники в процессе эксплуатации, которая рассчитывается по формуле:

Амгод = Ст.КТС x 0.25

где, в свою очередь, Ст.КТС - стоимость комплекса технических средств (стоимость компьютера), а 0.25 - норма амортизации для компьютерной техники.

Зэлект - затраты на электроэнергию, которые складываются из стоимости энергии, потребляемой компьютером и затрат на освещение.

Зот - затраты на отопление, если работы производились в отопительный сезон, что в нашем случае имеет место.

Итак, определим тарифную ставку дизайнера 144 тенге в час и будем считать, что он работал над сайтом в течение 3 месяцев, 6 дней в неделю по 2 часа каждый день.

Дизайнер затратил 6 дней x 2 часа x 4 недели x 3 месяца = 144 часа. Примем для расчета 150 часов, т.к. в месяце обычно немного больше чем 4 недели.

Зпл = 144 тг/час x 150 часов = 21600 тг.

Ам = 62577 тг. x 0.25 x 0.25 = 7823 тг.

Зэлект = {(240Вт*ч + 100Вт*ч) x 150ч x 3 тг }/1000 = 153 тг.

Затраты на отопление рассчитаем из расчета 57.4 тг. за 1 кв.м

Зот = 24 кв.м. x 57.4 тг/кв.м. = 1378 тг x 3 мес = 4133 тг.

Полные затраты составлют сумму всех вышеперечисленных:

Затраты =21600 тг + 7823 тг + 153 тг + 4133 тг = 33709 тг

Сравним цену созданного сайта с рыночными ценами на аналогичную продукцию.

Ц=З+П+НДС(16%)

Создание web-сайта через специализированную фирму будет стоить заказчику около 400-700$ с таким же количеством страниц. Цена варьируется в зависимости от сложности исполнения и организации, которая производит работу. Возьмем для расчетов минимальные расценки, а именно, $400.

Итак, $400 = 61200 тг. Экономия при покупке нашего сайта:

61200 тг - 33709 тг = 27491 тг.

Видно, что экономия от производства web-сайта почти в 2 раза превосходят затраты на его создание.



4. НОРМЫ И ТРЕБОВАНИЯ ОХРАНЫ ТРУДА НА РАБОЧЕМ МЕСТЕ ОПЕРАТОРА КОМПЬЮТЕРНОГО НАБОРА

Данный раздел рассматривает основы норм и требований охраны труда на рабочем месте оператора компьютерного набора.

Типовая инструкция по охране труда при работе с персональными компьютерами устанавливает общие требования безопасности для работников, использующих в работе персональные компьютеры (далее - ПК).

4.1 Общие положения

К работе с ПК допускаются работники, не имеющие медицинских противопоказаний, прошедшие инструктаж по вопросам охраны труда, с группой по электробезопасности не ниже I.

Женщины со времени установления беременности и в период кормления грудью к выполнению всех видов работ, связанных с использованием ПК, не допускаются. Лица, не моложе 18 лет, прошедшие обязательный при приеме на работу и ежегодные медицинские освидетельствования на предмет пригодности для работы на ЭВМ и ПЭВМ.

Прошедшие вводный инструктаж по охране труда; прошедшие инструктаж по охране труда на конкретном рабочем месте и знающие правила работы на персональном компьютере, о чем должна быть сделана соответствующая запись в журнале; - прошедшие обучение работе на персональном компьютере с использованием конкретного программного обеспечения

При работе с ПК на работников могут оказывать неблагоприятное воздействие следующие опасные и вредные производственные факторы:

- повышенный уровень электромагнитных излучений;

- повышенный уровень ионизирующих излучений;

- повышенный уровень статического электричества;

- повышенная напряженность электростатического поля;

- повышенная или пониженная ионизация воздуха;

- повышенная яркость света;

- прямая и отраженная блесткость;

- повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;

- статические перегрузки костно-мышечного аппарата и динамические локальные перегрузки мышц кистей рук;

- перенапряжение зрительного анализатора;

- умственное перенапряжение;

- эмоциональные перегрузки;

- монотонность труда.

В зависимости от условий труда, в которых применяются ПК, и характера работы на работников могут воздействовать также другие опасные и вредные производственные факторы.

Организация рабочего места с ПК должна учитывать требования безопасности, удобство положения, движений и действий работника.

Рабочий стол с учетом характера выполняемой работы должен иметь достаточный размер для рационального размещения монитора (дисплея), клавиатуры, другого используемого оборудования и документов, поверхность, обладающую низкой отражающей способностью.

Клавиатура располагается на поверхности стола таким образом, чтобы пространство перед клавиатурой было достаточным для опоры рук работника (на расстоянии не менее чем 300 мм от края, обращенного к работнику).

Чтобы обеспечивалось удобство зрительного наблюдения, быстрое и точное считывание информации, плоскость экрана монитора располагается ниже уровня глаз работника предпочтительно перпендикулярно к нормальной линии взгляда работника (нормальная линия взгляда - 15 град. вниз от горизонтали).

Для исключения воздействия повышенных уровней электромагнитных

излучений расстояние между экраном монитора и работником должно составлять не менее 500 мм (оптимальное 600 - 700 мм).

Применяемые подвижные подставки для документов (пюпитры) размещаются в одной плоскости и на одной высоте с экраном.

Рабочий стул (кресло) должен быть устойчивым, место сидения должно регулироваться по высоте, а спинка сиденья - по высоте, углам наклона, а также расстоянию спинки от переднего края сиденья. Регулировка каждого параметра должна быть независимой, легко осуществляемой и иметь надежную фиксацию.

Для тех, кому это удобно, предусматривается подставка для ног.

Рабочее место размещается таким образом, чтобы естественный свет падал сбоку (желательно слева).

Для снижения яркости в поле зрения при естественном освещении применяются регулируемые жалюзи, плотные шторы.

Светильники общего и местного освещения должны создавать нормальные условия освещенности и соответствующий контраст между экраном и окружающей обстановкой с учетом вида работы и требований видимости со стороны работника. Освещенность на поверхности стола в зоне размещения рабочего документа должна составлять 300 - 500 люкс.

Возможные мешающие отражения и отблески на экране монитора и другом оборудовании устраняются путем соответствующего размещения экрана, оборудования, расположения светильников местного освещения.

При рядном размещении рабочих столов расположение экранов видеомониторов навстречу друг другу из-за их взаимного отражения не допускается.

Для обеспечения безопасности работников на соседних рабочих местах расстояние между рабочими столами с мониторами (в направлении тыла поверхности одного монитора и экрана другого монитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями мониторов - не менее 1,2 м.

Для снижения уровня напряженности электростатического поля при необходимости применяются экранные защитные фильтры. При эксплуатации защитный фильтр должен быть плотно установлен на экране монитора и заземлен.

Для обеспечения оптимальных параметров микроклимата проводятся регулярное в течение рабочего дня проветривание и ежедневная влажная уборка помещений, используются увлажнители воздуха.

При работе с ПК обеспечивается доступ работников к первичным средствам пожаротушения, аптечкам первой медицинской помощи.

Работники при работе с ПК с учетом воздействующих на них опасных и вредных производственных факторов обеспечиваются средствами индивидуальной защиты в соответствии с типовыми отраслевыми нормами для соответствующих профессий и должностей.

При работе с ПК работники обязаны:

- соблюдать режим труда и отдыха, установленный законодательством, правилами внутреннего трудового распорядка организации, трудовую дисциплину, выполнять требования охраны труда, правил личной гигиены;

- выполнять требования пожарной безопасности, знать порядок действий при пожаре, уметь применять первичные средства пожаротушения;

- курить только в специально предназначенных для курения местах;

- знать приемы оказания первой помощи при несчастных случаях на производстве;

- о неисправностях оборудования и других замечаниях по работе с ПК сообщать непосредственному руководителю или лицам, осуществляющим техническое обслуживание оборудования.

Не допускается: выполнять работу, находясь в состоянии алкогольного опьянения либо в состоянии, вызванном употреблением наркотических средств, психотропных или токсических веществ, а также распивать спиртные напитки, употреблять наркотические средства, психотропные или токсические вещества на рабочем месте или в рабочее время; устанавливать системный блок в закрытых объемах мебели, непосредственно на полу; использовать для подключения ПК розетки, удлинители, не оснащенные заземляющим контактом (шиной).

Работники, не выполняющие эти требования, привлекаются к ответственности согласно законодательству.

4.2 Требования безопасности во время эксплуатации ЭВМ

Перед началом работы с ПК работник обязан:

- проветрить рабочее помещение;

проверить:

- устойчивость положения оборудования на рабочем столе;

- отсутствие видимых повреждений оборудования, дискет в дисководе системного блока;

- исправность и целостность питающих и соединительных кабелей, разъемов и штепсельных соединений, защитного заземления (зануления);

- исправность мебели;

отрегулировать:

- положение стола, стула (кресла), подставки для ног, клавиатуры, экрана монитора;

- освещенность на рабочем месте. При необходимости включить местное освещение;

- протереть поверхность экрана монитора, защитного фильтра (при его наличии) сухой мягкой тканевой салфеткой;

- убедиться в отсутствии отражений на экране монитора, встречного светового потока;

- включить оборудование ПК в электрическую сеть, соблюдая следующую последовательность: стабилизатор напряжения (если он используется), блок бесперебойного питания, периферийные устройства (принтер, монитор, сканер и другие устройства), системный блок.

Запрещается приступать к работе при:

- выраженном дрожании изображения на мониторе;

- обнаружении неисправности оборудования;

- наличии поврежденных кабелей или проводов, разъемов, штепсельных соединений;

- отсутствии или неисправности защитного заземления (зануления) оборудования.

Требования безопасности во время работы

Во время работы с ПК работник обязан:

- соблюдать требования охраны труда;

- содержать в порядке и чистоте свое рабочее место;

- держать открытыми вентиляционные отверстия оборудования;

- соблюдать оптимальное расстояние от экрана монитора до глаз.

Работу за экраном монитора следует периодически прерывать на регламентированные перерывы, которые устанавливаются для обеспечения работоспособности и сохранения здоровья, или заменять другой работой с целью сокращения рабочей нагрузки у экрана.

Оператору и пользователю ПК во время работы запрещается:

- касаться одновременно экрана монитора и корпуса компьютера или клавиатуры;

- прикасаться к задней панели системного блока компьютера при включенном питании;

- переключать разъемы интерфейсных кабелей периферийных устройств

при включенном питании;

- выполнять перезагрузку компьютера;

- самостоятельно вскрывать и производить ремонт компьютеров;

- класть посторонние предметы на клавиатуру, монитор, системный блок, мышь и другое компьютерное оборудование, а также на электрощиты, электропроводку и другое электрическое оборудование.

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

Продолжительность непрерывной работы с ПК без регламентированного перерыва не должна превышать 2 часов.

Во время регламентированных перерывов для снижения нервно-эмоционального напряжения, утомления зрительного анализатора, улучшения функционального состояния нервной, сердечно-сосудистой, дыхательной систем, а также мышц плечевого пояса, рук, спины, шеи и ног целесообразно выполнять комплексы упражнений.

Работникам с высоким уровнем напряженности труда во время регламентированных перерывов и в конце рабочего дня показана психологическая разгрузка в специально оборудованных комнатах психологической разгрузки.

С целью уменьшения отрицательного влияния монотонности необходимо применять чередование операций.

При работе с текстовой информацией следует отдавать предпочтение физиологически наиболее оптимальному режиму представления черных символов на белом фоне.

Требования безопасности в аварийных ситуациях

Оператор и пользователь ПК обязан:

- во всех случаях обнаружения обрыва проводов электропитания, неисправности заземления и других повреждений оборудования немедленно отключить питание компьютера и сообщить руководителю;

- следить за исправностью компьютера и при появлении необычного звука, дыма, запаха горелой резины, огня, самопроизвольного отключения аппаратуры - прекратить работу на компьютере, немедленно отключить питание и сообщить руководителю;

- при любых случаях сбоя в работе компьютерного оборудования и программного обеспечения немедленно сообщить руководителю;

- в случае появления рези в глазах, резком ухудшении видимости, появлении боли в пальцах и кистях рук, усилении сердцебиения немедленно покинуть рабочее место, сообщить о происшедшем руководителю;

- при обнаружении человека, попавшего под напряжение, немедленно освободить его от действия тока путем отключения электропитания и до прибытия врача оказать потерпевшему первую медицинскую помощь. Сообщить руководителю;

- при возгорании оборудования отключить питание и принять меры к тушению очага пожара при помощи огнетушителя, вызвать пожарную команду и сообщить руководителю.

Требования безопасности после окончания работы

После окончания работ оператор и пользователь ПК обязан:

- корректно закрыть все активные задачи;

- при наличии дискеты в дисководе извлечь ее;

- выключить питание системного блока;

- выключить питание всех периферийных устройств;

- отключить блок бесперебойного питания;

- отключить питающий кабель от сети;

- осмотреть и привести в порядок рабочее место;

- о неисправностях оборудования и других замечаниях по работе с ПК сообщить непосредственному руководителю или лицам, осуществляющим

техническое обслуживание оборудования;

- при необходимости вымыть с мылом руки.

В данном разделе были рассмотрены основные положения и нормы охраны труда, необходимые для работы оператору компьютерного набора.



ЗАКЛЮЧЕНИЕ

В данной дипломной работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта.

При этом мною были решены следующие частные задачи:

ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;

изучение программного инструментария, применяемого для разработки и создания Web-сайтов;

выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;

ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;

определение структуры Web-страниц;

выбор стратегии разработки и создания Web-сайта.

В результате проведенных работ на базе выбранных технологий был создан Web-сайт адресно-телефонного справочника.

Дипломная работа написана на языке разметки гипертекстовых документов HTML,PHP,CSS и базы данных MYSQL, т.к использование этого языка позволяет уменьшить объемы страниц