Описание процесса разработки сайта.

Платформой разработки был локальный сервер XAMPPControlPanel 3.2.1 (Рисунок 10)

При создании сайта использовались стили CSS, код PHPи HTML, а так же JavaScript. Для регистрации и комментарий использовалась база данных в программе PhpMyAdmin (Рисунок 11)

Сайт был прописан вручную через Notepad++ без использования готовых шаблонов (Рисунок 12)

Описание процесса разработки сайта. - student2.ru

Рисунок 10 - XAMPPControlPanel 3.2.1

Описание процесса разработки сайта. - student2.ru

Рисунок 11 – PhpMyAdmin

Описание процесса разработки сайта. - student2.ru

Рисунок 12 – Notepad++

Чтобы подключиться к базе данных используется следующий код (Рисунок 13)

Описание процесса разработки сайта. - student2.ru

Рисунок 13 – Подключение к базе данных

ЗАКЛЮЧЕНИЕ

В данной работе рассмотрена эффективность использования web-сайта.

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

Основные результаты работы сформулированы в следующем виде:

¾ проведен анализ эффективности использования Интернет технологий в создании web-сайта;

¾ итоговая информация представляется в виде программного продукта, отвечающего требованиям поставленной задачи;

¾ разработан удобный и понятный для пользователя интерфейс.

В ходе написания сайта были использованы следующие плагины:

¾ Комментарий.

¾ Регистрация.

¾ Календарь.

¾ Карта Yandex.

¾ Социальные кнопки.

¾ Время.

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

Нормативно-техническая документация

ГОСТ 24.301-80 Комплекс стандартов на автоматизированные системы. Автоматизированные системы. Общие требования к выполнению текстовых документов.

1. Гагарина, Л.Г. Разработка и эксплуатация автоматизированных информационных систем: учебное пособие [Гриф] / Л.Г. Гагарина, Д.В. Киселев, Е.Л. Фетодова; под ред. Л.Г. Гагариной. – М.: ФОРУМ: ИНФРАМ, 2012 СПО

2. Гвоздева, В.А. Основы построения автоматизированных информационных систем: учебник [Гриф] / В.А. Гвоздева, И.Ю. Лаврентьева. – М.: ФОРУМ: ИНФРА-М, 2012 СПО

Дунаев В. Web– графика. – С-Пб: БХВ-Петербург, 2012. – 595 с.

Смирнова И. Начала web- дизайна. – С-Пб: БХВ-Петербург, 2012. – 231 с.

5. Кожемякин А. HTML и CSS в примерах. Создание Web- страниц. – М: Альтекс-А, 2013. – 415 с.

6. https://ru.wikipedia.org/wiki/Сарапул

7. http://sarapul.net/

8. https://autotravel.ru/excite.php/213/1

Приложение А

Приложение В

Index.php:

<?php

session_start();

<html>

<head>

<metacharset="utf-8">

<title>Курсовая (Баранов)</title>

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

// prepare the form when the DOM is ready

$(document).ready(function() {

$("#gallery li img").hover(function(){

$('#main-img').attr('src',$(this).attr('src').replace('thumb/', ''));

});

varimgSwap = [];

$("#gallery li img").each(function(){

imgUrl = this.src.replace('thumb/', '');

imgSwap.push(imgUrl);

});

$(imgSwap).preload();

});

$.fn.preload = function() {

this.each(function(){

$('<img/>')[0].src = this;

});

}

</script>

</head>

<body>

<label>Вашлогин:</label>

<label>Вашпароль:</label>

<button><a href="reg.php">Зарегистрироваться</a></button><br>

<div class=vxod><?php

if (empty($_SESSION['login']) or empty($_SESSION['id_user']))

{

echo "Вы вошли на сайт, как гость";

}

else

{

echo "Вы вошли на сайт, как ".$_SESSION['login']."";

echo " ";

if (isset($_GET['exit']))

session_destroy();

echo "<a href='?exit'>Выход</a>";

}

?></div>

</div>

</form>

