Розробка інформаційного веб-сайту з використанням мови програмування PHP

Побудова апаратної структури для серверу, встановлення операційної системи і програмного забезпечення, розробка веб-сайту. Розрахунок річної суми економічного ефекту від впровадження комп’ютерної мережі. Проектування освітлення, засобів пожежогасіння.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык украинский
Дата добавления 02.07.2015
Размер файла 5,6 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

<ul>

<li><a href="http://melkiy.te.ua/" target="_blank">[melkiy] corporation</a></li>

<li><a href="http://melkiy.bz.ua/" target="_blank">Офіційний melkiy сайт</a></li>

<li><a href="http://vmn70.te.ua/" target="_blank">Блог Володимира Melkiy.te.uaа</a></li>

<li><a href="http://mi.ucoz.org/" target="_blank">[melkiy] - інформаційний портал</a></li>

<li><a href="http://melkiy.at.ua/" target="_blank">melkiy сайт</a></li>

</ul>

Далі вирізую блок нижньої частини сайту і поміщую його у файл footer.php.

Файл footer.php має вид:

<div class="footer"><!--Нижня частина сайту-->

<p>

Компанія "Політех" <a href="http://melkiy.te.ua" target="_blank">Розробив Володимир Melkiy.te.ua</a> Усі права вільні

<span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span><!--Copyleft-->

</p>

</div>

<div style="position: fixed; bottom: 40px; right: 80px;">

<a href="template.php#top" title="Піднятися до верху">

<img src="images/back-to-top.png" alt="back-to-top">

</a>

</div>

Тепер треба підключити нові файли. Підключати буду кодом include. Вставляти цей код буду на місцях, які вирізав з сторінки.

На місці, де був код шапки сайту, необхідно вставити код підключення файлу header.php.

<?php

include 'include/header.php';

?>

На місці, де був код головного меню сайту, необхідно вставити код підключення файлу general-menu.php.

<?php

include 'include/general-menu.php';

?>

Потім залишаю частину коду, яка буде іншою на кожній сторінці сайту.

<div class="leftmenu-block"><b>Навігатор: </b></div><!--Блок-->

<center><p onclick="return message()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

На місці, де був код лівої частини сайту, необхідно вставити код підключення файлу left-block.php.

<?php

include 'include/left-block.php';

?>

На місці, де був код підвалу сайту, необхідно вставити код підключення файлу footer.php.

<?php

include 'include/footer.php';

?>

Після введених змін, шаблон сайту набув вигляду:

<html>

<head>

<title>ІТ-компанія "Політех"</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<meta name="description" content="Офіційний сайт компанії Політех"/>

<meta name="keywords" content="хостинг, адміністрування"/>

<link href="/css/general-style.css" rel="stylesheet" type="tsxt/css">

<link href="/css/menu-style.css" rel="stylesheet" type="tsxt/css">

<script type="text/javascript" src="/javascripts/navigator.js"></script>

<link rel="shortcut icon" href="favicon.png" type= "image/png">

</head>

<body>

<div class="mainframe"><!--Головний блок-->

<?php

include 'include/header.php';

?>

<div class="leftmenu"><!--Ліва частина сайту-->

<?php

include 'include/general-menu.php';

?>

<div class="leftmenu-block"><b>Навігатор:</b></div><!--Блок-->

<center><p onclick="return message()">Щоб дізнатися на якій Ви сторінці, просто натисніть тут</p></center>

<?php

include 'include/left-block.php';

?>

</div>

<div class="workarea"><!--Робоче поле-->

<center><h1>Заголовок</h1></center>

<p>Абзаци</p>

<p>Абзаци</p>

</div>

<?php

include 'include/footer.php';

?>

</div>

</body>

</html>

Тепер шаблон готовий. Можна приступати до створення лендінгу та створення інших сторінок сайту.

1.5.5 Створення сторінки-вітрини

Сторімнка-вітримна, "вітринка", цільова сторінка (англ. Landing page) -- це веб-сторінка, яка відкривається при натисканні на рекламне оголошення чи ланку (лінк). "Вітринка" є логічним продовженням рекламного оголошення або посилання. Часто "вітринки" пов'язані з соціальними медіа, розсилками по електронній пошті або маркетинговими кампаніями пошукових двигунів з метою підвищення ефективності реклами. "Вітринка" може бути будь-якою сторінкою сайту або спеціально створеною окремою сторінкою. Загальна мета "вітринки" перетворення (конверсія) відвідувачів сайту в потенційних покупців, тому її ще часто називають "приманка для клієнтів".

В залежності від маркетингової стратегії, процес перетворення, передбачає виконання користувачем певних дій, як-от:

· оформити замовлення на покупку

· продати конкретний продукт в конкретній ситуації (розпродаж, промоакція)

· залишити контактну інформацію (як правило, адреса електронної пошти або номера телефону)

· підписатися на розсилку

· реєстрація на сайті

· інформація для інших користувачів / оголошення про цільову сторінку

· віра в бренд -- витратити достатньо часу на сайті, дивитися фільми, читати листівки

· завантажити або встановити якусь програму

Відсоток конверсії відвідувачів є показником ефективності сторінки-вітрини, в залежності від галузі він коливається в межах 2-3 відсотків. Це означає, що, наприклад, 1000 осіб, які відвідали "вітринку" 20-30 зробили якусь із вищевказаних дій.

Створення сторінки-вітрини.

Запускаю файл template і зберігаємо його з іменем index.php у кореневій папці сайту. Це буде головна сторінка сайту.

На головній сторінці в робочій області будуть розміщуватися загальні дані про компанію, її переваги над іншими конкурентами, акції та інша інформація, що повинна заохотити відвідувачів скористатися послугами саме цієї компанії.

Код головної сторінки має вигляд:

<center><h1>Вітаємо Вас на нашому сайті:</h1></center><hr>

<h2>Вітаємо Вас на сайті ІТ-компанії "Політех"</h2>

<p>Якщо Ви потрапили на цю сторінку, значить Ви хочете створити собі web-сайт.</p>

<p>Наша компанія працює у сфері web-розробки з 2006 року.</p>

<p>Ми пропонуємо самі найнижчі ціни на послуги по створенню, підтримці та обслуговуванню сайтів</p>

<p>Серед наших клієнтів є такі компанії, як [melkiy] corporation та VVcompany</p>

<hr>

Рисунок 1.70 -- Вигляд головної сторінки

1.5.6 Створення сторінок сайту і їх наповнення

Тепер створюю інші сторінки сайту.

Запускаю файл template і зберігаємо його з іменем about.php у кореневій папці сайту. Тут буде інформація про компанію.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Про нас:</h1></center><hr>

<h2>Історія нашої компанії:</h2>

<h4>Створення:</h4>

<p>Наша компанія була створена у 1991 у місті Тернополі.</p>

<h4>Перший успіх:</h4>

<p>Перший успіх до компанії прийшов, коли ми вийшли на Європейський ринок у 2006 році.</p>

<hr>

Рисунок 1.71 -- Вигляд сторінки з інформацією про компанію

Запускаю файл template і зберігаємо його з іменем services.php у кореневій папці сайту. Тут буде інформація про послуги компанії.

Тепер ввожу дані в робочу область.

Код має вигляд:

<div class="workarea"><!--Робоче поле-->

<center><h1>Ми надаємо послуги:</h1></center><hr>

<h2>Наша компанія надає ряд послуг:</h2>

<p>Послуга #1 - <i>Створення web-сайту.</i></p>

<p>Створення веб-сайтів різної складності.</p>

<br>

<p>Послуга #2 - <i>Адміністрування існуючого сайту</i></p>

<p>Супровід, наповнення, виявлення критичних помилок коду</p>

<br>

<p>Послуга #3 - <i>Розкручування сайту</i></p>

<p>Ріст сайту у рейтингах та у видачі результатів пошуковців</p>

<hr>

</div>

Рисунок 1.72 -- Вигляд сторінки з послугами

Запускаю файл template і зберігаємо його з іменем contact.php у кореневій папці сайту. Тут буде інформація про контакти для зв'язків з компанією.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Наші контакти:</h1></center><hr>

<h2>Наша компанія розташовується за адресою:</h2>

<pre>

м. Тернопіль

вул. Руська 53

ЗАТ Політех

</pre>

Наший сайт - <a href="http://melkiy.te.ua" target="_blank">http://melkiy.te.ua/</a>

<hr>

Рисунок 1.73 -- Вигляд сторінки з контактами

Запускаю файл template і зберігаємо його з іменем help.php у кореневій папці сайту. Тут будь найпопулярніші питання і відповіді.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Питання - Відповіді:</h1></center><hr>

<h2>Часті питання та відповіді:</h2>

<p><b>1. У Вас є тестовий період?</b></p>

<p><i>Так. 14 днів.</i></p>

<p><b>2. Які Ваші гарантії?</b></p>

<p><i>Наша компанія є учасником і переможцем багатьох ІТ-конкурсів, що підкреслює професіоналізм наших програмістів. Окрім цього, якщо ми не виконаємо поставлене завдання, то повернемо Вам гроші.</i></p>

<p><b>3. У Вас є інтернет-магазин?</b></p>

<p><i>Ні.</i></p>

<hr>

Рисунок 1.74 -- Вигляд сторінки з питаннями і відповідями

Запускаю файл template і зберігаємо його з іменем guestbook.php у кореневій папці сайту. Тут буде розміщуватися книга відвідувачів.

Тепер ввожу дані в робочу область.

Код має вигляд:

<center><h1>Книга відвідувачів</h1></center><hr>

<h2>Тут ви можете залишити відгук про роботу нашої компанії:</h2>

<div style="width: 100%; margin: 0 auto;">

<form action="addMessage.php" method="post">

Ваше ім'я:<br>

<input type="text" name="guestName" placeholder="Ваше ім'я" style="width: 100%;"><br><br>

Текст Вашого повідомлення в книзі відвідувачів:<br>

<textarea name="messageText" placeholder="Текст повідомлення" style="width: 100%; height: 100px;">

</textarea><br><br>

<input type="submit" value="Залишити повідомлення в книзі відвідувачів!" style="width: 100%;">

</form><hr><br>

<?php

// подключення до бази даних

$connect = new mysqli('localhost', 'root', '', 'guestbook');

// отримуємо список всіх повідомлень

$result = $connect->query("select * from guestbook");

// вираховуємо кількість отриманих записів

$countMessage = $result->num_rows;

// якщо кількість записів в базі даних більше, то її виводимо

if($countMessage > 0)

{

// переглядаємо весь масив отриманих даних

for($i = 0; $i < $countMessage; $i++)

{

echo '<div style="border: 1px solid green;">';

// витягаю дані

$message = $result->fetch_object();

// виводжу дані у потрібному виді

echo "<b>".$message->guestbook_user_name.": </b><br>";

echo $message->guestbook_message_text."<br>";

echo "Дата: ".$message->guestbook_data."<br>";

echo '</div><br>';

}

}

?>

</div><hr>

Рисунок 1.75 -- Вигляд книги відвідувачів

На цьому створення сторінок сайту завершене.

1.6 Створення сайту на основі системи управління вмістом

Також можна скористатися не власними сторінками, а спеціальними "двигунами" -- системами керування вмісту.

Системма керувамння вмімстом (СКВ; англ. Content Management System, CMS) -- програмне забезпечення для організації веб-сайтівчи інших інформаційних ресурсів в Інтернеті чи окремих комп'ютерних мережах.

Існують сотні, а може, навіть й тисячі доступних CMS - систем. Завдяки їхній функціональності їх можна використовувати в різних компаніях. Незважаючи на широкий вибір інструментальних та технічних засобів, наявних в CMS, існують загальні для більшості типів систем характеристики.

Перші СКВ були розроблені у великих корпораціях для організації роботи з документацією. У 1995-му від компанії CNET відокремилася окрема компанія Vignette, яка започаткувала ринок для комерційних СКВ. З часом діапазон продукції розширювався і все більше інтегрувався у сучасні мережеві рішення аж до популярних веб-порталів.

Багато сучасних СКВ поширюються як безкоштовні і легкі у встановленні (інсталяції) програми, які розробляються групами ентузіастів під ліцензією GNU/GPL.

Системи управління веб-сайтом часто розраховані на роботу у певному програмному середовищі. Наприклад, система MediaWiki, під управлінням якої працює Вікіпедія, написана мовою програмування PHP і зберігає вміст і налаштування у базі даних типу MySQL або PostgreSQL; тому для її роботи потрібно, щоб на сервері, де вона розміщена, були встановлені веб-сервер (Apache, IIS чи інший), підтримка PHP та системи керування базами даних MySQL або PostgreSQL, а також, в разі необхідності, додаткові програми для обробки зображень чи математичних формул. Такі вимоги є досить типовими для відкритих СКВ.

1.6.1 WordPress

WordPress -- це проста у встановленні та використанні система керування вмістом з відкритим кодом, яка широко використовується для створення веб-сайтів. Сфера застосування -- від блогів до складних веб-сайтів. Вбудована система тем і плаґінів в поєднанні з вдалою архітектурою дозволяє конструювати на основі WordPress практично будь-які веб-проекти.