</header>

<br>

<nav>

<ul>

<li id="home"><div><a href="#">Прошлое</a></div></li>

<li id="play"><a href="new.php">Настоящее</a></li>

<li id="rating"><a href="mesta.php">Популярныеместа</a></li>

<li id="support"><a href="karta.php">Местоположение</a></li>

</ul>

</nav>

<imgsrc="gallery/img_1.jpg" alt="" id="main-img" />

<ul>

</ul>

</div>

<a style="color:#0288F0; text-decoration:none;font-size:12px;" href="#" title="Время в Сарапуле">Время в Сарапуле</a>

</div>

</div>

<thead>

<option value="0">Январь</option>

<option value="1">Февраль</option>

<option value="3">Апрель</option>

<option value="7">Август</option>

<option value="8">Сентябрь</option>

<option value="9">Октябрь</option>

<option value="10">Ноябрь</option>

<option value="11">Декабрь</option>

</select><td colspan="3"><input type="number" value="" min="0" max="9999" size="4">

<tr><td><td>Пн<td>Вт<td>Ср<td>Чт<td>Пт<td>Сб<td>Вс

<tbody>

</table>

<divclass=t>

<p><imgsrc="a.png"><divclass=t1>Сарапул - один из старейших городов Прикамья.<br>

На протяжении столетий его история была тесно связана с историей России.<br>

Первое упоминание о Сарапуле относится к XVI веку.<br>

В переписной книге (сводном документе подворных переписей <br>мужского населения податных дворов)

за 1596 г. говорится, что “в Казанском уезде, в верх Камы реки...<br> в Сарапуле и Сиве ловят рыбу”.

По всей видимости, “Сарапулом”<br> здесь назван участок реки,а также вся местность вдоль её берегов...</div>

</p><div class=b><button><a href="#win1">Читатьдальше</a></button></div><br>

<divclass="popup">

<p>Сарапул - один из старейших городов Прикамья.

На протяжении столетий его история была тесно связана с историей России.

Первое упоминание о Сарапуле относится к XVI веку.

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

за 1596 г. говорится, что “в Казанском уезде, в верх Камы реки... в Сарапуле и Сиве ловят рыбу”.

По всей видимости, “Сарапулом” здесь назван участок реки, а также вся местность вдоль её берегов.

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

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

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

Начало городу положило дворцовое село Вознесенское, основанное русскими поселенцами на высоком правом берегу реки Камы.

В дозорной книге за 1621 г. содержится описание “села Вознесенского, что на Сарапуле”.

В актах XYII века местность около него всегда называлась Сарапульским уездом.

В 1738 г. Сарапул был приписан к Осинской провинции Уфимской губернии, стал с тех пор значительным пунктом Арской дороги в “Сибирские земли” и назывался уже дворцовой слободою.

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

Вятское наместничество вместе с Нижегородским и Костромским составляли одну административную область - генерал-губернаторство, центром которого был г. Нижний Новгород.

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

Первым генерал-губернатором Нижегородским, Вятским и Костромским был назначен генерал-поручик А. А. Ступишин, а Вятским наместником - генерал-майор С. Д. Жихарев.

С образованием Вятского наместничества бывшей дворцовой слободе Сарапулу был присвоен статус города, утверждены план его застройки, а также герб.</p>

</div>

<divclass=t2>

<p><imgsrc="b.png"><divclass=t3>Город особенно расширился, вырос и разбогател во второй половине XIX века,<br> когда на Каме открылось и развилось пароходство.

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

Из Сарапула вывозились<br> до ста тысяч пудов льна и пеньки, а также большое количество шерсти и кожевенных товаров.<br>

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

</p><div class=c><button><a href="#win2">Читатьдальше</a></button></div><br>

<divclass="popup">

<p>Город особенно расширился, вырос и разбогател во второй половине XIX века, когда на Каме открылось и развилось пароходство.

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

Из Сарапула вывозились до ста тысяч пудов льна и пеньки, а также большое количество шерсти и кожевенных товаров.

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

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

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