Написана на мові програмування PHP з використанням бази даних MySQL. Сирцевий код поширюється на умовах ліцензії GNU General Public License.

Розпочинаю встановлення CMS WordPress:

1. Для початку необхідно завантажити CMS WordPress із офіційного сайту з українською локалізацією http://uk.wordpress.org/

Рисунок 1.76 -- Завантаження CMS WordPress

2. Після завантаження архіву його необхідно розпакувати.

Рисунок 1.77 -- Розпаковування архіву

3. Файл-конфігурації

Рисунок 1.78 -- Початок встановлення WordPress'у

4. Початок встановлення WordPress'у.

Перед початком потрібно ввести необхідну інформацію в базу даних. Де потрібно знати наступні речі.

· ім'я бази даних;

· ім'я користувача бази даних;

· пароль до бази даних;

· адреса сервера бази даних;

· префікс таблиць (якщо ви хочете запустити більш ніж один WordPress на одній базі).

Рисунок 1.79 -- Установлювач CMS

5. Паралельно у іншому вікні браузера необхідно створити таблицю, користувача та задати пароль в phpmyadmin. Ці дії також можна зробити зі допомогою команд MySQL.

Рисунок 1.80 --Створення таблиці в phpmyadmin

6. На цій сторінці необхідно ввести свої дані, які я вводив в phpmyadmin.

Тепер необхідно ввести:

· ім'я бази даних (ім'я бази даних, до якої треба встановити WP);

· ім'я користувача (MySQL логін);

· пароль (пароль до MySQL);

· хост бази даних (це поле потрібно заповнити коли localhost спрацьовує);

· префікс для таблиць (якщо є необхідність одночасно мати кілька інсталяцій WordPress'у в одній базі даних).

Рисунок 1.81 -- Введення даних

7. Перевірка введених даних. Це повідомлення вказує, що усі дані введено коректно і можна продовжити і розпочати встановлення CMS WordPress.

Рисунок 1.82 -- Перевірка введених даних

8. Далі необхідно ввести дані про сайт. Такі як:

· заголовок сайту;

· логін;

· пароль;

· перевірка паролю;

· електронний адрес пошти;

· приватність.

Рисунок 1.83 -- Введення даних про сайт

9. На цьому встановлення закінчено.

Рисунок 1.84 -- Закінчення встановлення

Тепер можна ввійти на свій новостворений сайт, або в адмін-панель.

На головній сторінці міститься:

Ліве меню, яке має:

· Заголовок сайту;

· Останні публікації;

· Останні коментарі;

· Архіви;

· Категорії.

А також є робоча область, на якій розміщуються блоги. За замовчуванням система створює один тестовий блок з назвою Привіт світ.

Рисунок 1.85 -- Стандартний вигляд сайту

В панелі адміністратора містяться:

Консоль -- у цей розділ користувач попадає після того, як увійде на панель керування.

· Відновлення -- даний підрозділ дозволяє обновити WordPress, плагіни та теми.

Записи -- перегляд всіх записів, можливість швидкого редагування й сортування.

· Додати нову -- ви можете оформляти й публікувати нові пости.

· Рубрики -- відкриває редактор рубрик.

· Мітки -- відкриває редактор міток (тегів).

Медіафайли -- надає доступ до медіафайлів, завантажених у блог, звичайно блогери завантажують тільки картинки. Створюючи пост, ви можете використати ці картинки для оформлення.

· Бібліотека -- перегляд всіх медіафайлів блога, можливість швидкого редагування й сортування.

· Додати новий -- завантаження нових медіафайлів, можливість завантажити відразу кілька файлів.

Посилання -- перегляд всіх посилань, можливість швидкого редагування й сортування. Щоб посилання були видні, можна скористатися віджетом "Посилання".

· Додати нову -- додавання нових посилань.

· Рубрики посилань -- угруповання посилань із розбивкою їх на рубрики.

Сторінки -- перегляд всіх сторінок, можливість швидкого редагування й сортування.

· Додати нову -- оформлення й публікування нових сторінок. Відкриває редактор сторінок, такий же як редактор постів.

Зовнішній вигляд -- перегляд всіх шаблонів оформлення.

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

· Меню -- надає можливість зібрати свій зміст із окремих елементів (посилань, рубрик, довільного коду) і використати в бічному стовпчику за допомогою виджета довільне меню.

· Довільне тло -- можливість настроїти тло теми оформлення. Варто відзначити, що більшість шаблонів не призначені для редагування їхніх фонів й у цьому випадку такої можливості немає .

· Редактор -- можливість редагувати код шаблона. Перед тим як редагувати код теми, варто зберегти її резервну копію.

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

· Додати новий -- можливість завантажити в блог новий плагін.

· Редактор -- можливість редагувати програмний код завантажених плагенів.

Користувачі -- перегляд всіх зареєстрованих користувачів. У нашому випадку користувач блогу буде тільки один.

· Додати нового -- можливість додати нового користувача.

· Ваш профіль -- можливість відредагувати ваш профіль, додати інформацію про себе й настроїти її відображення.

Інструменти -- додаткові інструменти й можливості WordPress.

· Імпорт -- посилання на плагіни для завантаження вмісту з інших ваших блогів. Можна використати, щоб перенести ваш блог із блогохостингу на платформу WordPress.

· Експорт -- дозволяє завантажити XML-файл із текстовим умістом.

Параметри -- настроювання блогу.

· Загальні -- основні настроювання WordPress, його назва, підзаголовок, настроювання дати й часу.

· Написання -- настроювання різних способів публікації постів. У нашому випадку вони неактуальні, ми будемо користуватися класичним способом публікації.

· Читання -- настроювання, що впливають на відображення вмісту.

· Обговорення -- настроювання коментування й відображення коментарів.

· Медіафайли -- настроювання обробки медіафайлів при завантаженні.

· Приватність -- установлення заборони пошуковим системам індексувати блог.

· Постійні посилання -- можливість настроїти структуру посилань, це дуже важливе настроювання.

Рисунок 1.86 -- Вигляд адмін-панелі

1.6.2 Eleanor CMS

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

Результатом став повністю модульний проект, і модифікуючи Eleanor CMS будь-який розроблювач повною мірою може виявити свій креатив, діючи так, як порахує потрібним.

Варто відзначити ряд важливих нюансів, передбачуваних споконвічно й потім реалізованих під час розробки Eleanor CMS.

Досить важливо було організувати безпеку роботи, і крім зручності користування, даний фактор стає пріоритетом при виборі оптимальної системи керування сайтом. Ця CMS характеризується тим, що в ній практично не використаються SQL-ін'єкції та інші складні хитрості, у зв'язку із чим робота з базою даних приносить аж ніяк не нервування, а виняткове задоволення.

Незважаючи на це, Eleanor здатна дуже легко інтегруватися з будь-якими скріптами, а генеруючі з її допомогою посилання цілком зрозумілі будь-якій людині, і плюс до всього підтримують кириличний алфавіт.

Окремо варто сказати про реалізовану в даній системі підтримці кеш-машин; cms здатна підтримувати з них п'ять позицій. Варто згадати й відмінний шаблонизатор. Шаблон - це по суті особа сайту, тому при розробці Eleanor це було прийнято в увагу, і убудований у не шаблонизатор дозволяє при необхідності підібрати практично будь-який шаблон. .

Однозначним плюсом EleanorCMS можна назвати простоту установки й абсолютно доступний модельний код, розібратися в якому не важко буде навіть починаючому веб-мастеру, не прибігаючи ні до чиєї допомоги.

У той же час якщо питання все-таки виникнуть, на сайті розроблювача є спеціальний форум, де можна одержати відповідь на будь-яке питання.

Враження від використання даної системи залишаються винятково приємні, і не можна не відзначити величезний її потенціал. Безсумнівно радує й той факт, що творець даного проекту і його співавторів постійно проводять усілякі поліпшення, обов'язково з огляду на при цьому думки користувачів свого продукту. Регулярно публікуються обновлені версії, у яких реалізуються всі побажання й зауваження. Однак блоги й чаты в проекті найближчим часом чекати не коштує. Якщо є необхідність, то можна відвідати для одержання додаткової інформації відвідати офіційний сайт цієї CMS за адресою eleanor-cms.ru, а скачати систему можна по наступному посиланню.

Автори проекту зупинятися на досягнутому не збираються, і заявляють про те, що Eleanor стане згодом тільки вдосконалюватися, роблячи роботу із сайтом ще більш якісної й комфортної.

З основних достоїнств Eleanor CMS можна виділити наступні:

· Повна модульность системи: ви зможете без проблем нарощувати функціональну частину Вашого сайту.

· Продумана мультимовність: один матеріал можна публікувати на різних мовах, а не кілька матеріалів, кожний на своїй мові. Це значить, що рейтинг матеріалу, перегляди й коментарі будуть однаковими для різних перекладів одного матеріалу. Крім того, мультиязычность зачіпає не тільки назва й текст публікації, але також й URL і позначка поля. У стандартну комплектацію входить 3 мови: російський, український й англійський. Система без проблем може бути переведена й на інші мови.

· Мультисайтовість із кроссдоменной системою авторизації. Завдяки Eleanor CMS, ви зможете створити кілька сайтів із загальною базою користувачів. Існує можливість "зв'язати" сайти таким чином, щоб при вході на один із сайтів, користувач автоматичних входив і на інших сайтах. Причому зв'язуванню піддаються сайти, на різних доменах і серверах.

· Мультисесійність. Кожен користувач може працювати на сайті з різних пристроїв.

· Система не створює зайвого навантаження на сервер. І прекрасно працює навіть на безкоштовних хостингах.

· Зручність публікації медиаматериалов. Якщо необхідно опублікувати картинку, відео- або аудиоматериал - просто завантажите його, використовуючи зручний завантажник і дивитеся/слухайте прямо на сайті. Система підтримує швидку вставку відео із всіх популярних видеосервисов, досить лише вставити посилання, і вона сама зрозуміє що це за сервіс й як з ним працювати.

Розпочинаю встановлення CMS Eleanor:

1. Для початку необхідно завантажити CMS Eleanor із офіційного сайту http://eleanor-cms.ru/

Рисунок 1.87 -- Завантаження CMS Eleanor

2. Із офіційного сайту завантажується CMS Eleanor у архіві. Тому тепер розпаковую архів

Рисунок 1.88 -- Розархівування CMS Eleanor

3. Початок встановлення. В стрічці адреси в браузері пишу адрес хоста http://eleanorhost/.

Завантажується вікно вибору встановлення CMS Eleanor. На вибір дається три варіанти встановлення трьома різними мовами:

· Встановлення українською мовою;

· Встановлення англійською мовою;

· Встановлення російською мовою.

Вибираю "Встановити українською мовою".

Рисунок 1.89 -- Встановлення CMS Eleanor

4. Наступним кроком є підтвердження ліцензійної згоди на використання CMS Eleanor.

Мені необхідно відмітити галочкою пункт "Я приймаю умови ліцензійної угоди" і натиснути кнопку "Далі".

Рисунок 1.90 -- Ліцензійна згода

5. Наступним кроком є продовження підтвердження ліцензійної згоди на використання CMS Eleanor. Цей пункт названий "Санкції".

Мені необхідно відмітити галочкою пункт "Я приймаю умови санкцій" і натиснути кнопку "Далі".

Рисунок 1.91 -- Санкції

6. В наступному вікни є інформація про системні вимоги, які необхідні для роботи CMS Eleanor. Також є інформація про статус сервера, чи відповідає він вимогам.

Нижче є на вибір дві дії: "Встановлення" CMS Eleanor та "Оновлення" програмного забезпечення на сервері.

Оскільки сервер відповідає вимогам, то вибираю пункт "Встановлення CMS Eleanor"

Рисунок 1.92 -- Системні вимоги

7. Заходжу в phpmyadmin і створюю нову базу даних eldb. Потім треба створити ще користувача, для доступу до бази даних і задати йому пароль. Створюю користувача eluser і задаю йому пароль elpass.

8. В інсталяторі CMS Eleanor необхідно ввести дані, для зв'язку з базою даних та інших налаштувань:

Сервер бази даних - localhost

Назва бази даних - eldb

Користувач - eluser

Пароль - elpass

Префікс таблиць - el_

Назва сайту - ІТ-компанія "Політех"

Базовий e-mail - admin@melkiy.te.ua

Увімкнути ЧПУ? - Так

Часовий пояс - Київ

Додаткові мови - Англійська та російська

Рисунок 1.93 -- Збирання даних

9. Підготовка до встановлення.

У цьому вікні розміщується інформація для перевірки. Фактично, вона повторяє пункт 8.

На вибір є дві кнопки: "Назад", якщо є якісь помилки і "Встановити", якщо усі дані введені правильно.

Вибираю "Встановити".

Рисунок 1.94 -- Підготовка до встановлення

10. Відбувається процес встановлення

Рисунок 1.95 -- Процес встановлення

11. Створення облікового запису адміністратора.

В цьому пункті треба ввести:

Логін - eladmin

Пароль - eladmpass

Повторіть пароль - eladmpass

E-mail - admin@melkiy.te.ua

Рисунок 1.96 -- Створення облікового запису адміністратора

12. Закінчення процесу встановлення.

Це останнє вікно встановлювача. У цьому вікні адміністратора повідомляється про те, що установлення CMS Eleanor успішно завершено. А також є повідомлення про роботу скріпта та рекомендації по підготовці до роботи.

"Ваша копія Eleanor CMS успішно встановлена і готова до роботи! Скрипт установки заблоковано файлом install/install.lock, тому якщо Ви бажаєте встановити систему ще раз - Ви повинні вручну видалити цей файл. Ми переконливо рекомендуємо видалити теку install з усім її вмістом виключно з міркувань безпеки."

Рисунок 1.97 -- Закінчення процесу встановлення

13. Переходжу у свій сайт. Тепер можна зайти на сайт з правами адміністратора, або зареєструватися.

Головна сторінка сайту складається з шапки, підвалу, робочої області, а також лівого і правого блоку.

Рисунок 1.98 -- Головна сторінка сайту

Встановлення CMS Eleanor успішно завершено і готове до роботи.

1.7 Налаштування комп'ютера

Отже, уже є готовий сервер і сайт, але вони доступні тільки локально. Тепер зробимо його доступним ззовні.

ПК із Ubuntu Server відставляємо і далі будемо працювати з ним через SSH. Я використаю для цього PUTTY.

1.7.1 Конфігурація

У першу чергу необхідно налаштувати файл підкачування.

Для цього створюємо файл заповнений нулями:

sudo dd if=/dev/zero of=/swap bs=1M count=2048

Підготовляємо його для використання як swap:

sudo mkswap /swap

Додаємо у файл fstab наш створений файл для використання як файл підкачування:

sudo nano /etc/fstab/swap none swap sw 0 0

Перезавантажуємося:

sudo shutdown -r now

1.7.2 Оновлення ПЗ

Відразу ж обновляємо всі пакети, робиться це двома командами:

sudo apt-get update

sudo apt-get upgrade

1.7.3 Веб-інтерфейс

Для керування системою через веб-інтерфейс необхідно мати пакет webim, але його на жаль у репозитарії немає, тому завантажую підготовлений пакет вручну:

wget http://prdownloads.sourceforge.net/webadmin/webmin_1.580_all.deb

Для установлення webim будуть потрібні деякі залежні пакети.

sudo apt-get install libnet-ssleay-perl libauthen-pam-perl libio-pty-perl apt-show-versions

Встановлення виконується командою:

sudo dpkg --install webmin_1.580_all.deb

Все, можна заходити у веб-інтерфейс:

https://192.168.1.180:10000

1.7.4 FTP-доступ

Для ftp я використаю pure-ftpd. Створюю публічну папку:

sudo mkdir /mnt/data/public

Установлюю pure-ftpd з репозиторія:

sudo apt-get install pure-ftpd

У принципі можна вже заходити під системним аккаунтом, але це не зовсім добре для повсякденного використання. Зроблю віртуальний аккаунт із доступом тільки до публічної папки:

sudo pure-pw useradd public -u local -g nogroup -d /mnt/data/public

Обновлю базу даних:

sudo pure-pw mkdb

Включу використання віртуальних користувачів:

sudo ln -s /etc/pure-ftpd/conf/PureDB /etc/pure-ftpd/auth/50pure

Перезапускаю сервіс:

sudo service pure-ftpd restart

1.7.5 Samba

Налаштування доступу до сервера з windows-машин робиться командою:

sudo useradd -d /home/PaulZi -s /bin/true -g users PaulZi

Задаю пароль, такий же, як на windows:

sudo passwd PaulZi

Додаємо створеного користувача до Samba:

sudo smbpasswd -a PaulZi

Для керування розширеними правами, можна встановити утиліти:

sudo apt-get install acl > sudo apt-get install attr

Для того, щоб samba працювала з ACL, необхідна файлова система з підтримкою POSIX ACL, ext4 цілком підходить, але за замовчуванням вона встановлена без цієї підтримки. Для включення цієї можливості додамю опцію "acl" у файл /etc/fstab. Але більше того, в Windows реалізована підтримка спадкування прав, щоб і це реалізувати в linux, потрібно щоб samba десь зберігала додаткові дані. Для цього необхідно включити розширені атрибути файлів, опція "user_xattr". Заодно треба заборонити виконання файлів на всьому розділі з даними, за допомогою опції "noexec" (для безпеки):

sudo nano /etc/fstab/dev/md0 /mnt/data ext4 defaults,noexec,acl,user_xattr 0 2

Перезавантажую операційну систему:

sudo shutdown -r now

Редагую налаштування samba:

sudo nano /etc/samba/smb.conf

[global] workgroup = Home netbios name = Server security = user # add settings admin users = PaulZi # дія цих користувачів будуть вироблятися від root map acl inherit = yes # включаємо спадкування acl store dos attributes = yes # включаємо зберігання dos атрибутів # відключаємо зберігання windows атрибутів: map archive = no map system = no map hidden = no map readonly = no # public share [public] comment = Public path = /mnt/data/public browseable = yes # кулі видна read only = no # включаємо можливість запису guest ok = yes # дозволяємо гостьовий доступ inherit permissions = yes # включаємо спадкування прав inherit acls = yes # включаємо спадкування windows-прав inherit owner = yes # включаємо спадкування власника hide unreadable = yes # ховати файли недоступні для читання

Перезапускаю сервіс:

sudo service smbd restart

1.7.6 DLNA/UPn-сервер

Як DLNA-сервер я вибрав minidlna.

Установлення з репозиторія:

sudo apt-get install minidlna

Редагую файл:

sudo nano /etc/minidlna.conf

media_dir=/mnt/data/public friendly_name=Ubuntu

Перезапускаю сервіс:

sudo service minidlna restart

1.7.7 Torrent

Я використаю Transmission, що успішно зарекомендував себе, як клієнт із веб-інтерфейсом.

Установлюю:

sudo apt-get install transmission-daemon

Зупиняю сервіс, інакше всі зміни запишуться після завершення процесу:

sudo service transmission-daemon stop

Редагую файл:

sudo nano /etc/transmission-daemon/settings.json

"download-dir": "/mnt/data/public/torrents" "rpc-password": "local" "rpc-username": "local" "rpc-whitelist-enabled": false

Отут міняємо чотири налаштування -- задаю шлях для завантаження, ім'я користувача й пароль для веб-інтерфейсу, а також відключаю "білий" список доступу до інтерфейсу -- дозволяю для всіх. Пароль указую у відкритому виді, після наступного запуску він буде зашифрований.

Запускаємо сервіс:

sudo service transmission-daemon start

Заходжу у веб-інтерфейс, переконуюся, що все добре:

http://192.168.1.180:9091/

1.8 Реєстрація домену та хостингу

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

1.8.1 Домен

Доммен (англ. Domain) -- частина простору ієрархічних імен мережі Інтернет, що обслуговується групою серверів доменних імен (DNS-серверів) та централізовано адмініструється.

DNS-сервери зберігають інформацію про вузли, імена яких належать домену і виконують трансляцію їх імен в адреси. Кожний домен має унікальне ім'я, а коженкомп'ютер, підключений до Інтернету, має, як правило, доменне ім'я. Домени мають між собою ієрархічні відношення. Два домени, що розташовані на сусідніх рівнях ієрархії, називаються відповідно доменом вищого та нижчого рівнів. Домени найвищого (верхнього) рівня можуть бути сформовані за організаційним або географічним ознаками. Домени, сформовані за географічним ознаками, об'єднують вузли, що належать конкретній державі. За географічними ознаками об'єднуються в основному комп'ютери, що містяться на території США.

Згідно зі звітом Verisign Domain Industry Brief найбільшого світового доменного реєстратора Verisign у кінці 2012 року кількість зареєстрованих по всьому світу доменних імен другого рівня перевищила 250 мільйонів, що на 12% більше, ніж роком раніше. Абсолютним лідером за кількістю реєстрацій є доменна зона .com, на яку припадає 40% всіх доменів. Серед інших популярних для реєстрації доменних зон Verisign виділяє зони .net, .uk, .org, .info, .cn, .nl і .uа.

На сьогодні існують дві кореневі українські доменні зони це - UA та УКР В доменній зоні .ua розрізняють приватні та публічні домени другого рівня. Серед публічних доменних зон вирізняють окремий підвид доменних зон - регіональні доменні зони. Прикладом регіональної доменної зони може бути .rv.ua, прикладом публічної доменної зони другого рівня може служити .com.ua та приватної .bz.ua

Домменна системма імемн (англ. Domain Name System, DNS) -- розподілена система перетворення імені хоста (комп'ютера або іншого мережевого пристрою) в IP-адресу.

Кожен комп'ютер в Інтернеті має свою власну унікальну адресу -- число, яке складається з чотирьох байтів. Оскільки запам'ятовування десятків чи навіть сотень -- не досить приємна процедура, то всі (чи майже всі) машини мають імена, запам'ятати які (особливо якщо знати правила утворення імен) значно легше.

Уся система імен в Інтернеті -- ієрархічна. Це зроблено для того, щоб не підтримувати одне централізоване джерело, а роздати владу на місця.

Красиве доменне ім'я, що запам'ятовується -- це візитна картка сайту. Зареєструвати його можна за допомогою фірми посередника (реєстратора) або самостійно.

Мені необхідно виконати три операції: зареєструвати доменне ім'я; створити записи в DNS серверах; розмістити сайт на сервері хостера.

Отже, для реєстрації:

1. Переходжу на сайт http://bz.ua/;

2. Вибираю "Реєстрація";

3. Вводжу особисті дані:

· Логін;

· Адреса електронної пошти;

· Прізвище;

· Ім'я;

· Країна;

· Індекс;

· Область;

· Місто;

· Вулиця;

· Телефон;

· Погоджуюся на умови договору;

· Підтверджую капчу;

4. Тепер нажимаю "Готово";

5. Після цього на пошту прийде повідомлення про реєстрацію;

6. Тепер треба провести реєстрацію на хостингу.

1.8.2 Хостинг

Хостинг (англ. hosting) - послуга, що надає дисковий простір для розміщення фізичної інформації на сервері.

Зазвичай під поняттям послуги хостингу мають на увазі, як мінімум, послугу розміщення файлів сайту на сервері, на якому запущене ПЗ, необхідне для обробки запитів до цих файлів (веб-сервер). Як правило, до послуг хостингу вже входить надання місця для поштової кореспонденції, баз даних, DNS файлового сховища тощо, а також підтримка функціонування відповідних сервісів, однак вони можуть надаватися і окремо. Розрізняють безкоштовний та платний хостинг. Безкоштовні "хостери" заробляють на тому, що розміщують рекламу на своїх сайтах.

Види хостингу:

Повнофункціональний хостинг:

· віртуальний сервер - надається місце на диску для розміщення веб-сайтів, середовище виконання веб-сервісів єдине для багатьох користувачів, ресурси розподілені між усіма користувачами на одному сервері, де може розміщуватись від 50 до 1000 користувачів;

· віртуальний виділений сервер (VPS або VDS) - послуга, в рамках якої користувачеві надається так званий віртуальний виділений сервер;

· виділений сервер - надається сервер цілком. Використовується для реалізації нестандартних завдань (сервісів), а також розміщення "важких" веб-проектів, які не можуть співіснувати на одному сервері з іншими проектами і вимагають під себе всі ресурси сервера;

· колокація (Collocation) - надання місця в дата центрі провайдера для обладнання клієнта (зазвичай шляхом монтажу в стійці) і підключення його до Інтернету.

Обмежений або хостинг певних програм (послуг):

· веб-хостинг - послуга, що дозволяє користувачеві розмістити веб-сайт або іншу інформацію користувача (текст, зображення, відео) в мережі Інтернет на сервері хостинг-провайдера;

· е-mail хостинг - представляє собою інтернет-хостинг, який працює з серверами електронної пошти;

· DNS хостинг - являє собою сервіс, який працює з сервером доменних імен;

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

За умовами надання хостинг часто розділяється на платний і безкоштовний. Зазвичай компанія, що надає безкоштовний хостинг, заробляє шляхом показу реклами на сторінках, розміщених на ньому. Безкоштовний хостинг, як правило, повільніше платного, надає тільки базові послуги і ненадійний. Приватні особи для своїх домашніх сторінок на початковому етапі їх розвитку використовують безкоштовний хостинг. Громадські організації можуть використовувати як платний хостинг, так і безкоштовний. Комерційні організації практично завжди користуються послугами платного хостингу.

Тепер проводимо реєстрацію на хостингу:

1. Переходжу на сайт хостера http://www.hostinger.com.ua/;

2. Вибираю "Реєстрація";

3. Вводжу дані, необхідні для реєстрації:

· Логін;

· Адреса електронної пошти;

· Пароль;

· Підтвердження паролю;

· Вводимо символи, що зображені на картинці;

· Погоджуємося на умови договору.

4. Вибираю "Створити аккаунт";

5. Після цього перевіряю пошту, на яку приде повідомлення про реєстрацію;

6. Тепер входжу в свій профіль на сайті і беру з нього три нейм-сервери:

ns1.hostinger.com.ua

ns2.hostinger.com.ua

ns3.hostinger.com.ua

7. Тепер ці нейм-сервери необхідно ввести на сайті, на якому був зареєстрований домен;

8. Після цього необхідно зачекати кілька годин, щоб сайт був зареєстрований на DNS-серверах, та створені усі профілі;

9. Коли усі записи закінчені, заходжу на хостинг і вибираю "Файловий менеджер". Через файловий менеджер будуть завантажені усі файли на хостинг.

10. Тепер завантажую файли на хостинг.

11. Одразу після завантаження файлів, вони стануть доступними і відвідувачі можуть відвідувати сайт компанії.

2. Спеціальна частина

В спеціальні частині висвітлені питання, які стосуються проблем та способів оцінювання якості веб-сайтів.

2.1 Використомвність

Використомвність, часто Юзабіліті (англ. Usability -- дослівно "зручність користування") -- поняття в мікроергономіці, що визначає загальну степінь зручності предмета при використанні; термін схожий з терміном "ергономічність", але має іншу область поширення і відрізняється нюансами визначення. Використовується для комп'ютерної техніки, терміном юзабіліті називають концепцію розробки користувацьких інтерфейсів програмного забезпечення, орієнтовану на максимальну психологічну і зорову зручність для користувача. ISO визначає використовність як "Ступінь з якою продукт може бути використано визначеними користувачами для досягнення визначених цілей з ефективністю, продуктивністю та вдоволеністю для специфічного контексту використання".

2.1.1 Веб-використомвність

Веб-юзабіліті (англ. web-usability -- дослівно "зручність користування веб") -- це застосування принципів юзабіліті в тих областях, де перегляд веб-сторінок можна розглядати як загальну парадигму (або "метафору") для побудови GUI

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

Деякі загальні цілі веб-юзабіліті:

2 Представити користувачеві інформацію в ясній і стислій формі

3 Надавати користувачам можливість вибору найбільш очевидним шляхом

4 Усунути будь-яку двозначність щодо наслідків дій (наприклад, кнопка /видалити/покупка)

5 Розміщення важливих елементів у відповідній області на веб-сторінці або веб-додатку

В контексті веб-сайтів електронної комерції, сенс веб-юзабіліті звузився до ефективності: запуск продажів і/або виконання інших операцій які являються цінними для бізнесу. Увагу до веб-юзабіліті було підвищено тоді, коли багато ранніх сайтів електронної комерції потерпіли невдачу в 2000 році. На початку 90--х вважалося, що графічний дизайн повинен бути необхідною складовою частиною сайту для успішного ведення електронного бізнесу, але піонери веб-юзабіліті вважали інакше. Вони виступали за принцип KISS, який довів свою ефективність у приверненні уваги до сайту кінцевого користувача.

2.1.2 Критерії оцінювання ресурсів інтернету

Часто виникає потреба визначити якість сайту. Ключову роль у цьому завдання відіграють критерії оцінки якості.

Щоб оцінити якість сайту є такі критерії:

Комфортність:

1. Чи відокремлений зміст сайту від інших елементів навігації?

2. Чи сумісний код сайту із популярними браузерами?

3. Наскільки сумісний сайт зі стандартами кодування W3C? Використовується HTML/CSS?

4. Чи вказані теги "alt" для всіх важливих картинок?

5. Чи є текстові описи, які передадуть важливу інформацію, у випадку обмежень на показ зображень чи мультимедійних файлів?

Навігація:

1. Чи використовується для посилань текст, який зрозуміло вказує, куди вони ведуть?

2. Глибина - скільки кліків потрібно зробити, щоб дістатися до сторінки в глибині сайту.

3. Якщо флеш-заставка або функції навігації забезпечуються за допомогою формату Java/JavaScript/Flash, чи є текстова альтернатива?

4. Чи видно по посиланнях, що вони клікабельні?

5. Наскільки просто користуватися сайтом? Значки чіткі чи ні? Чи розрізняються кнопки/посилання у вигляді тексту, які не клікабельні, і навпаки?

6. Чи є стиль шрифту чітким та зрозумілим. Чи достатній розмір шрифту для комфортного читання.

7. Чи чітко визначено призначення сайту? Призначення має визначатися протягом декількох секунд, без довгого вчитування або за відсутності тексту взагалі.

8. Чи доступна карта сайту? Якщо ні, чи можливо здійснити пошук за ключовими словами? Примітка: У великих сайтах (більше тисячі сторінок) обов'язково повинна бути форма пошуку.

Дизайн:

1. Чи є дизайн сайту естетично привабливим?

2. Чи кольори сайту гармонійні і логічно пов'язані?

3. Чи легко сприймаються вибрані кольори? (Наприклад, чи достатньо вони контрастні, щоб дальтоніки і люди зі слабким зором могли користуватися сайтом?)

4. Чи відповідає дизайн аудиторії? Стандартний розмір шрифту повинен легко читатися відвідувачами, які не знають, як налаштувати браузер.

5. Шрифти повинні легко читатися, акуратно зменшуватися і добре виглядати на екранах з різним розширенням.

Контент:

1. Стиль текстів відповідає призначенню сайту і "говорить" з цільовою аудиторією?

2. Чи можна змінити розмір тексту в браузері, чи зміна розміру обмежена налаштуваннями CSS?

3. Чи достатній контраст між текстом і кольором фону для зручного читання?

4. Чи розділений текст на невеликі, зручні для читання абзаци і чи структурується він за допомогою заголовків, підзаголовків і виділеннь, які полегшують швидкий перегляд?

5. У статтях повинні бути посилання на більш детальний виклад матеріалу або визначення жаргонних слів. Чи дотримуєтеся ви цього?

6. Чи є на сайті розділ "Про сайт", де вказується хто автор проекту, та посилання на джерело контенту, автором якого власник сайту не є?

7. Чи регулярно оновлюється контент?

Безпека:

1. Чи є якісь очевидні слабкі місця у системі безпеки?

2. Наскільки форми пристосовані до спеціальних символів?

3. Чи захищені паролі приватних каталогів від доступу та індексування?

4. Чи зберігаються дані клієнтів на віддаленому сервері і чи надійно захищена база даних від зовнішнього доступу?

Інші технічні фактори:

1. Яка швидкість завантаження сайту?

2. Чи всі посилання (внутрішні та зовнішні) валідні та активні?

3. Чи є у скриптах помилки?

4. Чи захищений сайт від помилок з боку сервера?

Інші маркетингові фактори:

1. Чи достатньо сайт оптимізований під пошукові системи (виділені основні частини тексту (ключі)? Чи релевантні і контекстуально пов'язані теги заголовку, текст заголовку, що прописаний в тегу Н1, зовнішні посилання і т.д.).

2. Чи зацікавлює користувача головна сторінка сайту, щоб він захотів перейти на інші сторінки.

3. Чи містяться на сайті елементи, які розроблені для залучення потенційних відвідувачів (наприклад, новини, функція "розповісти другу", форум з можливістю підписки, стрічка RSS або що-небудь подібне)? Чи починаються заголовки сторінок з найбільш релевантної ключової фрази (в крайньому випадку, вона може бути другим або третім словом у заголовку), яка найкраще описує зміст або функцію сторінки? Якби вам потрібно було розповісти, про що ця сторінка, і ви могли використовувати 1-3 слова або ключових фрази, які б ви обрали?

4. Чи сформовано файл Robots.txt?

5. Чи доступна карта сайту?

6. Чи доступна кожна сторінка хоча б за простим HTML-посиланям (без JavaScript або Flash Link)?

7. Чи містить кожна сторінка сайту певний текст? (Скільки тексту залишиться на сторінці, якщо прибрати всі картинки, відео, Java-аплети і JavaScript код? Те, що залишилося, як і раніше розкриває суть сторінки?)

8. Чи кожна сторінка доступна тільки по одному URL посиланню?

Матеріал, що використовується на законних підставах / Гарантії / Легітимізація:

1. Чи є на вашому сайті сторінка контактів з дійсними адресами, безкоштовний номер телефону, форма контакту або доступний e-mail, зрозумілий і простий у використанні механізм зворотного зв'язку/контакту?

2. Чи є на вашому сайті повідомлення про авторське право? Чи доступна сторінка з умовами використання сайту, де ви детально перераховуєте, що і чому ви робите, і з чим повинні погодитися користувачі, якщо вони хочуть користуватися сайтом

3. Чи проводите ви політику конфіденційності (особливо, якщо ви зберігаєте дані, електронну пошту, імена, куки)?

2.1.3 Способи оцінювання ресурсів інтернету

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

Як оцінити відвідуваність сайту:

Для простої оцінки відвідуваності сайту можна скористатися стандартними сервісами, де в спеціальну форму треба ввести адресу сайту і натиснути "Отримати". Через секунду з'явиться статистика по обраному сайту: кількість відвідувачів за місяць, за останню добу і за поточний день.

Для більш "просунутої" оцінки відвідуваності сайту можна скористатися програмами Яндекс.Метрика і Google Analitycs - ці системи нададуть докладний аналіз не тільки по загальній відвідуваності, але і за відвідуваністю за вибраний відрізок часу, кількості відвідувачів сайту з різних країн і регіонів і навіть інформацію щодо кількості заходжень на ту чи іншу сторінку і завантажень тих чи інших файлів з сайту.

Як оцінити сайт онлайн:

Тут введимо ім'я сайту і тиснемо "Аналіз". Сервіс видасть наступну інформацію: назву, опис і ключові слова, по яких просувається сайт, скріншоти зі сторінками сайту, кількість сторінок сайту, індексованих пошуковими системами, рейтинги, виставлені сайту системами Яндекс і Google (Яндекс ТІЦ - тематичний індекс цитування і Google PR або Google Page Rank - така ж оцінка з боку Google). Є й такі показники, як процентне співвідношення на сторінках сайту текстової інформації і зображень із зазначенням на мови програмування, на яких написаний сайт, швидкість і час завантаження сторінок сайту, кількість посилань на сторінках і багато іншого. В цій же системі пункти "Система управління сайтом", "Сайти на одному IP", "Наявність IP в спам-базах" - ця інформація буде корисна, щоб оцінити ефективність сайту.

Яндекс ТИЦ і Google PR:

Системи цих оцінок трохи різняться, крім того, PR простіше для сприйняття, оскільки оцінка сайту в цій системі ведеться за 10-бальною шкалою - чим вище бал, тим якісніше і корисніше для користувачів сайт і тим вище сайт буде розташований на сторінках видачі в пошуковій системі Google по відповідних запитах. Щоб підвищити PR, потрібно розміщувати релевантний контент (вміст, відповідне заявленій тематиці сайту), розміщувати на сторінках сайту посилання на інші його сторінки (в помірній кількості) і, звичайно ж, сайт повинен бути вже досить "дорослим", щоб пошукова система почала йому "довіряти".

Найвищі оцінки - від 8 до 10 можуть отримати тільки сайти дуже великих компаній. Так що якщо у вашого сайту оцінка від 5 до 7 - можна сказати, що він працює на "відмінно", 3-4 - це "добре", 2 - "задовільно". Якщо оцінка 1, то потрібно серйозно доопрацьовувати сайт, а ось нульова оцінка може свідчити про проблеми з індексацією сайту в Google.

Інші можливості оцінки сайту:

Тут є схожа інформація, проте розташована вона більш наочно. Як звичайно, для кожного сайту є рейтинги ТИЦ і PR, а також кількість проіндексованих сторінок в системах пошукових гігантів Google і Яндекс, кількість ресурсів, на які розміщені посилання на аналізований сайт. Є інформація і про наявність сайту в каталогах, віці сайту, IP сайту, хостерів і останнім пунктом тут йде PR-CY.Rank - рейтинг, розроблений співробітниками даної системи аналізу сайтів - можете порівняти рейтинги різних сайтів, щоб отримати їжу для роздумів.

Як оцінити якість сайту:

Що стосується того, як оцінити сайт з точки зору унікальності його вмісту (контенту), використовуємо програми-антіплагіатори. Відмінною програмою в цій категорії є "Advego Plagiatus".

Відмінними вважаються показники від 95% і вище, хорошими - 90-95%, задовільними: 80-90%.

Якщо унікальність тексту нижче 80%, краще для нормальної індексації пошуковими його переписати так, щоб домогтися більш високого ступеня унікальності.

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

2.2 Оптимізація сайту

Оптимізація сайту - це комплекс методів, який зробить сайт не тільки цікавим для користувача, але й зрозумілим та близьким для пошукових систем. Оптимізація сайту - це спосіб "примирення" пошукових систем з сайтом, який змусить пошукові системи "поважати сайт" і вибирати його, пропонуючи йому перші позиції у видачі, коли пошукова система дає відповідь на відповідний запиткористувача.


Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.