Из других областей России и из-за границы в Сарапул ввозились большие партии тканей, мебели, фарфора и других товаров.

В конце XIX века в городе было более 40 фабрик и заводов с объемом производства в 1 797 000 рублей, из которых большую часть составляли кожевенные (20 заводов), а также 2 винокуренных завода, 3 мыловаренных, 6 кирпичных, 1 фабрика для выделки льна.

В городе было 76 различных ремесленных мастерских. В 1897 г. из Сарапула по Каме отправлено более 1000 судов с 1 387 000 пудов разных товаров.

Было налажено пароходное сообщение с Пермью и Казанью.

Общий товарооборот города достигал семидесяти миллионов рублей.

В это время Сарапул был некоронованной столицей Среднего Прикамья.

Здешних купцов - Смагиных, Шитовых, Курбатовых, Ижболдиных, Бодалёвых знала вся Россия.

Город стремительно развивался. В 1867 г. здесь было открыто первое Сарапульское уездное земское собрание.

В 1869 г. - Общественный банк. В 1872 г. было введено Городовое положение и в Сарапуле открыта городская управа, городским головой был избран купец Г. Д. Пешехонов. В июле 1874 г. в Сарапуле открылся Окружной суд (для уездов Сарапульского, Елабужского и Малмыжского).</p>

</div>

<divclass="le"><p><h3>Город разделён на 22 района:</h3>

1)ПМК <br>2)Гудок <br>3)Гудок-2 <br>4)Учхоз <br>5)Старцевая гора <br>6)Центр <br>7)УППВОС <br>8)Дачный <br>9)Песьянка<br>10)Поворот <br>11)Обувная фабрика <br>12)ж/д Вокзал <br>13)Южный посёлок <br>14)Западный посёлок <br>15)Дубровка <br>16)Элеконд<br>17)Элеконд-2 <br>18)Янтарный <br>19)КХП <br>20)Радужный <br>21)Птицефабрика <br>22)Крупозавод</p></div>

function Calendar4(id, year, month) {

Date.prototype.getWeek = function () {

var target = new Date(this.valueOf());

vardayNr = (this.getDay() + 6) % 7;

target.setDate(target.getDate() - dayNr + 3);

varfirstThursday = target.valueOf();

target.setMonth(0, 1);

if (target.getDay() != 4) {

target.setMonth(0, 1 + ((4 - target.getDay()) + 7) % 7);

}

return 1 + Math.ceil((firstThursday - target) / 604800000);

}

varDlast = new Date(year,parseFloat(month)+1,0).getDate(),

D = new Date(year,month,Dlast),

DNlast = D.getDay(),

DNfirst = new Date(D.getFullYear(),D.getMonth(),1).getDay(),

m = document.querySelector('#'+id+' option[value="' + D.getMonth() + '"]'),

g = document.querySelector('#'+id+' input');

if (new Date(D.getFullYear(),D.getMonth(),1).getWeek() < 10) {

calendar = '<tr><td>0' + new Date(D.getFullYear(),D.getMonth(),1).getWeek();

}else{

calendar = '<tr><td>' + new Date(D.getFullYear(),D.getMonth(),1).getWeek();

}

if (DNfirst != 0) {

for(var i = 1; i <DNfirst; i++) calendar += '<td>';

}else{

for(var i = 0; i < 6; i++) calendar += '<td>';

}

for(var i = 1; i <= Dlast; i++) {

if (i == new Date().getDate() &&D.getFullYear() == new Date().getFullYear() &&D.getMonth() == new Date().getMonth()) {

calendar += '<td class="today">' + i;

}else{

if (

(i == 1 &&D.getMonth() == 0 && ((D.getFullYear() > 1897 &&D.getFullYear() < 1930) || D.getFullYear() > 1947)) ||

(i == 2 &&D.getMonth() == 0 &&D.getFullYear() > 1992) ||

((i == 3 || i == 4 || i == 5 || i == 6 || i == 8) &&D.getMonth() == 0 &&D.getFullYear() > 2004) ||

(i == 7 &&D.getMonth() == 0 &&D.getFullYear() > 1990) ||

(i == 23 &&D.getMonth() == 1 &&D.getFullYear() > 2001) ||

(i == 8 &&D.getMonth() == 2 &&D.getFullYear() > 1965) ||

(i == 1 &&D.getMonth() == 4 &&D.getFullYear() > 1917) ||

(i == 9 &&D.getMonth() == 4 &&D.getFullYear() > 1964) ||

(i == 12 &&D.getMonth() == 5 &&D.getFullYear() > 1990) ||

(i == 7 &&D.getMonth() == 10 && (D.getFullYear() > 1926 &&D.getFullYear() < 2005)) ||

(i == 8 &&D.getMonth() == 10 && (D.getFullYear() > 1926 &&D.getFullYear() < 1992)) ||

(i == 4 &&D.getMonth() == 10 &&D.getFullYear() > 2004)

) {

calendar += '<td class="holiday">' + i;

}else{

calendar += '<td>' + i;

}}

if (new Date(D.getFullYear(),D.getMonth(),i).getDay() == 0 && i != Dlast) {

if (new Date(D.getFullYear(),D.getMonth(),i).getWeek() < 9) {

calendar += '<tr><td>0' + new Date(D.getFullYear(),D.getMonth(),i+1).getWeek();

}else{

calendar += '<tr><td>' + new Date(D.getFullYear(),D.getMonth(),i+1).getWeek();

}}}

if (DNlast != 0) {

for(var i = DNlast; i < 7; i++) calendar += '<td>';

}document.querySelector('#'+id+' tbody').innerHTML = calendar;

g.value = D.getFullYear();

m.selected = true;

if (document.querySelectorAll('#'+id+' tbodytr').length < 6) {

document.querySelector('#'+id+' tbody').innerHTML += '<tr><td> <td><td><td><td><td><td><td>';

}

document.querySelector('#'+id+' option[value="' + new Date().getMonth() + '"]').style.color = 'rgb(220, 0, 0)';

}

Calendar4("calendar4",new Date().getFullYear(),new Date().getMonth());

document.querySelector('#calendar4').onchange = function Kalendar4() {

Calendar4("calendar4",document.querySelector('#calendar4 input').value,document.querySelector('#calendar4 select').options[document.querySelector('#calendar4 select').selectedIndex].value);

}

</script>

<div class="ks"><h1>Комментарии</h1></div>

<p>

</p>

<p><label>Комментарий:</label><br />

<p>

</p>

</form>

<?php

$page_id = 150;// Уникальный идентификатор страницы (статьи или поста)

include "bd.php";// Подключается к базе данных

$result = mysql_query("SELECT * FROM `comments` WHERE `page_id`='$page_id'"); //Вытаскиваем все комментарии для данной страницы

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

</div>

<?php

}

</section>

</footer>

</div>

<caption><h2>Новости</h2></caption>

<tr><tdclass="table2">1. Детский творческий центр «Мьюзик холл» - один из уникальных проектов современности!Яркий и немного неординарный коллектив,обладающий широким спектром творческихвозможностей.Существует он совсемнедавно, начал свою работу в сентябре2016 г.,но уже за это время успелзавоевать сердца многих!<br><ahref="http://sarapul.net/article/193794">Читать дальше</a></td></tr>

<tr><td class="table2"><br>2. Сегодня в моде быть спортивным, поэтомувезде говорят о здоровом образе жизни,упоминают о различных зависимостях. Курение, алкоголизм, употребление наркотиков-это самые вредные из привычек, и сейчасо них действительно упоминают везде, в особенности из-за того, что этим начали увлекаться подростки, что с их стороны очень глупо.<br><ahref="http://sarapul.net/article/188826">Читать дальше</a></td></tr>

<tr><td><br><button><a href="http://sarapul.net/node/9874">Ещёбольшеновостей</a></button></td></tr>

</table></div>

</body>

</html>